:root{color-scheme:dark}
.recovery-wrap{min-height:100vh;padding:28px 16px 54px;background:radial-gradient(900px 440px at 90% -10%,rgba(244,192,93,.16),transparent 60%),radial-gradient(720px 380px at 0 100%,rgba(72,198,190,.12),transparent 62%),#07080b;color:#f4f6fb;direction:rtl;text-align:right}
.recovery-shell{width:min(920px,100%);margin:0 auto}
.recovery-brand{display:flex;align-items:center;gap:12px;width:max-content;margin:0 0 20px;color:inherit;text-decoration:none}
.recovery-brand img{width:46px;height:46px;border-radius:15px;object-fit:cover}
.recovery-brand strong{display:block;font-size:18px}.recovery-brand span{display:block;margin-top:2px;color:rgba(255,255,255,.55);font-size:11px}
.recovery-card{overflow:hidden;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.028));box-shadow:0 30px 90px rgba(0,0,0,.35)}
.recovery-head{padding:24px 26px 18px;border-bottom:1px solid rgba(255,255,255,.08)}
.recovery-head h1{margin:0;font-size:clamp(24px,4vw,34px)}.recovery-head p{margin:8px 0 0;color:rgba(255,255,255,.62);line-height:1.9}
.recovery-tabs{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 26px 0}
.recovery-tab{display:flex;align-items:center;justify-content:center;min-height:48px;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:15px;background:rgba(255,255,255,.035);color:rgba(255,255,255,.7);font-weight:850;text-decoration:none}
.recovery-tab.is-active{border-color:rgba(244,192,93,.38);background:rgba(244,192,93,.12);color:#ffe4a8}
.recovery-body{padding:24px 26px 28px}.recovery-body h2{margin:0 0 6px;font-size:20px}.recovery-body>p{margin:0 0 18px;color:rgba(255,255,255,.58);line-height:1.9}
.recovery-alert{margin:0 0 16px;padding:12px 14px;border:1px solid rgba(93,224,160,.24);border-radius:15px;background:rgba(93,224,160,.09);line-height:1.8}
.recovery-alert.is-error{border-color:rgba(255,106,106,.28);background:rgba(255,106,106,.09)}
.recovery-warning{margin:0 0 18px;padding:14px 15px;border:1px solid rgba(244,192,93,.28);border-radius:16px;background:rgba(244,192,93,.08);color:#ffe7b4;line-height:1.9}
.recovery-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.recovery-field{display:grid;gap:8px;margin-top:14px}.recovery-field.is-full{grid-column:1/-1}
.recovery-field label{font-size:12px;color:rgba(255,255,255,.72)}.recovery-field input[type="email"],.recovery-field input[type="tel"],.recovery-field input[type="text"],.recovery-field input[type="password"]{width:100%;min-height:50px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(255,255,255,.045);color:#fff;outline:none;box-sizing:border-box}
.recovery-field input:focus{border-color:rgba(244,192,93,.48);box-shadow:0 0 0 3px rgba(244,192,93,.08)}
.recovery-ltr{direction:ltr;text-align:left}.recovery-error{color:#ffaaaa;font-size:12px;line-height:1.7}
.recovery-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.recovery-button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.05);color:#fff;font-weight:900;text-decoration:none;cursor:pointer}
.recovery-button.is-primary{border-color:rgba(244,192,93,.35);background:linear-gradient(135deg,rgba(244,192,93,.24),rgba(72,198,190,.13));color:#ffe6ad}.recovery-button:disabled{opacity:.45;cursor:not-allowed}
.recovery-tools{display:flex;gap:14px;flex-wrap:wrap;margin-top:15px}.recovery-tools form{margin:0}.recovery-link-button{padding:0;border:0;background:none;color:#f6d68e;cursor:pointer}.recovery-link-button:disabled{color:rgba(255,255,255,.35);cursor:not-allowed}
.recovery-privacy{margin-top:20px;padding-top:16px;border-top:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.48);font-size:12px;line-height:1.8}
.recovery-check{display:flex;align-items:flex-start;gap:10px;margin-top:18px;padding:13px 14px;border:1px solid rgba(244,192,93,.22);border-radius:15px;background:rgba(244,192,93,.06);line-height:1.8}.recovery-check input{width:18px;height:18px;margin-top:4px;accent-color:#e8b951}.recovery-check label{cursor:pointer}
.recovery-code input{font-size:28px;letter-spacing:12px;text-align:center;direction:ltr}
@media(max-width:650px){.recovery-head,.recovery-body{padding-left:17px;padding-right:17px}.recovery-tabs{padding-left:17px;padding-right:17px}.recovery-grid{grid-template-columns:1fr}.recovery-tab{font-size:13px}.recovery-button{width:100%}}