* { box-sizing:border-box; }
        body { min-height:100vh; margin:0; background:radial-gradient(circle at 50% 10%, rgba(144,234,42,.13), transparent 32%), #080e1a; color:#e2e8f0; font-family:'Manrope',system-ui,sans-serif; }
        .recovery-main { min-height:calc(100vh - 74px); display:grid; place-items:center; padding:70px 20px 110px; }
        .recovery-card { width:min(480px, 100%); padding:38px; border:1px solid rgba(255,255,255,.12); border-radius:26px; background:rgba(17,27,47,.96); box-shadow:0 28px 70px rgba(0,0,0,.45); }
        .recovery-icon { display:grid; place-items:center; width:54px; height:54px; margin-bottom:22px; border-radius:16px; background:rgba(144,234,42,.13); color:#90ea2a; font-size:25px; }
        h1 { margin:0 0 12px; color:#fff; font-size:30px; line-height:1.15; }
        .intro { margin:0 0 27px; color:#94a3b8; font-size:14px; line-height:1.6; }
        label { display:block; margin-bottom:7px; color:#cbd5e1; font-size:12px; font-weight:800; letter-spacing:.4px; text-transform:uppercase; }
        input { width:100%; padding:14px 15px; border:1px solid rgba(255,255,255,.14); border-radius:12px; outline:none; background:#0f172a; color:#fff; font:inherit; }
        input:focus { border-color:#90ea2a; box-shadow:0 0 0 3px rgba(144,234,42,.15); }
        button { width:100%; margin-top:17px; padding:14px; border:0; border-radius:999px; background:#90ea2a; color:#0f172a; font-size:14px; font-weight:900; cursor:pointer; }
        .pending-notice { display:none; margin:16px 0 0; padding:13px 14px; border:1px solid rgba(144,234,42,.35); border-radius:12px; background:rgba(144,234,42,.08); color:#d9f8b5; font-size:13px; line-height:1.5; }
        .pending-notice.show { display:block; }
        .back-link { display:block; margin-top:22px; color:#90ea2a; font-size:13px; font-weight:700; text-align:center; text-decoration:none; }
        @media (max-width:520px) { .recovery-main { padding:52px 14px 100px; } .recovery-card { padding:28px 21px; border-radius:22px; } }