:root{color-scheme:light;--bg:#eef2ff;--card:#fff;--ink:#243047;--line:#ced7ed}html[data-theme=dark]{color-scheme:dark;--bg:#11172b;--card:#1b2540;--ink:#edf2ff;--line:#445373}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.65 system-ui,sans-serif;padding:28px 14px}.recovery-card{max-width:520px;margin:5vh auto;padding:28px;background:var(--card);border:1px solid var(--line);border-top:6px solid #7452d2;border-radius:22px;box-shadow:0 20px 50px #42559822}h1{font-size:clamp(25px,5vw,34px);line-height:1.2}label{display:block;margin:16px 0 6px}input,button{width:100%;padding:13px;border-radius:12px;border:1px solid var(--line);font:inherit}input{background:var(--card);color:var(--ink)}button{background:#5140b8;color:#fff;cursor:pointer;margin-top:16px}a{color:#7454d5}html[data-theme=dark] a{color:#b6a8ff}#recovery-theme{width:auto;float:right;margin:0;font-size:13px}#otp{font-size:26px;letter-spacing:8px;text-align:center}button:disabled{opacity:.6}input:focus,button:focus,a:focus{outline:3px solid #98baff;outline-offset:3px}#resend-link[aria-disabled=true]{pointer-events:none;opacity:.5}

body{background:radial-gradient(circle at 10% 10%,#ddd3ff,transparent 45%),var(--bg)}.recovery-card{position:relative;box-shadow:0 24px 65px #39216b25}.recovery-steps{display:flex;gap:7px;margin-top:30px}.recovery-steps span{flex:1;font-size:11px;text-align:center;padding:9px 4px;border-radius:10px;background:#ece7ff;color:#5034a5;font-weight:700}.recovery-security{font-size:12px;color:#526681}html[data-theme=dark] body{background:radial-gradient(circle at 10% 10%,#2c2050,transparent 45%),var(--bg)}html[data-theme=dark] .recovery-steps span{background:#322457;color:#dfd1ff}html[data-theme=dark] .recovery-security{color:#b8c8e5}#otp{font-size:clamp(22px,7vw,30px);letter-spacing:clamp(4px,2vw,9px)}@media(max-width:400px){.recovery-card{padding:22px 18px;margin:15px auto}body{padding:18px 12px}.recovery-steps span{font-size:10px}}