@charset "UTF-8";*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.55;color:#1f2937;background:#eef1f6;-webkit-text-size-adjust:100%}h1{font-size:1.35rem;line-height:1.3;margin:0 0 .5rem;color:#111827;font-weight:650}.page{width:100%;max-width:760px;margin:0 auto;padding:1.5rem 1rem 3rem}@media(min-width:640px){.page{padding:2.5rem 1.5rem 4rem}}.card{background:#fff;border:1px solid #e2e8f0;border-radius:14px;box-shadow:0 1px 2px #0f172a0a,0 8px 24px -12px #0f172a1a}button{font:inherit;cursor:pointer;border-radius:10px;transition:background-color .12s ease,box-shadow .12s ease}button:disabled{cursor:not-allowed}.btn-primary{background:#1d4ed8;color:#fff;border:0;padding:.75rem 1.5rem;font-weight:600;font-size:1rem;width:100%}.btn-primary:hover:not(:disabled){background:#1e40af}.btn-primary:disabled{background:#9db4ec}@media(min-width:640px){.btn-primary{width:auto;flex:none}}.btn-secondary{background:#fff;color:#1d4ed8;border:1px solid #c7d4f2;padding:.7rem 1.4rem;font-weight:550;font-size:.95rem;width:100%}.btn-secondary:hover:not(:disabled){background:#f4f7fe}.btn-secondary:disabled{color:#93a6c9;border-color:#e0e7f4}@media(min-width:640px){.btn-secondary{width:auto}}input[type=checkbox]{accent-color:#1d4ed8;cursor:pointer}:focus-visible{outline:3px solid #1d4ed8;outline-offset:2px}.error{margin:.75rem 0 0;padding:.7rem .9rem;border-radius:10px;background:#fdf1f1;border:1px solid #f3c7c9;color:#a4161a;font-size:.92rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.otp-card{padding:1.5rem 1rem 1.75rem;text-align:center}@media(min-width:640px){.otp-card{padding:2.25rem 2rem 2.5rem}}.otp-card .help{margin:0 0 1.5rem;color:#4b5563;font-size:.95rem}.otp-card label{display:flex;flex-direction:column;gap:.6rem;align-items:center;font-size:.85rem;color:#6b7280;text-transform:uppercase;letter-spacing:.06em}input.otp{font:inherit;font-size:1.7rem;font-variant-numeric:tabular-nums;letter-spacing:.45em;text-indent:.45em;text-align:center;width:min(100%,12.5rem);padding:.6rem .25rem;border:1.5px solid #cbd5e1;border-radius:12px;color:#111827;background:#fbfcfe}input.otp:focus{border-color:#1d4ed8;background:#fff}.otp-meta{margin:.9rem 0 1.5rem;color:#6b7280;font-size:.88rem}.otp-actions{display:flex;flex-direction:column;gap:.6rem;align-items:stretch;max-width:20rem;margin:0 auto}.status-card{padding:2.25rem 1.25rem 2.5rem;text-align:center}.status-card .icon{width:52px;height:52px;margin:0 auto 1rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem}.icon.ok{background:#e7f6ec;color:#15803d}.icon.wait{background:#eef2fb;color:#1d4ed8}.icon.warn{background:#fdf3e7;color:#b45309}.status-card p{margin:0 auto;max-width:34rem;color:#4b5563}.status-card .rich p,.status-card .rich ul,.status-card .rich ol{max-width:none;margin:0 0 .85em;color:inherit}.status-card .rich ul,.status-card .rich ol{padding-left:1.4em}.spinner{width:22px;height:22px;border:3px solid #c7d4f2;border-top-color:#1d4ed8;border-radius:50%;animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}}