:root{--bg-primary: #0a0a0f;--bg-secondary: #0f0f1a;--bg-card: #131320;--bg-card-hover: #1a1a2e;--bg-glass: rgba(19, 19, 32, .7);--accent-blue: #4f8ef7;--accent-blue-glow: rgba(79, 142, 247, .15);--accent-violet: #7c5cbf;--accent-violet-glow: rgba(124, 92, 191, .15);--accent-cyan: #38bdf8;--accent-gradient: linear-gradient(135deg, #4f8ef7 0%, #7c5cbf 100%);--accent-gradient-2: linear-gradient(135deg, #38bdf8 0%, #4f8ef7 100%);--text-primary: #f0f0f5;--text-secondary: #a0a0b8;--text-muted: #5a5a78;--text-inverse: #0a0a0f;--border-subtle: rgba(255, 255, 255, .07);--border-medium: rgba(255, 255, 255, .12);--border-glow: rgba(79, 142, 247, .3);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--shadow-glow-blue: 0 0 30px rgba(79, 142, 247, .2);--shadow-glow-violet: 0 0 30px rgba(124, 92, 191, .2);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Space Grotesk", sans-serif;--font-mono: "JetBrains Mono", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--text-7xl: 4.5rem;--section-padding: 7rem 0;--container-max: 1200px;--container-pad: 1.5rem;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--radius-sm: .375rem;--radius-md: .75rem;--radius-lg: 1.25rem;--radius-xl: 2rem;--radius-full: 9999px;--z-behind: -1;--z-base: 0;--z-above: 10;--z-nav: 100;--z-overlay: 200;--z-modal: 300}[data-theme=light]{--bg-primary: #f8f8fc;--bg-secondary: #f0f0f8;--bg-card: #ffffff;--bg-card-hover: #f5f5ff;--bg-glass: rgba(255, 255, 255, .8);--text-primary: #0a0a1a;--text-secondary: #444460;--text-muted: #9090a8;--text-inverse: #ffffff;--border-subtle: rgba(0, 0, 0, .06);--border-medium: rgba(0, 0, 0, .12);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .08);--shadow-md: 0 8px 24px rgba(0, 0, 0, .12);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .15);--shadow-glow-blue: 0 0 30px rgba(79, 142, 247, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;transition:background-color var(--transition-slow),color var(--transition-slow)}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}ul,ol{list-style:none}.font-display{font-family:var(--font-display)}.font-mono{font-family:var(--font-mono)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}.section{padding:var(--section-padding);position:relative}.section-label{font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.2em;text-transform:uppercase;color:var(--accent-blue);margin-bottom:.75rem;display:block}.section-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);font-weight:700;line-height:1.15;margin-bottom:1rem;color:var(--text-primary)}.section-subtitle{font-size:var(--text-lg);color:var(--text-secondary);max-width:600px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.75rem;border-radius:var(--radius-full);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;letter-spacing:.02em;transition:all var(--transition-base);position:relative;overflow:hidden;cursor:pointer;white-space:nowrap}.btn:before{content:"";position:absolute;inset:0;opacity:0;transition:opacity var(--transition-base);background:#ffffff14}.btn:hover:before{opacity:1}.btn:active{transform:scale(.97)}.btn-primary{background:var(--accent-gradient);color:#fff;box-shadow:0 4px 20px #4f8ef74d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 30px #4f8ef766}.btn-outline{border:1.5px solid var(--border-medium);color:var(--text-primary);background:transparent}.btn-outline:hover{border-color:var(--accent-blue);color:var(--accent-blue);transform:translateY(-2px);background:var(--accent-blue-glow)}.btn-ghost{color:var(--text-secondary)}.btn-ghost:hover{color:var(--text-primary);background:var(--border-subtle)}.card{background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem;transition:all var(--transition-base)}.card:hover{border-color:var(--border-glow);box-shadow:var(--shadow-glow-blue);transform:translateY(-4px)}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:var(--radius-full);font-family:var(--font-mono);font-size:.7rem;font-weight:500;letter-spacing:.05em;background:var(--border-subtle);border:1px solid var(--border-subtle);color:var(--text-secondary);transition:all var(--transition-fast)}.badge:hover{background:var(--accent-blue-glow);border-color:var(--accent-blue);color:var(--accent-blue)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.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}.reveal-delay-4{transition-delay:.4s}.reveal-delay-5{transition-delay:.5s}.bg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(79,142,247,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(79,142,247,.04) 1px,transparent 1px);background-size:60px 60px;pointer-events:none;z-index:0}.bg-orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;z-index:0;opacity:.4}.bg-orb.orb-blue{background:radial-gradient(circle,rgba(79,142,247,.3),transparent 70%)}.bg-orb.orb-violet{background:radial-gradient(circle,rgba(124,92,191,.3),transparent 70%)}.bg-orb.orb-cyan{background:radial-gradient(circle,rgba(56,189,248,.2),transparent 70%)}.glass{background:var(--bg-glass);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border-subtle)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-blue)}::selection{background:#4f8ef74d;color:var(--text-primary)}:focus-visible{outline:2px solid var(--accent-blue);outline-offset:3px;border-radius:var(--radius-sm)}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1!important;transform:none!important}}.section-divider{width:60px;height:3px;background:var(--accent-gradient);border-radius:var(--radius-full);margin:1.5rem 0}.dot-glow{width:12px;height:12px;border-radius:50%;background:var(--accent-blue);box-shadow:0 0 0 4px var(--accent-blue-glow);flex-shrink:0}@media (max-width: 768px){:root{--section-padding: 5rem 0;--container-pad: 1.25rem}}@media (max-width: 480px){:root{--section-padding: 4rem 0;--container-pad: 1rem}}