:root{--bg: #050914;--bg-2: #0a0f1f;--panel: rgba(17, 24, 45, .72);--panel-border: rgba(56, 189, 248, .18);--cyan: #22d3ee;--magenta: #f472b6;--violet: #8b5cf6;--text: #e2e8f0;--muted: #94a3b8;--good: #34d399;--bad: #fb7185}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:radial-gradient(1200px 800px at 15% -10%,rgba(34,211,238,.12),transparent 60%),radial-gradient(1000px 700px at 110% 110%,rgba(244,114,182,.12),transparent 55%),linear-gradient(160deg,var(--bg),var(--bg-2));color:var(--text);font-family:Rajdhani,Segoe UI,sans-serif;min-height:100%}h1,h2,h3,.font-display{font-family:Orbitron,sans-serif;letter-spacing:.04em;margin:0}a{color:var(--cyan)}.screen{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;gap:24px}.brand{font-size:clamp(38px,7vw,76px);font-weight:900;background:linear-gradient(90deg,var(--cyan),var(--violet),var(--magenta));-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 40px rgba(139,92,246,.25)}.tagline{color:var(--muted);font-size:18px;margin-top:-8px}.panel{width:100%;max-width:560px;background:var(--panel);border:1px solid var(--panel-border);border-radius:18px;padding:28px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px #00000073}.btn{appearance:none;border:1px solid transparent;border-radius:12px;padding:14px 22px;font-family:Rajdhani,sans-serif;font-weight:700;font-size:18px;letter-spacing:.03em;color:#04111a;background:linear-gradient(90deg,var(--cyan),#38bdf8);cursor:pointer;transition:transform .08s ease,box-shadow .2s ease,opacity .2s ease;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:10px}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 26px #22d3ee59}.btn:active{transform:translateY(0)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-magenta{background:linear-gradient(90deg,var(--magenta),#fb7185)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--panel-border)}.btn-ghost:hover{box-shadow:0 8px 26px #94a3b826}.btn-block{width:100%}.stack{display:flex;flex-direction:column;gap:14px}.row{display:flex;gap:12px;align-items:center}.muted{color:var(--muted)}.input{width:100%;background:#02061099;border:1px solid var(--panel-border);border-radius:12px;padding:14px 16px;color:var(--text);font-size:18px;font-family:Rajdhani,sans-serif}.input:focus{outline:none;border-color:var(--cyan)}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:10px 12px;border-bottom:1px solid rgba(148,163,184,.12)}th{color:var(--muted);font-weight:600;text-transform:uppercase;font-size:13px;letter-spacing:.06em}.pill{display:inline-block;padding:4px 10px;border-radius:999px;font-size:13px;font-weight:700;border:1px solid var(--panel-border);color:var(--cyan)}.error{color:var(--bad)}