*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Segoe UI',system-ui,sans-serif;background:#0f172a;color:#e2e8f0;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.card{width:100%;max-width:440px;background:#1e293b;border:1px solid #334155;border-radius:14px;padding:24px;box-shadow:0 24px 80px rgba(0,0,0,.35)}
h1{font-size:20px;margin-bottom:6px;color:#f8fafc}
p{font-size:13px;color:#94a3b8;line-height:1.5;margin-bottom:18px}
label{display:block;font-size:11px;color:#64748b;margin-bottom:5px}
input{width:100%;background:#0f172a;border:1px solid #334155;color:#e2e8f0;padding:9px 10px;border-radius:8px;font-family:monospace;font-size:11px;margin-bottom:10px}
button{width:100%;border:none;border-radius:8px;padding:10px 12px;font-weight:700;cursor:pointer;margin-top:8px}
.primary{background:#0284c7;color:white}
.secondary{background:#334155;color:#cbd5e1}
.err{display:none;margin-top:12px;color:#fecaca;background:#7f1d1d;border:1px solid #991b1b;padding:8px;border-radius:8px;font-size:12px}