.recovery-page { min-height:100vh; box-sizing:border-box; padding:32px 16px; background:#f4f7f2; color:#005333; font:14px Arial,sans-serif; }
body { margin:0; }
.recovery-box { box-sizing:border-box; width:420px; max-width:100%; margin:auto; padding:28px; background:#fff; border:1px solid #cedbc7; }
.recovery-logo { display:block; width:320px; max-width:100%; height:auto; margin:0 auto 24px; }
.recovery-page [hidden] { display:none !important; }
.text-center { text-align:center; }
.text-muted { color:#52664d; }
.h4 { font-size:22px; margin:0 0 12px; }
p { line-height:1.5; }
.form-group { margin:20px 0; }
label { display:block; font-weight:bold; margin-bottom:8px; }
.form-control { box-sizing:border-box; width:100%; min-width:0; padding:9px 10px; height:38px; border:1px solid #a4b89c; color:#005333; background:#f4f8f1; font:inherit; }
.form-control:focus,button:focus-visible,a:focus-visible { outline:2px solid #005333; outline-offset:2px; }
.btn { cursor:pointer; padding:9px 12px; border:1px solid #a4b89c; background:#edf3e8; color:#005333; font:inherit; }
.btn-info { background:#005333; border-color:#005333; color:white; }
.btn-block { width:100%; }
.btn:disabled { cursor:wait; opacity:.65; }
.input-group { display:flex; }
.input-group-append { display:flex; }
.recovery-eye { display:flex; align-items:center; }
.recovery-eye svg { fill:none; stroke:currentColor; stroke-width:1.7; }
.recovery-eye[aria-pressed=true] { background:#deebd5; }
.form-text { display:block; font-size:12px; margin-top:8px; line-height:1.5; }
.recovery-captcha-row { display:flex; align-items:center; gap:10px; }
.recovery-captcha-row img { flex:0 0 100px; width:100px; height:50px; }
.recovery-captcha-row input { min-width:50px; text-transform:uppercase; }
.recovery-otp { font-size:24px; text-align:center; letter-spacing:8px; }
.recovery-resend { margin-top:20px; padding-top:16px; border-top:1px solid #d8e3d1; }
.recovery-rules { background:#f3f7ee; padding:14px; margin-bottom:20px; font-size:12px; }
.recovery-rules ul { padding-left:18px; margin:10px 0; }
.recovery-rules li { list-style:none; position:relative; margin:5px 0; }
.recovery-rules li::before { content:'\2022'; position:absolute; left:-16px; }
.recovery-rules li.text-success::before { content:'\2713'; }
.recovery-rules li.text-danger::before { content:'\00d7'; }
.text-success { color:#206537; }
.text-danger { color:#a52027; }
[aria-invalid=true] { border-color:#a52027; }
.alert { padding:12px; margin:16px 0; line-height:1.5; background:#edf5e7; }
.alert-danger { background:#fceef0; color:#91252c; }
#recovery-progress { display:flex; gap:8px; align-items:center; justify-content:center; margin-top:16px; }
.recovery-spinner { width:18px; height:18px; border:2px solid #ddd; border-top-color:#005333; border-radius:50%; animation:recovery-spin .7s linear infinite; }
.mt-4 { margin-top:24px; }
a { color:#005333; }
@keyframes recovery-spin { to { transform:rotate(360deg); } }
@media (prefers-reduced-motion:reduce) { .recovery-spinner { animation:none; } }