.recovery-page{min-height:85svh;color:var(--text-primary);background:radial-gradient(ellipse at 50% 40%, #b6f3cf0a, transparent 60%), var(--bg-primary);padding:clamp(24px,5vw,64px)}.recovery-brand{align-items:center;min-height:44px;display:inline-flex}.recovery-content{text-align:center;width:min(640px,100%);margin:32px auto 64px}.recovery-scene{width:min(300px,100%);height:190px;margin:0 auto 32px;position:relative}.recovery-orbit{border:1px solid #b6f3cf30;border-radius:50%;position:absolute;inset:12px 8px;transform:rotate(-24deg)}.recovery-moon{top:28px;background:var(--accent-cyan);border-radius:50%;width:82px;height:82px;position:absolute;inset-inline-end:45px;box-shadow:0 0 55px #b6f3cf12}.recovery-moon:after{content:"";top:-10px;background:var(--bg-primary);border-radius:50%;width:69px;height:69px;position:absolute;inset-inline-end:-8px}.recovery-star{color:#e8b98c;font-size:29px;position:absolute}.recovery-star--one{top:4px;inset-inline-start:48px}.recovery-star--two{bottom:0;font-size:22px;inset-inline-end:30px}.recovery-code{bottom:0;color:var(--text-primary);font-family:var(--font-bricolage), sans-serif;letter-spacing:-7px;font-size:100px;font-weight:700;line-height:1;position:absolute;inset-inline-start:24px}.recovery-content h1{font-family:var(--font-bricolage), sans-serif;letter-spacing:-1.5px;overflow-wrap:anywhere;font-size:clamp(34px,5vw,54px);line-height:1.08}.recovery-content>p{max-width:430px;color:var(--text-secondary);margin:20px auto 0;font-size:16px;line-height:1.8}.recovery-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:32px;display:flex}.recovery-actions>*{cursor:pointer;border-radius:12px;justify-content:center;align-items:center;gap:18px;min-height:48px;padding:14px 20px;font-size:14px;font-weight:600;line-height:1.5;display:inline-flex}.recovery-primary{border:1px solid var(--accent-cyan);background:var(--accent-cyan);color:#153023}.recovery-primary:hover{background:#d2ffe4}.recovery-secondary{color:var(--text-primary);border:1px solid #ffffff30}.recovery-secondary:hover{background:#ffffff08}@media (max-width:420px){.recovery-actions{flex-direction:column;align-items:stretch}.recovery-content{margin-block:24px 40px}}