:root{--bg:#050a0e;--bg2:#0a1118;--bg3:#0f1923;--surface:#111d2a;--surface2:#172236;--border:#1e3048;--border2:#2a4060;--accent:#00d4ff;--accent2:#09c;--accent3:#7b2ff7;--gold:#e6b800;--text:#e8f4fd;--text2:#8bacc8;--text3:#4d7a9e;--green:#00e676;--red:#ff4d4d;--shadow:#00000080;--orb1-opacity:.05;--orb2-opacity:.06;--grid-opacity:.025;--radius:12px;--transition:.25s cubic-bezier(.4, 0, .2, 1)}[data-theme=light]{--bg:#f0f4f8;--bg2:#e2e8f0;--bg3:#d8e2ec;--surface:#fff;--surface2:#f7fafc;--border:#cbd5e1;--border2:#94a3b8;--accent:#09c;--accent2:#0077a8;--accent3:#6d28d9;--gold:#b45309;--text:#0f172a;--text2:#334155;--text3:#64748b;--green:#059669;--red:#dc2626;--shadow:#0000001f;--orb1-opacity:.06;--orb2-opacity:.05;--grid-opacity:.04}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{background:var(--bg);color:var(--text);min-height:100vh;font-family:Syne,sans-serif;transition:background .35s,color .35s;overflow-x:hidden}::selection{background:var(--accent);color:#fff}a{color:inherit;text-decoration:none}input,textarea,select,button{font-family:Syne,sans-serif}button{cursor:pointer}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--bg2)}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent3)}.mono{font-family:DM Mono,monospace}.container{max-width:1180px;margin:0 auto;padding:0 2rem}.section{padding:6rem 0}.section-label{letter-spacing:.18em;color:var(--accent);text-transform:uppercase;margin-bottom:.75rem;font-family:DM Mono,monospace;font-size:.72rem}.section-title{margin-bottom:1.5rem;font-size:clamp(1.9rem,4vw,3rem);font-weight:800;line-height:1.1}.btn{border-radius:var(--radius);letter-spacing:.02em;transition:var(--transition);cursor:pointer;white-space:nowrap;border:none;align-items:center;gap:.5rem;padding:.75rem 1.75rem;font-size:.88rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{filter:brightness(1.15);transform:translateY(-2px);box-shadow:0 8px 28px #0099cc59}.btn-outline{color:var(--accent);border:1.5px solid var(--accent);background:0 0}.btn-outline:hover{background:#0099cc14;transform:translateY(-2px)}.btn-ghost{background:var(--surface);color:var(--text2);border:1px solid var(--border)}.btn-ghost:hover{border-color:var(--border2);color:var(--text)}.tag{color:var(--accent);letter-spacing:.02em;background:#0099cc14;border:1px solid #09c3;border-radius:4px;align-items:center;padding:.22rem .6rem;font-family:DM Mono,monospace;font-size:.7rem;display:inline-flex}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label{letter-spacing:.08em;color:var(--text2);text-transform:uppercase;font-family:DM Mono,monospace;font-size:.7rem}.form-input{background:var(--bg2);border:1px solid var(--border);color:var(--text);transition:var(--transition);border-radius:8px;outline:none;width:100%;padding:.8rem 1rem;font-size:.9rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #0099cc1f}.form-input::placeholder{color:var(--text3)}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse-dot;display:inline-block}.divider{background:linear-gradient(90deg, transparent, var(--border2), transparent);height:1px}.page{z-index:1;position:relative}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:38px;height:38px;color:var(--text2);cursor:pointer;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;transition:all .2s;display:flex}.theme-toggle:hover{border-color:var(--accent);color:var(--accent);background:var(--bg2)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.4)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.section{padding:4rem 0}.container{padding:0 1.25rem}.hide-mobile{display:none!important}}@media (max-width:600px){.section{padding:3rem 0}.container{padding:0 1rem}.section-title{margin-bottom:1rem}}