body{background:var(--bg);color:var(--ink)}
#reset-main{min-height:100dvh;display:grid;place-items:center;padding:24px 16px}
.login-form.reset-card{display:block;min-height:0;width:100%;max-width:460px;padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}
.reset-card h1{font-size:26px;font-weight:700;margin:0 0 12px;letter-spacing:-.6px}
.reset-card p{font-size:14px;line-height:1.6;margin:12px 0;color:var(--muted)}
.reset-card form{width:100%;max-width:none;margin:22px 0}
.reset-card form label{display:block;margin:16px 0 7px;font-size:13px;font-weight:600}
.reset-card input,.reset-card select{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font:inherit}
.reset-card input:focus,.reset-card select:focus{border-color:var(--brand);outline:2px solid var(--brand-tint);outline-offset:1px}
.reset-card button[type=submit]{min-height:44px;width:100%;border:0;border-radius:8px;background:var(--brand);color:var(--brand-ink);font:inherit;font-weight:600}
.reset-card button:disabled{opacity:.55}
.reset-card #reset-status,.reset-card #recovery-status{font-size:14px;line-height:1.5;margin:14px 0}
.reset-card a{color:var(--brand-text)}
.reset-card .login-brand{display:flex;align-items:center;gap:10px;margin-bottom:24px;width:fit-content}
.reset-card .login-brand-icon{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--brand);flex:none}
.reset-card .login-brand-icon svg{width:26px;height:26px;fill:#fff}
.reset-card .login-brand-name{font-size:26px;line-height:1;letter-spacing:-1px;color:var(--ink)}
.reset-card .login-brand-app{font-size:11px;color:var(--accent);letter-spacing:0;margin-left:2px}
@media(max-width:600px){.login-form.reset-card{padding:22px}}
.recovery-preferences label{margin:0}.recovery-preferences select{cursor:pointer}@media(max-width:600px){body:has(.recovery-preferences) #reset-main{padding-top:88px}}
