@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;500;600;700;800;900&display=swap";:root{--color-primary: #090F41;--color-primary-light: #28235D;--color-primary-mid: #373066;--color-primary-dark: #474B71;--color-cream: #E9E3C1;--color-bg: #ffffff;--color-bg-dark: #090F41;--color-text: #090F41;--color-text-secondary: #474B71;--color-text-on-dark: #E9E3C1;--color-accent: #090F41;--color-accent-hover: #28235D;--color-card-bg: #f8f8fa;--color-border: #E9E3C1;--font-sans: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 2rem;--spacing-lg: 4rem;--spacing-xl: 6rem;--spacing-xxl: 8rem;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px;--radius-xl: 32px;--transition-fast: .2s ease;--transition-smooth: .4s cubic-bezier(.28, .11, .32, 1);--transition-bounce: .6s cubic-bezier(.68, -.55, .265, 1.55)}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .3s cubic-bezier(.25,.46,.45,.94),color .3s cubic-bezier(.25,.46,.45,.94),border-color .3s cubic-bezier(.25,.46,.45,.94),box-shadow .3s cubic-bezier(.25,.46,.45,.94)}html{scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color .35s cubic-bezier(.25,.46,.45,.94),color .35s cubic-bezier(.25,.46,.45,.94)}section{will-change:transform;transition:transform .3s cubic-bezier(.16,1,.3,1),background-color .35s cubic-bezier(.25,.46,.45,.94),color .35s cubic-bezier(.25,.46,.45,.94);position:relative}#app{width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.1;letter-spacing:-.02em}h1{font-size:clamp(2.5rem,6vw,5rem);font-weight:700}h2{font-size:clamp(2rem,5vw,4rem)}h3{font-size:clamp(1.5rem,3vw,2.5rem)}p{font-size:clamp(1rem,2vw,1.25rem);color:var(--color-text-secondary)}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover)}button{cursor:pointer;font-family:inherit;border:none;outline:none}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-md)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.75rem;font-size:1.0625rem;font-weight:500;border-radius:980px;transition:all var(--transition-smooth);text-align:center;position:relative;overflow:hidden;line-height:1}.btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:before{width:300px;height:300px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-light) 100%);color:#fff;box-shadow:0 4px 16px #090f4126;position:relative;z-index:1}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 24px #090f4140;color:#fff}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background-color:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-secondary:hover{background-color:var(--color-primary);color:var(--color-cream);transform:translateY(-2px);box-shadow:0 8px 24px #090f4133}.btn-secondary:active{transform:translateY(0)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-60px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #090f411a}50%{box-shadow:0 0 30px #090f4133}}.fade-in-up{animation:fadeInUp .8s cubic-bezier(.16,1,.3,1) forwards}.fade-in{animation:fadeIn .6s ease-out forwards}.slide-in-left{animation:slideInLeft .8s cubic-bezier(.16,1,.3,1) forwards}.slide-in-right{animation:slideInRight .8s cubic-bezier(.16,1,.3,1) forwards}.scale-in{animation:scaleIn .6s cubic-bezier(.16,1,.3,1) forwards}.float{animation:float 3s ease-in-out infinite}.hover-lift{transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.hover-lift:hover{transform:translateY(-8px);box-shadow:0 20px 40px #090f411f}.hover-scale{transition:transform var(--transition-smooth)}.hover-scale:hover{transform:scale(1.02)}.scroll-reveal{opacity:0;transition:none}.scroll-reveal.is-visible{opacity:1;animation-fill-mode:forwards}.scroll-fade-up{opacity:0;transform:translateY(60px) scale(.95)}.scroll-fade-up.is-visible{animation:appleFadeUp 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes appleFadeUp{0%{opacity:0;transform:translateY(60px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.scroll-fade-in{opacity:0}.scroll-fade-in.is-visible{animation:fadeIn .8s cubic-bezier(.16,1,.3,1) forwards}.scroll-slide-left{opacity:0;transform:translate(-80px) scale(.9)}.scroll-slide-left.is-visible{animation:appleSlideLeft 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes appleSlideLeft{0%{opacity:0;transform:translate(-80px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.scroll-slide-right{opacity:0;transform:translate(80px) scale(.9)}.scroll-slide-right.is-visible{animation:appleSlideRight 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes appleSlideRight{0%{opacity:0;transform:translate(80px) scale(.9)}to{opacity:1;transform:translate(0) scale(1)}}.scroll-scale-in{opacity:0;transform:scale(.8)}.scroll-scale-in.is-visible{animation:appleScaleIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes appleScaleIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.scroll-fade-up.is-visible>*,.scroll-scale-in.is-visible>*{animation-delay:calc(var(--stagger-delay, 0) * .1s)}.scroll-blur-in{opacity:0;filter:blur(10px)}.scroll-blur-in.is-visible{animation:blurIn 1s cubic-bezier(.16,1,.3,1) forwards}@keyframes blurIn{0%{opacity:0;filter:blur(10px)}to{opacity:1;filter:blur(0)}}.scroll-rotate-in{opacity:0;transform:rotate(-5deg) scale(.9)}.scroll-rotate-in.is-visible{animation:rotateIn .8s cubic-bezier(.16,1,.3,1) forwards}@keyframes rotateIn{0%{opacity:0;transform:rotate(-5deg) scale(.9)}to{opacity:1;transform:rotate(0) scale(1)}}.hover-lift{transition:all .3s cubic-bezier(.16,1,.3,1)}.hover-lift:hover{transform:translateY(-4px);box-shadow:0 8px 24px #090f411f}.hover-glow{transition:all .3s cubic-bezier(.16,1,.3,1);position:relative}.hover-glow:before{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:inherit;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));opacity:0;z-index:-1;transition:opacity .3s cubic-bezier(.16,1,.3,1)}.hover-glow:hover:before{opacity:.15}a,button,.btn,input,textarea,select{transition:all .3s cubic-bezier(.16,1,.3,1)}.btn{position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff4d;transform:translate(-50%,-50%);transition:width .6s,height .6s}.btn:hover:after{width:300px;height:300px}.btn:active{transform:scale(.96)}*{scroll-behavior:smooth}section{transition:transform .1s ease-out,opacity .3s ease-out;will-change:transform}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}[data-theme=dark]{--color-bg: #0a0e27;--color-bg-dark: #060913;--color-text: #e8e9f0;--color-text-secondary: #a8aab8;--color-text-on-dark: #E9E3C1;--color-card-bg: #141827;--color-border: #1f2437}[data-theme=dark] body{background-color:var(--color-bg);color:var(--color-text)}[data-theme=dark] section{background:transparent}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4,[data-theme=dark] h5,[data-theme=dark] h6{color:var(--color-text)}[data-theme=dark] p{color:var(--color-text-secondary)}[data-theme=dark] .btn-secondary{background-color:transparent;color:var(--color-cream);border:2px solid var(--color-cream)}[data-theme=dark] .btn-secondary:hover{background-color:var(--color-cream);color:var(--color-primary)}
