body{margin:0;min-height:100vh;display:flex;align-items:center;justify-content:center;background:#0b1220;color:#e8eefc;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Helvetica,Arial,sans-serif;padding:24px}
.card{background:#121a2b;border:1px solid #26324d;border-radius:16px;padding:32px;max-width:420px;width:100%;box-shadow:0 18px 38px rgba(0,0,0,0.25)}
.card h1{margin-top:0;margin-bottom:8px}
.lead{margin-top:0;margin-bottom:24px;color:#b8c7e8}
form{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}
label{font-weight:600}
.password-field{display:flex;align-items:center;gap:8px}
.password-field input{flex:1}
input{padding:10px;border-radius:8px;border:1px solid #3a4970;background:#0f1626;color:#e8eefc}
button.password-toggle{white-space:nowrap;font-size:0.9rem;padding:8px 12px}
button{padding:10px;border-radius:10px;border:1px solid #3a4970;background:#17223a;color:#e8eefc;cursor:pointer;font-size:1rem}
button:hover{background:#1e2c47}
.status{min-height:24px;font-size:0.95rem}
.status.success{color:#7dd87d}
.status.error{color:#ff7b7b}
.note{margin:8px 0 0;font-size:0.9rem;color:#a9b9dd}
.note a{color:#c2d5ff}