.reset-shell { max-width: 34rem; margin: 0 auto; padding: 7rem 1rem 3rem; }
.reset-card { background: #fff; color: #182235; border: 1px solid #dce1eb; border-radius: 1.75rem; padding: clamp(1.25rem, 5vw, 2.5rem); box-shadow: 0 20px 60px #29376d12; }
.reset-card h1 { font-size: clamp(1.6rem, 5vw, 2rem); font-weight: 750; line-height: 1.2; margin: .75rem 0; }
.reset-card p { line-height: 1.6; margin: .75rem 0; }
.reset-card form { margin-top: 1.5rem; }
.reset-card label { display: block; font-weight: 600; margin: 1rem 0 .5rem; }
.reset-card input { display: block; width: 100%; min-height: 3rem; padding: .7rem .85rem; border: 1px solid #8895ad; border-radius: .65rem; background: #fff; color: #182235; }
.reset-card input:focus-visible, .reset-card button:focus-visible, .reset-card a:focus-visible { outline: 3px solid #818cf8; outline-offset: 3px; }
.reset-card button, .reset-card a { overflow-wrap: anywhere; }
.reset-primary { display: block; width: 100%; margin-top: 1.25rem; padding: .85rem 1rem; border-radius: .65rem; background: #4338ca; color: #fff !important; font-weight: 650; text-align: center; text-decoration: none !important; }
.reset-card button:disabled { opacity: .65; cursor: wait; }
.reset-card .reset-secondary { display: block; margin: 1rem 0; color: #4338ca; text-decoration: underline; text-underline-offset: 3px; min-height: 2.75rem; }
.reset-card .reset-note { font-size: .875rem; color: #495870; }
.reset-status { margin-top: 1rem; padding: 1rem; border: 1px solid #a5b4fc; background: #eef2ff; border-radius: .65rem; line-height: 1.6; }
.reset-status.is-error { border-color: #e49ca6; background: #fff1f2; color: #881337; }
.reset-card [hidden] { display: none !important; }
.reset-brand { font-weight: 800; color: #4338ca; letter-spacing: .07em; }
.reset-heading { display: flex; align-items: center; justify-content: space-between; gap: 1rem; }
.reset-heading .reset-brand { text-decoration: none; }
.reset-heading select { min-width: 4.5rem; min-height: 2.75rem; padding: .5rem; border: 1px solid #8895ad; border-radius: .65rem; background: transparent; color: inherit; }
.reset-footer { border-top: 1px solid #dce1eb; padding-top: 1rem; margin-top: 1.5rem; }
.reset-card a { color: #4338ca; text-decoration: underline; text-underline-offset: 3px; }
html.dark .reset-card { background: #161e31; color: #edf0f8; border-color: #3e4b65; }
html.dark .reset-card input { background: #0d1526; color: #edf0f8; border-color: #687995; }
html.dark .reset-card .reset-note { color: #bdc9de; }
html.dark .reset-card a, html.dark .reset-card .reset-secondary, html.dark .reset-brand { color: #bec5ff; }
html.dark .reset-status { color: #eef2ff; background: #262d58; border-color: #6576b5; }
html.dark .reset-status.is-error { color: #ffd5dd; background: #452431; border-color: #bb6c80; }

html.dark body { background: #0b1120; }