@import "https://fonts.googleapis.com/css2?family=Exo+2:wght@400;600;700;800&family=IBM+Plex+Sans:wght@400;500;700&family=IBM+Plex+Mono:wght@400;500&display=swap";:root{--bg-base:#000;--bg-panel:#0a0f0a;--bg-elevated:#0f1a0f;--bg-hover:#0f1f0f;--accent:#0f8;--accent-dim:#00ff881f;--accent-2:#00b4d8;--accent-2-dim:#00b4d81f;--text-primary:#fff;--text-secondary:#7a9b7a;--text-tertiary:#3d5a3d;--border:#0d2b1a;--border-subtle:#0a1a0a;--font-display:"Exo 2", system-ui, sans-serif;--font-heading:"Exo 2", system-ui, sans-serif;--font-mono:"IBM Plex Mono", "Fira Code", monospace;--font-body:"IBM Plex Sans", system-ui, sans-serif;--radius-sm:6px;--radius-md:10px;--radius-lg:16px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{background:var(--bg-base);color:var(--text-primary);font-family:var(--font-body);min-height:100vh;font-size:14px;line-height:1.6}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}input,textarea,select{font-family:inherit;font-size:inherit}.font-heading{font-family:var(--font-heading)}.font-mono{font-family:var(--font-mono)}.btn{border-radius:var(--radius-sm);font-family:var(--font-body);white-space:nowrap;align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;transition:opacity .15s,transform .1s;display:inline-flex}.btn:hover{opacity:.88}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:#000;font-weight:600}.btn-secondary{color:var(--text-primary);border:1px solid var(--border);background:0 0}.btn-secondary:hover{border-color:var(--accent);color:var(--accent)}.btn-sm{padding:6px 14px;font-size:13px}.btn-lg{padding:14px 28px;font-size:15px}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-md);padding:24px}.input{background:var(--bg-elevated);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);outline:none;padding:10px 14px;font-size:14px;transition:border-color .15s}.input:focus{border-color:var(--accent)}.input::placeholder{color:var(--text-tertiary)}.label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em;margin-bottom:6px;font-size:12px;font-weight:500;display:block}.badge{font-family:var(--font-mono);letter-spacing:.04em;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.badge-green{color:var(--accent);background:#00e6761a;border:1px solid #00e67633}.badge-blue{color:var(--accent-2);background:#00b4d81a;border:1px solid #00b4d833}.badge-amber{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b33}.skeleton{background:linear-gradient(90deg, var(--bg-elevated) 25%, var(--bg-hover) 50%, var(--bg-elevated) 75%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.4s infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.progress-track{background:var(--bg-elevated);border-radius:99px;width:100%;height:6px;overflow:hidden}.progress-fill{background:var(--accent);border-radius:99px;height:100%;transition:width .8s}.divider{background:var(--border);height:1px;margin:0}.page-wrap{max-width:1100px;margin:0 auto;padding:40px 24px 80px}.grid-2{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}@media (width<=768px){.grid-2,.grid-3{grid-template-columns:1fr}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}