:root{--bg-primary: #050508;--bg-secondary: #0a0a12;--bg-elevated: #0d0d1a;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--text-muted: rgba(255, 255, 255, .72);--text-subtle: rgba(255, 255, 255, .62);--text-faint: rgba(255, 255, 255, .45);--accent-blue: #0080ff;--link-on-dark: #58b4ff;--accent-cyan: #66f0f0;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .07);--glass-hover: rgba(255, 255, 255, .06);--glass-strong: rgba(255, 255, 255, .1);--glass-border-hover: rgba(255, 255, 255, .12);--card-bg: rgba(255, 255, 255, .035);--card-border: rgba(255, 255, 255, .07);--card-hover-bg: rgba(255, 255, 255, .05);--card-hover-border: rgba(255, 255, 255, .12);--nav-bg: rgba(10, 10, 18, .8);--nav-shadow: 0 8px 32px rgba(0, 0, 0, .5);--nav-link: rgba(255, 255, 255, .7);--mobile-menu-bg: rgba(5, 5, 8, .98);--input-bg: rgba(255, 255, 255, .04);--input-border: rgba(255, 255, 255, .1);--input-placeholder: rgba(255, 255, 255, .45);--divider: rgba(255, 255, 255, .06);--scrollbar-thumb: rgba(255, 255, 255, .08);--scrollbar-hover: rgba(255, 255, 255, .15);--particle-color: 0, 128, 255;--grid-line: rgba(255, 255, 255, .015);--shadow-color: rgba(0, 0, 0, .5);--orb-opacity: .4;--badge-bg: rgba(0, 128, 255, .08);--badge-border: rgba(0, 128, 255, .2);--badge-text: #8ef0f0;color-scheme:dark}[data-theme=light]{--bg-primary: #f5f7fa;--bg-secondary: #edf0f5;--bg-elevated: #ffffff;--text-primary: #0a0a1a;--text-secondary: rgba(10, 10, 26, .88);--text-muted: rgba(10, 10, 26, .7);--text-subtle: rgba(10, 10, 26, .58);--text-faint: rgba(10, 10, 26, .42);--accent-blue: #0070e0;--link-on-dark: #0060cc;--accent-cyan: #00a5a5;--glass-bg: rgba(255, 255, 255, .6);--glass-border: rgba(0, 0, 0, .1);--glass-hover: rgba(255, 255, 255, .8);--glass-strong: rgba(0, 0, 0, .08);--glass-border-hover: rgba(0, 0, 0, .15);--card-bg: rgba(255, 255, 255, .85);--card-border: rgba(0, 0, 0, .1);--card-hover-bg: rgba(255, 255, 255, .95);--card-hover-border: rgba(0, 0, 0, .15);--nav-bg: rgba(245, 247, 250, .88);--nav-shadow: 0 4px 24px rgba(0, 0, 0, .08), 0 0 0 1px rgba(0, 0, 0, .04);--nav-link: rgba(10, 10, 26, .68);--mobile-menu-bg: rgba(245, 247, 250, .98);--input-bg: rgba(0, 0, 0, .03);--input-border: rgba(0, 0, 0, .12);--input-placeholder: rgba(10, 10, 26, .45);--divider: rgba(0, 0, 0, .08);--scrollbar-thumb: rgba(0, 0, 0, .12);--scrollbar-hover: rgba(0, 0, 0, .2);--particle-color: 0, 100, 220;--grid-line: rgba(0, 0, 0, .04);--shadow-color: rgba(0, 0, 0, .1);--orb-opacity: .15;--badge-bg: rgba(0, 112, 224, .06);--badge-border: rgba(0, 112, 224, .15);--badge-text: #0070e0;color-scheme:light}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background:var(--bg-primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:700;text-align:center;color:var(--text-primary);letter-spacing:-.5px}.section-subtitle{text-align:center;color:var(--text-muted);transition:color .4s;margin-top:.75rem;font-size:1.1rem;font-weight:300}.reveal{opacity:0;transform:translateY(40px);transition:all .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.1s}.reveal-delay-2{transition-delay:.2s}.reveal-delay-3{transition-delay:.3s}.btn{display:inline-flex;align-items:center;justify-content:center;padding:1rem 2.5rem;border-radius:50px;font-weight:500;font-size:.95rem;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);cursor:pointer;border:none;font-family:Inter,sans-serif;letter-spacing:.3px;position:relative;overflow:hidden}.btn-primary{background:linear-gradient(135deg,var(--accent-blue),#0060cc);color:#fff;box-shadow:0 0 30px #0080ff33,0 0 60px #0080ff1a}.btn-primary:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .3s}.btn-primary:hover{box-shadow:0 0 40px #0080ff66,0 0 80px #0080ff26;transform:translateY(-3px)}.btn-primary:hover:before{opacity:1}.btn-outline{background:var(--glass-bg);color:var(--text-secondary);border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-outline:hover{border-color:var(--accent-cyan);color:var(--accent-cyan);background:var(--glass-hover);box-shadow:0 0 30px #0080ff14;transform:translateY(-3px)}.section-divider{width:60px;height:2px;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-blue));margin:1.5rem auto 0;border-radius:2px}body,.section-title,.section-subtitle{transition:background .4s,color .4s}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-hover)}::selection{background:#0080ff4d}@keyframes page-fade-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes page-fade-out{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-8px)}}::view-transition-old(root){animation:page-fade-out .2s cubic-bezier(.4,0,1,1) forwards}::view-transition-new(root){animation:page-fade-in .3s cubic-bezier(0,0,.2,1) .1s forwards}.animate-in{opacity:0;transform:translateY(30px);transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1)}.animate-in.visible{opacity:1;transform:translateY(0)}.animate-pop{opacity:0;transform:scale(.92) translateY(20px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.34,1.56,.64,1)}.animate-pop.visible{opacity:1;transform:scale(1) translateY(0)}