:root{--ink:#172033;--muted:#667085;--line:#e6eaf0;--amber:#f59e0b;--amber-dark:#d97706}
html,body{background:#f8fafc;color:var(--ink)}
body{background:radial-gradient(620px 420px at 15% 15%,rgba(245,158,11,.10),transparent 65%),radial-gradient(720px 520px at 85% 85%,rgba(37,99,235,.06),transparent 68%),linear-gradient(135deg,#fff 0%,#f8fafc 52%,#fffaf0 100%)}
.topbar,.workspace{display:none!important}
.page{max-width:560px;padding:clamp(44px,8vh,82px) 24px 36px;display:flex;flex-direction:column;justify-content:center}
.recovery-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:38px;box-shadow:0 24px 70px rgba(16,24,40,.10),0 2px 8px rgba(16,24,40,.04)}
.recovery-card::before{content:"";display:block;width:42px;height:5px;border-radius:999px;background:linear-gradient(90deg,#f59e0b,#fbbf24);margin-bottom:24px}
h1{font-size:30px;color:#172033;margin-bottom:12px}
.lead{color:#667085;font-size:15px;margin-bottom:26px}
label{color:#344054;font-weight:700}.input{height:52px;border-color:#d0d5dd;border-radius:10px;box-shadow:0 1px 2px rgba(16,24,40,.04)}
.input:hover{border-color:#98a2b3}.input:focus{border-color:var(--amber);box-shadow:0 0 0 4px rgba(245,158,11,.13)}
.hint{font-size:12px}.btn{min-height:52px;border-radius:11px;background:#172033;box-shadow:0 9px 24px rgba(23,32,51,.16)}
.btn:hover:not(:disabled){background:#0d1424}.btn:focus-visible{outline-color:rgba(245,158,11,.22)}
.back{color:#a15c00}.security-note{margin:20px 4px 0;border-top:0;padding:0;text-align:center;display:block;color:#667085}
.portal-footer{text-align:center;color:#667085;font-size:12px;line-height:1.7;margin-top:24px}
.portal-footer strong{color:#344054}.portal-footer span{display:block;color:#98a2b3}
@media(max-width:600px){.page{padding:28px 16px 24px}.recovery-card{padding:28px 22px;border-radius:18px}h1{font-size:27px}.lead{font-size:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}