:root{--bg:#0f172a;--surface:#1e293b;--surface-border:#334155;--text:#f8fafc;--muted:#94a3b8;--primary:#0284c7;--primary-hover:#0369a1;--danger:#ef4444;--success:#22c55e}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;-webkit-font-smoothing:antialiased}.page-shell{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.card{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;padding:1.5rem;box-shadow:0 20px 25px -5px rgba(0,0,0,.4)}.field{display:flex;flex-direction:column;gap:.375rem;margin-bottom:1rem}.field label{font-size:.875rem;color:var(--muted)}.field input{width:100%;padding:.75rem .875rem;border-radius:10px;border:1px solid var(--surface-border);background:#0b1220;color:var(--text);font-size:1rem}.btn-primary{width:100%;padding:.875rem 1rem;border:none;border-radius:10px;background:var(--primary);color:#fff;font-size:1rem;font-weight:600;cursor:pointer}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.badge{display:inline-block;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:600;background:rgba(2,132,199,.2);color:#38bdf8}