@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--bg-primary:#050a12;--bg-secondary:#0d1b2a;--bg-card:#0f2236;--border:#00b4d82e;--border-hover:#00b4d88c;--accent-blue:#00b4d8;--accent-gold:#c9a84c;--accent-green:#22c55e;--accent-red:#ef4444;--text-primary:#f0f4f8;--text-secondary:#8fa8c0;--text-muted:#4a6a85;--shadow-glow:0 0 24px #00b4d82e;--radius:12px;--font-main:"IBM Plex Sans",system-ui,sans-serif;--font-mono:"IBM Plex Mono",monospace;--transition:.18s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;min-height:100vh}.btn{font-size:.9rem;font-weight:600;font-family:var(--font-main);cursor:pointer;transition:transform var(--transition),box-shadow var(--transition),background var(--transition),opacity var(--transition);letter-spacing:.02em;border:none;border-radius:8px;align-items:center;gap:8px;padding:10px 22px;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.btn-primary{background:linear-gradient(135deg,#0094b8,var(--accent-blue));color:#fff;box-shadow:0 4px 14px #00b4d840}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 0 22px #00b4d873}.btn-gold{background:linear-gradient(135deg,#b8891f,var(--accent-gold));color:#0d1b2a;box-shadow:0 4px 14px #c9a84c40}.btn-gold:hover{transform:translateY(-1px);box-shadow:0 0 22px #c9a84c73}.btn-danger{color:#fca5a5;background:#7f1d1d;border:1px solid #991b1b}.btn-danger:hover{background:#991b1b}.btn-ghost{color:var(--accent-blue);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--accent-blue);background:#00b4d814}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:transform var(--transition),box-shadow var(--transition),border-color var(--transition);padding:24px}.card:hover{box-shadow:var(--shadow-glow);border-color:var(--border-hover);transform:translateY(-4px)}.input{border:1px solid var(--border);color:var(--text-primary);font-family:var(--font-main);width:100%;transition:border-color var(--transition),box-shadow var(--transition);background:#0d1b2acc;border-radius:8px;outline:none;padding:11px 14px;font-size:1rem}.input:focus{border-color:var(--accent-blue);box-shadow:0 0 0 3px #00b4d826}.input::placeholder{color:var(--text-muted)}.badge{letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:3px 10px;font-size:.72rem;font-weight:600;display:inline-block}.badge-blue{color:var(--accent-blue);background:#00b4d826;border:1px solid #00b4d84d}.badge-gold{color:var(--accent-gold);background:#c9a84c26;border:1px solid #c9a84c4d}.badge-green{color:var(--accent-green);background:#22c55e26;border:1px solid #22c55e4d}.badge-red{color:var(--accent-red);background:#ef444426;border:1px solid #ef44444d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse-ring{0%{box-shadow:0 0 #ef444499}70%{box-shadow:0 0 0 12px #ef444400}to{box-shadow:0 0 #ef444400}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in-up{animation:.4s both fadeInUp}.animate-spin{animation:.9s linear infinite spin}.animate-pulse-ring{animation:1.2s infinite pulse-ring}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}.glow-text{color:var(--accent-blue);text-shadow:0 0 18px #00b4d880}.mono{font-family:var(--font-mono)}