:root{color-scheme:light;font-family:Inter,"Segoe UI",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;min-width:320px;color:#193050;background:white}
.recovery-shell{display:grid;grid-template-columns:minmax(0,55%) minmax(0,45%);min-height:100dvh}
.recovery-aside{position:relative;display:flex;align-items:center;justify-content:center;padding:clamp(32px,5.2vw,85px);min-height:100dvh;color:white;background:radial-gradient(circle at 87% 12%,rgba(59,122,246,.23),transparent 40%),radial-gradient(circle at 3% 91%,rgba(27,129,225,.12),transparent 42%),linear-gradient(137deg,#071425,#122554)}
.recovery-aside::before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#84aaf1 .65px,transparent .65px);background-size:29px 29px}
.aside-content{position:relative;max-width:580px;width:100%}
.recovery-brand{display:flex;gap:13px;align-items:center;margin-bottom:clamp(42px,7vh,75px);font-size:23px;font-weight:850;letter-spacing:.07em}
.recovery-brand img{height:46px;width:46px;object-fit:contain}
.recovery-kicker,.recovery-eyebrow{font-size:11px;font-weight:850;letter-spacing:.15em}
.recovery-kicker{color:#88bfff}
.recovery-aside h1{max-width:560px;font-size:clamp(35px,3.5vw,55px);letter-spacing:-.055em;line-height:1.13;margin:19px 0}
.recovery-aside h1 em{font-style:normal;color:#84bdff}
.recovery-aside p{max-width:490px;color:#becfe8;font-size:15px;line-height:1.7}
.aside-note{display:flex;gap:17px;align-items:center;max-width:440px;margin-top:48px;padding:18px;border:1px solid rgba(175,201,243,.19);border-radius:13px;background:rgba(255,255,255,.05)}
.note-icon{display:grid;place-items:center;flex:0 0 44px;height:44px;border-radius:12px;background:rgba(91,147,240,.16);font-size:24px;color:#a4ceff}
.aside-note strong,.aside-note span:last-child{display:block}
.aside-note strong{font-size:13px}
.aside-note div span{font-size:12px;line-height:1.5;color:#b5c9e7;margin-top:5px}
.recovery-panel{display:grid;place-items:center;padding:40px 28px}
.recovery-card{width:100%;max-width:425px}
.recovery-lock{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#eef2ff;color:#4b6ce5;font-size:23px;margin-bottom:23px}
.recovery-eyebrow{color:#69809e;margin:0 0 9px}
.recovery-card h2{font-size:clamp(27px,2.4vw,34px);line-height:1.17;letter-spacing:-.04em;color:#112744;margin:0 0 12px}
.recovery-intro{font-size:13px;color:#6c809b;line-height:1.75;margin:0 0 30px}
.recovery-card form{display:grid;gap:10px}
.recovery-card label{font-size:12px;font-weight:750;color:#263d5e;margin-top:6px}
.recovery-card input{width:100%;height:49px;border:1px solid #cbd8e9;border-radius:11px;background:#f7f9fc;color:#1d3352;outline:none;padding:0 14px;font:inherit}
.recovery-card input:focus{border-color:#5181ee;box-shadow:0 0 0 4px rgba(45,107,228,.1);background:#fff}
.recovery-submit{display:flex;justify-content:center;align-items:center;gap:12px;min-height:49px;padding:13px;border:0;border-radius:11px;background:#246df2;color:#fff;font-weight:800;font-size:13px;cursor:pointer;margin-top:12px;transition:background .2s,transform .2s}
.recovery-submit:hover:not(:disabled){background:#185bd4;transform:translateY(-1px)}
.recovery-submit:disabled{opacity:.55;cursor:wait}
.recovery-alert{padding:14px;border:1px solid #e4c9c9;border-radius:11px;background:#fff5f5;color:#9c3d3d;font-size:12px;line-height:1.65}
.recovery-alert[data-type=success]{background:#f0f7ff;color:#214b86;border-color:#bed6fa}
.recovery-help{margin:25px 0 0;padding-top:16px;border-top:1px solid #e9eef5;color:#8b9bb0;font-size:11px;line-height:1.7}
.recovery-back{display:inline-block;margin-top:21px;color:#4e6790;font-size:12px;font-weight:750;text-decoration:none}
.recovery-back:hover{text-decoration:underline}
.rawa-recovery-entry{display:flex;justify-content:flex-end;padding:0 0 7px}
.rawa-recovery-entry a{color:#246df2;font-size:12px;font-weight:750;text-decoration:none}
.rawa-recovery-entry a:hover{text-decoration:underline}
@media(max-width:780px){.recovery-shell{display:block}.recovery-aside{min-height:0;padding:32px 25px}.recovery-brand{margin-bottom:18px;font-size:20px}.recovery-brand img{height:35px;width:35px}.recovery-aside h1{font-size:31px;margin:13px 0}.recovery-aside p{font-size:13px;margin:8px 0}.aside-note{display:none}.recovery-panel{padding:34px 24px 55px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.recovery-request-again{justify-self:center;text-align:center;color:#246df2;text-decoration:none;font-size:12px;font-weight:750;margin:9px 0 0}
.recovery-request-again:hover{text-decoration:underline}
.recovery-request-again:focus-visible{outline:2px solid #246df2;outline-offset:4px;border-radius:3px}
