*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg-primary: #0a0f1e;--bg-secondary: #111827;--bg-card: rgba(17, 24, 39, .6);--bg-glass: rgba(255, 255, 255, .03);--bg-glass-hover: rgba(255, 255, 255, .06);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--text-muted: #64748b;--accent-cyan: #06b6d4;--accent-cyan-glow: rgba(6, 182, 212, .15);--accent-violet: #8b5cf6;--accent-violet-glow: rgba(139, 92, 246, .15);--accent-amber: #f59e0b;--accent-amber-glow: rgba(245, 158, 11, .15);--accent-emerald: #10b981;--accent-emerald-glow: rgba(16, 185, 129, .15);--accent-rose: #f43f5e;--accent-rose-glow: rgba(244, 63, 94, .15);--border-subtle: rgba(255, 255, 255, .06);--border-hover: rgba(255, 255, 255, .12);--font-display: "Playfair Display", Georgia, serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--nav-height: 72px;--section-padding: clamp(4rem, 8vw, 8rem);--container-max: 1200px;--container-wide: 1400px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--ease-out-quart: cubic-bezier(.25, 1, .5, 1);--transition-fast: .2s var(--ease-out-quart);--transition-medium: .4s var(--ease-out-expo);--transition-slow: .8s var(--ease-out-expo)}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.7;font-weight:400;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:500;line-height:1.2;color:var(--text-primary)}h1{font-size:clamp(2.5rem,5vw,4.5rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,2.5vw,2rem)}h4{font-size:clamp(1.1rem,1.5vw,1.35rem)}p{color:var(--text-secondary);font-size:1rem;max-width:65ch}a{color:inherit;text-decoration:none}code{font-family:var(--font-mono);font-size:.9em}img{max-width:100%;display:block}::selection{background:var(--accent-cyan);color:var(--bg-primary)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-hover);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.container{max-width:var(--container-max);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.container-wide{max-width:var(--container-wide);margin:0 auto;padding:0 clamp(1.5rem,4vw,3rem)}.section{padding:var(--section-padding) 0}.gradient-text{background:linear-gradient(135deg,var(--accent-cyan),var(--accent-violet));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.label{font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.15em;text-transform:uppercase;color:var(--accent-cyan)}.glass-card{background:var(--bg-glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-subtle);border-radius:16px;transition:all var(--transition-medium)}.glass-card:hover{background:var(--bg-glass-hover);border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 20px 60px #0000004d}.glow-cyan{box-shadow:0 0 80px var(--accent-cyan-glow)}.glow-violet{box-shadow:0 0 80px var(--accent-violet-glow)}.glow-amber{box-shadow:0 0 80px var(--accent-amber-glow)}.glow-emerald{box-shadow:0 0 80px var(--accent-emerald-glow)}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:all .6s var(--ease-out-expo)}