@import "https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;1,9..40,300&family=JetBrains+Mono:wght@400;500&display=swap";:root{--bg:#0a0a0f;--bg-2:#111118;--bg-3:#1a1a24;--surface:#16161f;--surface-2:#1e1e2a;--border:#ffffff12;--border-2:#ffffff1f;--accent:#00e5ff;--accent-dim:#00e5ff1f;--accent-glow:#00e5ff40;--text:#e8e8f0;--text-2:#9898b0;--text-3:#5a5a72;--green:#0f8;--orange:#ff6b35;--font-display:"Syne", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"JetBrains Mono", monospace;--radius:10px;--radius-lg:16px;--shadow:0 4px 24px #0006;--shadow-lg:0 8px 48px #0009;--transition:.2s ease}[data-theme=light]{--bg:#f4f4f8;--bg-2:#eaeaf0;--bg-3:#e0e0ea;--surface:#fff;--surface-2:#f0f0f6;--border:#00000014;--border-2:#00000024;--accent:#0070cc;--accent-dim:#0070cc1a;--accent-glow:#0070cc33;--text:#111118;--text-2:#44445a;--text-3:#8888a0;--shadow:0 4px 24px #00000014;--shadow-lg:0 8px 48px #00000024}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:72px}body{font-family:var(--font-body);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;transition:background var(--transition), color var(--transition);font-size:16px;line-height:1.65;overflow-x:hidden}body:before{content:"";background-image:linear-gradient(var(--border) 1px, transparent 1px), linear-gradient(90deg, var(--border) 1px, transparent 1px);pointer-events:none;z-index:0;opacity:.5;background-size:40px 40px;position:fixed;inset:0}a{color:var(--accent);transition:opacity var(--transition);text-decoration:none}a:hover{opacity:.8}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);border:none;outline:none}ul{list-style:none}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;color:var(--text);line-height:1.15}.mono{font-family:var(--font-mono);font-size:.85em}.container{z-index:1;max-width:1100px;margin:0 auto;padding:0 24px;position:relative}section{padding:96px 0;position:relative}.section-label{font-family:var(--font-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--accent);align-items:center;gap:10px;margin-bottom:12px;font-size:.75rem;display:flex}.section-label:before{content:"";background:var(--accent);width:24px;height:1px}.section-title{margin-bottom:16px;font-size:clamp(2rem,5vw,3rem);font-weight:800}.section-sub{color:var(--text-2);max-width:520px;margin-bottom:56px;font-size:1.05rem}.navbar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);height:64px;transition:background var(--transition), border-color var(--transition);border-bottom:1px solid #0000;align-items:center;padding:0 24px;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{border-color:var(--border);background:#0a0a0fd9}[data-theme=light] .navbar.scrolled{background:#f4f4f8d9}.navbar-inner{justify-content:space-between;align-items:center;width:100%;max-width:1100px;margin:0 auto;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text);letter-spacing:-.02em;cursor:pointer;-webkit-user-select:none;user-select:none;transition:color var(--transition);font-size:1.1rem;font-weight:800}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:32px;display:flex}.nav-links a{color:var(--text-2);letter-spacing:.01em;transition:color var(--transition);font-size:.875rem;font-weight:500}.nav-links a:hover{color:var(--text);opacity:1}.nav-actions{align-items:center;gap:12px;display:flex}.theme-toggle{background:var(--surface-2);border:1px solid var(--border);width:36px;height:36px;color:var(--text-2);transition:all var(--transition);border-radius:8px;justify-content:center;align-items:center;font-size:1rem;display:flex}.theme-toggle:hover{background:var(--surface);border-color:var(--border-2);color:var(--text)}.btn{border-radius:var(--radius);font-size:.875rem;font-weight:600;font-family:var(--font-body);transition:all var(--transition);letter-spacing:.01em;align-items:center;gap:8px;padding:10px 22px;display:inline-flex}.btn-primary{background:var(--accent);color:#000}.btn-primary:hover{opacity:.9;box-shadow:0 6px 20px var(--accent-glow);color:#000;transform:translateY(-1px)}.btn-outline{color:var(--text);border:1px solid var(--border-2);background:0 0}.btn-outline:hover{background:var(--surface-2);border-color:var(--accent);color:var(--accent);opacity:1;transform:translateY(-1px)}.btn-ghost{color:var(--text-2);background:0 0;padding:8px 14px}.btn-ghost:hover{color:var(--text);background:var(--surface-2);opacity:1}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);transition:border-color var(--transition), transform var(--transition), box-shadow var(--transition);padding:28px}.card:hover{border-color:var(--border-2);box-shadow:var(--shadow);transform:translateY(-2px)}.tag{font-size:.75rem;font-weight:500;font-family:var(--font-mono);background:var(--surface-2);color:var(--text-2);border:1px solid var(--border);white-space:nowrap;border-radius:100px;align-items:center;padding:3px 10px;display:inline-flex}.tag-accent{background:var(--accent-dim);color:var(--accent);border-color:#00e5ff33}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 0 var(--accent-glow)}50%{box-shadow:0 0 0 8px #0000}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-up{opacity:0;animation:.6s forwards fadeUp}.animate-delay-1{animation-delay:.1s}.animate-delay-2{animation-delay:.2s}.animate-delay-3{animation-delay:.3s}.animate-delay-4{animation-delay:.4s}.animate-delay-5{animation-delay:.5s}.divider{background:var(--border);height:1px;margin:0}.accent-line{background:var(--accent);border-radius:2px;width:48px;height:3px;margin-bottom:24px}.status-dot{background:var(--green);border-radius:50%;flex-shrink:0;width:8px;height:8px;animation:2s infinite pulse-glow;display:inline-block}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--surface-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-3)}::selection{background:var(--accent-dim);color:var(--accent)}@media (width<=768px){.nav-links{display:none}section{padding:72px 0}.container{padding:0 16px}}@media (width<=480px){section{padding:56px 0}}