.otpauth-shell{--otpauth-primary:#111827;--otpauth-width:430px;min-height:520px;display:flex;align-items:center;justify-content:center;padding:32px 16px;background-image:var(--otpauth-bg,none);background-size:cover;background-position:center;font-family:inherit;box-sizing:border-box}.otpauth-shell *{box-sizing:border-box}.otpauth-card{position:relative;width:min(100%,var(--otpauth-width));background:#fff;border-radius:22px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.12)}.otpauth-logo{display:block;max-width:150px;max-height:56px;object-fit:contain;margin:0 auto 24px}.otpauth-head{text-align:center;margin-bottom:26px}.otpauth-head h2,.otpauth-step h3{margin:0 0 9px;color:#111827;font-size:25px}.otpauth-head p,.otpauth-muted{margin:0;color:#6b7280;font-size:14px;line-height:1.9}.otpauth-step{display:none}.otpauth-step.is-active{display:block;animation:otpauthFade .18s ease}.otpauth-step label{display:block;font-size:13px;font-weight:600;color:#374151;margin:0 0 8px}.otpauth-step input{width:100%;height:52px;border:1px solid #e5e7eb;border-radius:12px;padding:0 14px;font:inherit;outline:none;background:#fff;transition:.2s}.otpauth-step input:focus{border-color:var(--otpauth-primary);box-shadow:0 0 0 3px color-mix(in srgb,var(--otpauth-primary) 12%,transparent)}.otpauth-primary{width:100%;height:52px;border:0;border-radius:12px;margin-top:16px;background:var(--otpauth-primary);color:#fff;font:inherit;font-weight:700;cursor:pointer;transition:.2s}.otpauth-primary:hover{transform:translateY(-1px);filter:brightness(.96)}.otpauth-primary:disabled{opacity:.65;cursor:wait;transform:none}.otpauth-link{display:block;border:0;background:transparent;color:var(--otpauth-primary);font:inherit;font-size:13px;margin:14px auto 0;cursor:pointer}.otpauth-link.is-disabled{color:#9ca3af;cursor:not-allowed}.otpauth-alert{display:none;border-radius:10px;padding:11px 12px;margin-bottom:16px;font-size:13px;line-height:1.8}.otpauth-alert.is-error{display:block;background:#fef2f2;color:#991b1b}.otpauth-alert.is-success{display:block;background:#ecfdf5;color:#065f46}.otpauth-back{position:absolute;top:27px;left:26px;width:34px;height:34px;border:0;border-radius:50%;background:#f3f4f6;color:#111827;font-size:25px;line-height:30px;cursor:pointer}.otpauth-code{text-align:center!important;direction:ltr;letter-spacing:9px;font-size:24px!important;font-weight:800}.otpauth-timer{min-height:32px;margin-top:10px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#6b7280;font-size:12px}.otpauth-timer .otpauth-link{margin:0}.otpauth-password-wrap{position:relative;margin-top:12px}.otpauth-password-wrap button{position:absolute;left:8px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#6b7280;font:inherit;font-size:12px;cursor:pointer}.otpauth-password-wrap input{padding-left:60px}.otpauth-logged{max-width:430px;margin:30px auto;padding:25px;background:#fff;border:1px solid #e5e7eb;border-radius:18px;text-align:center}.otpauth-logged a{display:inline-block;margin-top:12px}.otpauth-step h3{font-size:20px;text-align:center;margin-bottom:8px}.otpauth-step>.otpauth-muted{text-align:center;margin-bottom:18px}@keyframes otpauthFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:520px){.otpauth-shell{min-height:0;padding:18px 12px}.otpauth-card{padding:27px 20px;border-radius:18px}.otpauth-back{left:18px;top:20px}}
.otpauth-label-spaced{margin-top:12px!important}