:root{--bg: #080c18;--bg-alt: #0d1225;--surface: #111827;--surface-hover: #1a2440;--border: rgba(255, 255, 255, .07);--border-accent: rgba(0, 229, 255, .3);--text: #e2e8f0;--text-muted: #64748b;--text-faint: #334155;--accent: #00e5ff;--accent-glow: rgba(0, 229, 255, .15);--accent2: #7c3aed;--accent2-glow: rgba(124, 58, 237, .15);--accent3: #f59e0b;--card-bg: rgba(17, 24, 39, .8);--card-border: rgba(255, 255, 255, .06);--nav-bg: rgba(8, 12, 24, .85);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .4);--shadow-md: 0 8px 30px rgba(0, 0, 0, .5);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .6);--shadow-accent: 0 0 30px rgba(0, 229, 255, .15);--radius-sm: 6px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 32px;--transition: .2s ease;--transition-slow: .4s ease}[data-theme=light]{--bg: #f0f4ff;--bg-alt: #e8eeff;--surface: #ffffff;--surface-hover: #f1f5ff;--border: rgba(0, 0, 0, .12);--border-accent: rgba(0, 100, 200, .3);--text: #0f172a;--text-muted: #64748b;--text-faint: #94a3b8;--accent: #0066cc;--accent-glow: rgba(0, 102, 204, .1);--accent2: #6d28d9;--accent2-glow: rgba(109, 40, 217, .1);--accent3: #d97706;--card-bg: rgba(255, 255, 255, .9);--card-border: rgba(0, 0, 0, .06);--nav-bg: rgba(240, 244, 255, .85);--shadow-sm: 0 2px 8px rgba(0, 0, 0, .06);--shadow-md: 0 8px 30px rgba(0, 0, 0, .1);--shadow-lg: 0 20px 60px rgba(0, 0, 0, .12);--shadow-accent: 0 0 30px rgba(0, 102, 204, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:DM Sans,sans-serif;background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden;transition:background var(--transition-slow),color var(--transition-slow)}img{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}h1,h2,h3,h4,h5,h6{font-family:Syne,sans-serif;font-weight:700;line-height:1.1;color:var(--text)}.mono{font-family:Fira Code,monospace;font-size:.875em}.container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}section{padding:100px 0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px;opacity:.5}::selection{background:var(--accent);color:var(--bg)}.accent{color:var(--accent)}.accent2{color:var(--accent2)}.text-muted{color:var(--text-muted)}.mono-tag{font-family:Fira Code,monospace;font-size:.75rem}.gradient-text{background:linear-gradient(135deg,var(--accent),var(--accent2));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-label{font-family:Fira Code,monospace;font-size:.8rem;font-weight:500;color:var(--accent);letter-spacing:.15em;text-transform:uppercase;margin-bottom:12px}.section-title{font-family:Syne,sans-serif;font-size:clamp(2rem,4vw,2.75rem);font-weight:800;color:var(--text);margin-bottom:16px}.section-subtitle{font-size:1.05rem;color:var(--text-muted);max-width:560px;line-height:1.7}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;border-radius:var(--radius-md);font-family:Syne,sans-serif;font-size:.9rem;font-weight:600;transition:all var(--transition);position:relative;overflow:hidden}.btn-primary{background:var(--accent);color:var(--bg);box-shadow:0 0 20px var(--accent-glow)}.btn-primary:hover{box-shadow:0 0 40px var(--accent-glow),0 4px 20px #00e5ff4d;transform:translateY(-2px)}.btn-outline{border:1px solid var(--border-accent);color:var(--accent);background:transparent}.btn-outline:hover{background:var(--accent-glow);transform:translateY(-2px)}.btn-ghost{color:var(--text-muted);padding:8px 16px;border-radius:var(--radius-sm)}.btn-ghost:hover{color:var(--text);background:var(--surface-hover)}.btn-icon{padding:10px;border-radius:var(--radius-sm);color:var(--text-muted);transition:all var(--transition)}.btn-icon:hover{color:var(--accent);background:var(--accent-glow)}.tech-badge{display:inline-flex;align-items:center;padding:4px 12px;border-radius:999px;background:var(--surface);border:1px solid var(--border);font-family:Fira Code,monospace;font-size:.72rem;color:var(--text-muted);white-space:nowrap;transition:all var(--transition)}.tech-badge:hover{border-color:var(--border-accent);color:var(--accent);background:var(--accent-glow)}.grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:60px 60px;opacity:.4;pointer-events:none}.orb{position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.25}.orb-cyan{background:var(--accent)}.orb-purple{background:var(--accent2)}.noise-overlay{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E")}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all var(--transition-slow)}.card:hover{border-color:var(--border-accent);box-shadow:var(--shadow-accent);transform:translateY(-4px)}@media (max-width: 768px){section{padding:70px 0}.container{padding:0 20px}}@media (max-width: 480px){section{padding:56px 0}}.page-enter{animation:pageIn .4s ease forwards}@keyframes pageIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.accent-line{display:inline-block;width:40px;height:3px;background:var(--accent);border-radius:2px;margin-bottom:20px}@media (max-width: 768px){h1,h2,h3{word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.hero-floating-tags,.floating-tags,.tech-float{display:none!important}.section-title{font-size:clamp(1.6rem,5vw,2rem)}}@media (max-width: 480px){.section-title{font-size:1.6rem}}