body{font:16px system-ui,sans-serif;background:#111827;color:#f9fafb;margin:0;display:grid;min-height:100vh;place-items:center}main{box-sizing:border-box;width:min(94vw,420px);padding:32px;background:#1f2937;border-radius:16px}h1{font-size:24px}label{display:block;margin:20px 0}input{box-sizing:border-box;display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #6b7280;border-radius:6px;font:inherit}button{padding:12px 24px;border:0;border-radius:6px;background:#f59e0b;color:#111827;font:inherit;cursor:pointer}[role=alert]{color:#fbbf24}
.password-field{position:relative;margin-top:-12px;margin-bottom:24px}.password-field input{padding-right:52px}.password-field button{position:absolute;right:4px;top:4px;bottom:4px;display:grid;place-items:center;padding:8px 10px;background:transparent;color:#374151}.password-field button:focus-visible{outline:2px solid #d97706}#password-eye-slash{display:none}input[type=password]::-ms-reveal{display:none}