*{box-sizing:border-box}body{color:#e2e8f0;background:#0f172a;margin:0;font-family:system-ui,sans-serif}.page{place-items:center;min-height:100vh;padding:1rem;display:grid}.card{background:#1e293b;border-radius:12px;width:100%;max-width:420px;padding:2rem;box-shadow:0 10px 30px #0006}.field{flex-direction:column;margin-bottom:1rem;display:flex}.field label{margin-bottom:.3rem;font-size:.9rem}.field input{color:inherit;background:#0f172a;border:1px solid #475569;border-radius:8px;padding:.6rem}.btn{cursor:pointer;border:0;border-radius:8px;padding:.6rem 1.2rem;font-weight:600}.btn-primary{color:#fff;background:#3b82f6}.btn-secondary{color:#fff;background:#475569;margin-top:1rem}.btn:disabled{opacity:.6;cursor:not-allowed}.error{color:#f87171}