:root{--bg-primary: #ffffff;--text-primary: rgba(0, 0, 0, .9);--text-secondary: rgba(0, 0, 0, .5);--accent-primary: #3b82f6;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem}.text-hero{font-size:clamp(1.75rem,5vw,3rem);font-weight:500;letter-spacing:-.25px;line-height:1.2}.text-subtitle{font-size:clamp(1rem,3vw,1.5rem);font-weight:400;letter-spacing:0;line-height:1.6}.text-body{font-size:clamp(1.5rem,4vw,2.8rem);font-weight:500;letter-spacing:0;line-height:1.4}.text-body-secondary{font-size:clamp(1rem,3vw,2.5rem);font-weight:400;letter-spacing:0;line-height:1.4}.text-white{color:#ffffffe6;text-shadow:0 1px 5px rgba(0,0,0,.2)}.text-primary{color:#000000e6}.text-secondary{color:#00000059}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Figtree,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-optical-sizing:auto;line-height:1.6}.app-container{padding:0 20px}@media (min-width: 800px){.app-container{padding:0 32px}}.container{max-width:1200px;margin:0 auto;padding:0 20px}a{text-decoration:none;color:inherit;position:relative;transition:color .3s ease}a:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:4px;background-color:#000000e6;transition:width .4s ease}a:hover{color:#000000e6}a:hover:after{width:100%}header{padding:1rem 0;background:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.1)}header .container{display:flex;justify-content:space-between;align-items:center}header a{text-decoration:none;color:inherit;font-weight:500}header a:hover{opacity:.8}header nav{display:flex;gap:2rem;align-items:center}header nav a{font-size:.9rem;transition:opacity .2s ease}.home{scroll-snap-type:y mandatory;height:100vh;overflow-y:auto;margin:0 -16px}@media (max-width: 768px){.home{height:100svh}}@media (min-width: 800px){.home{margin:0 -32px}}.experience-section{height:100vh;display:flex;align-items:center;justify-content:center;scroll-snap-align:start;background:transparent;position:relative;padding:0 16px}.experience-section .experience-content{text-align:center;max-width:1000px;transform:translateY(-5vh)}@media (max-width: 768px){.experience-section{height:100svh}.experience-section .experience-content{transform:translateY(-3vh)}}@media (min-width: 1440px){.experience-section{padding:0 32px}}.hero{scroll-snap-align:start}.animated-gradient{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none;padding-bottom:8vh;filter:blur(60px);opacity:.7;mix-blend-mode:normal}@media (max-width: 576px){.animated-gradient{filter:blur(36px)}}.hero{position:relative;height:100vh;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:0 16px}.hero .hero-content{position:relative;z-index:1;text-align:center;padding:0 var(--space-xl);transform:translateY(-5vh)}.hero .hero-content .hero-text .cta-button{background:rgba(255,255,255,.2);color:#fff;border:2px solid rgba(255,255,255,.3);padding:var(--space-lg) var(--space-2xl);font-size:1.1rem;font-weight:600;border-radius:50px;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease}.hero .hero-content .hero-text .cta-button:hover{background:rgba(255,255,255,.3);border-color:#ffffff80;transform:translateY(-2px);box-shadow:0 10px 30px #0003}@media (max-width: 768px){.hero{height:100svh}.hero .hero-content{padding:0 var(--space-lg);transform:translateY(-3vh)}}@media (min-width: 800px){.hero{padding:0 32px}}.scroll-indicator{position:absolute;bottom:3rem;left:0;right:0;margin:0 auto;width:fit-content;color:#00000080;cursor:pointer;z-index:2}.scroll-indicator:hover{color:#000c}.scroll-indicator svg{display:block;margin:0 auto}@media (max-width: 768px){.scroll-indicator{bottom:2rem}}
