:root{--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-canvas: #FAFAFA;--bg-card: #FFFFFF;--bg-nav: rgba(255, 255, 255, .85);--bg-section-alt: #F3F1FF;--color-ink: #1a1a2e;--color-ink-secondary: #64648B;--color-border: #E8E8F0;--color-accent: #6366f1;--color-accent-hover: #4f46e5;--color-accent-light: rgba(99, 102, 241, .08);--color-accent-glow: rgba(99, 102, 241, .25);--gradient-primary: linear-gradient(135deg, #6366f1 0%, #8b5cf6 100%);--gradient-text: linear-gradient(135deg, #6366f1, #a855f7, #ec4899);--gradient-hero-bg: radial-gradient(ellipse at 30% 50%, rgba(99,102,241,.06) 0%, transparent 60%), radial-gradient(ellipse at 70% 50%, rgba(139,92,246,.05) 0%, transparent 60%);--gradient-section-divider: linear-gradient(90deg, transparent, var(--color-accent), transparent);--shadow-sm: 0 1px 3px rgba(0,0,0,.04), 0 1px 2px rgba(0,0,0,.06);--shadow-md: 0 4px 16px rgba(0,0,0,.06), 0 2px 4px rgba(0,0,0,.04);--shadow-lg: 0 12px 40px rgba(0,0,0,.08), 0 4px 12px rgba(0,0,0,.04);--shadow-glow: 0 0 30px rgba(99,102,241,.15);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--input-bg: #F7F7FC;--input-focus-border: rgba(99, 102, 241, .5);--input-focus-shadow: rgba(99, 102, 241, .15);--mesh-color: 99, 102, 241}html.dark{--bg-canvas: #0f0f1a;--bg-card: #1a1a2e;--bg-nav: rgba(15, 15, 26, .88);--bg-section-alt: #161628;--color-ink: #e8e8f0;--color-ink-secondary: #9b9bc0;--color-border: #2a2a45;--color-accent: #818cf8;--color-accent-hover: #a5b4fc;--color-accent-light: rgba(129, 140, 248, .12);--color-accent-glow: rgba(129, 140, 248, .3);--gradient-primary: linear-gradient(135deg, #818cf8 0%, #a78bfa 100%);--gradient-text: linear-gradient(135deg, #818cf8, #c084fc, #f472b6);--gradient-hero-bg: radial-gradient(ellipse at 30% 50%, rgba(129,140,248,.08) 0%, transparent 60%), radial-gradient(ellipse at 70% 50%, rgba(167,139,250,.06) 0%, transparent 60%);--shadow-sm: 0 1px 3px rgba(0,0,0,.3);--shadow-md: 0 4px 16px rgba(0,0,0,.4);--shadow-lg: 0 12px 40px rgba(0,0,0,.5);--shadow-glow: 0 0 30px rgba(129,140,248,.2);--input-bg: #1e1e35;--input-focus-border: #818cf8;--input-focus-shadow: rgba(129, 140, 248, .3);--mesh-color: 129, 140, 248}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-family);background-color:var(--bg-canvas);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;scroll-behavior:smooth;overflow-x:hidden}body,header,section,footer,div,span,p,h1,h2,h3,a,button,input,textarea,select{transition:background-color .3s ease,border-color .3s ease,color .3s ease,box-shadow .3s ease}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-secondary)}.container{width:100%;max-width:1400px;margin:0 auto;padding:0 2rem}.container-narrow{width:100%;max-width:1100px;margin:0 auto;padding:0 2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translate(-40px)}to{opacity:1;transform:translate(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes bounce-down{0%,to{transform:translateY(0) translate(-50%)}50%{transform:translateY(10px) translate(-50%)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px var(--color-accent-glow)}50%{box-shadow:0 0 40px var(--color-accent-glow),0 0 60px #6366f11a}}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.scroll-animate{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.16,1,.3,1),transform .8s cubic-bezier(.16,1,.3,1)}.scroll-animate.scroll-left{transform:translate(-40px)}.scroll-animate.scroll-right{transform:translate(40px)}.scroll-animate.visible{opacity:1;transform:translateY(0) translate(0)}.scroll-animate.delay-1{transition-delay:.1s}.scroll-animate.delay-2{transition-delay:.2s}.scroll-animate.delay-3{transition-delay:.3s}.scroll-animate.delay-4{transition-delay:.4s}