body.reset-page { position: relative; background: var(--bg); color: var(--text); }
body.reset-page::before { content: ""; position: fixed; inset: 0; pointer-events: none; background-image: radial-gradient(var(--dot) 1.2px, transparent 1.3px); background-size: 24px 24px; -webkit-mask-image: linear-gradient(#000 40%, transparent); mask-image: linear-gradient(#000 40%, transparent); }
body.reset-page .app { position: relative; z-index: 1; min-height: 100vh; display: flex; flex-direction: column; }
.reset-page .reset-main { flex: 1; display: grid; place-items: center; padding: 56px 20px 80px; }
.reset-page .reset-shell { width: min(100%, 460px); }
.reset-page .reset-heading { margin-bottom: 22px; text-align: center; }
.reset-page .reset-heading h1 { margin: 0; color: var(--text); font: 600 32px/1.15 var(--font-brand); letter-spacing: -.02em; }
.reset-page .reset-heading p { margin-top: 10px; color: var(--muted); }
.reset-page #id_resetForm_div { position: static; left: auto; top: auto; width: 100%; padding: 22px; background: var(--surface); border: 1px solid var(--border); border-top: 3px solid var(--green); border-radius: var(--radius-card); box-shadow: 0 8px 26px rgba(12,40,30,.06); }
.reset-page #id_reset_form { display: grid; gap: 8px; color: var(--text); font: 16px/1.55 var(--font-ui); }
.reset-page #id_email_label { display: block; color: var(--text); font: 600 14px/1.4 var(--font-ui); text-align: center; }
.reset-page #id_email_in { width: 100%; height: 44px; padding: 0 12px; background: var(--surface); color: var(--text); border: 1px solid var(--border-strong); border-radius: var(--radius-control); font: inherit; }
.reset-page #id_email_in:focus { outline: 2px solid var(--green); outline-offset: 0; border-color: var(--green); }
.reset-page #id_reset_button { position: static; left: auto; bottom: auto; width: 100%; min-height: 50px; margin-top: 18px; padding: 0 26px; border: 1px solid var(--green); border-radius: var(--radius-control); background: var(--green); color: var(--on-green); font: 600 16px var(--font-ui); cursor: pointer; }
.reset-page #id_reset_button:hover { filter: brightness(.92); }
.reset-page #id_message_p { position: static; min-height: 20px; margin: 14px 0 0; color: var(--muted); font-size: 14px; text-align: center; }
.reset-page .register-footer { padding: 20px; border-top: 1px solid var(--border); color: var(--muted); font-size: 13px; text-align: center; }
.reset-page .loading-overlay { position: fixed; inset: 0; z-index: 20; display: none; align-items: center; justify-content: center; background: rgba(23,33,29,.28); }
.reset-page .loader { width: 42px; height: 42px; border: 3px solid var(--green-line); border-top-color: var(--green); border-radius: 50%; animation: reset-spin .8s linear infinite; }
@keyframes reset-spin { to { transform: rotate(360deg); } }
@media (max-width: 560px) { .reset-page .reset-main { padding: 32px 16px 48px; }.reset-page #id_resetForm_div { padding: 20px; } }