@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=DM+Sans:wght@400;500;600&family=DM+Mono:wght@400;500&display=swap";
:root{--bg:#050508;--surface:#0d0d14;--surface2:#13131f;--surface3:#181828;--border:#1e1e30;--border2:#2a2a42;--text:#f0f0f8;--muted:#88a;--muted2:#5a5a7a;--green:#00e5a0;--green-dim:#00e5a01f;--green-border:#00e5a040;--green-glow:#00e5a026;--blue:#3b82f6;--blue-dim:#3b82f61f;--amber:#f0a500;--amber-dim:#f0a5001a;--red:#ff4d6d;--red-dim:#ff4d6d14;--font-display:"Bebas Neue", sans-serif;--font-body:"DM Sans", sans-serif;--font-mono:"DM Mono", monospace;--radius:10px;--radius-sm:6px;--radius-lg:16px;--nav-h:64px;--sidebar-w:228px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border2);border-radius:4px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.btn-primary{background:var(--green);color:#000;font-family:var(--font-body);border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:opacity .15s;display:inline-flex}.btn-primary:hover{opacity:.88}.btn-ghost{color:var(--muted);font-family:var(--font-mono);border:1px solid var(--border2);border-radius:var(--radius-sm);cursor:pointer;background:0 0;align-items:center;gap:8px;padding:7px 14px;font-size:12px;transition:all .15s;display:inline-flex}.btn-ghost:hover{color:var(--text);background:var(--surface2)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius)}.input{background:var(--surface2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);font-family:var(--font-mono);outline:none;padding:9px 12px;font-size:13px;transition:border-color .15s}.input:focus{border-color:var(--green-border)}.input::placeholder{color:var(--muted2)}
