*{box-sizing:border-box}body{margin:0;font:14px/1.6 Arial,system-ui,sans-serif;background:var(--canvas, #f8fafc);color:var(--text, #334155)}header{height:72px;display:flex;align-items:center;padding:0 28px;background:var(--surface, #fff);border-bottom:1px solid var(--line, #e2e8f0)}header img{display:block;max-width:100%;height:auto}main{padding:48px 20px}.recovery-card{max-width:460px;margin:0 auto;padding:30px;background:var(--surface, #fff);border:1px solid var(--line, #e2e8f0);border-radius:8px;border-top:3px solid var(--brand, #0369a1)}h1{font-size:26px;line-height:1.3;color:var(--ink, #0c4a6e);margin:8px 0 14px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--brand, #0369a1);margin:0}p{color:var(--muted, #64748b)}label{display:block;font-size:13px;font-weight:600;margin:18px 0 6px}input{width:100%;padding:11px 12px;border:1px solid var(--input-line, #cbd5e1);border-radius:5px;font:inherit;color:var(--text, #334155)}button{width:100%;padding:12px;margin-top:24px;border:0;border-radius:5px;background:var(--brand, #0369a1);color:var(--surface, #fff);font:inherit;font-weight:600;cursor:pointer}small{display:block;margin-top:7px;color:var(--muted, #64748b);font-size:12px}.notice{background:var(--tint, #f0f9ff);border:1px solid var(--sky-soft, #bae6fd);padding:12px;border-radius:5px;color:var(--brand-strong, #075985)}.field-error{color:var(--danger, #b91c1c);font-size:12px;margin:6px 0}[aria-invalid=true]{border-color:var(--danger, #b91c1c)}.back-link,.recovery-link{display:block;text-align:center;color:var(--brand, #0369a1);margin-top:20px;font-size:13px;text-underline-offset:3px}:focus-visible{outline:3px solid var(--sky-light, #7dd3fc);outline-offset:3px}@media(max-width:500px){header{height:64px;padding:0 18px}header img{width:180px}main{padding:24px 14px}.recovery-card{padding:24px 20px}}