.quick-login-open{overflow:hidden}.quick-login-modal[hidden]{display:none!important}.quick-login-modal{z-index:9999;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.quick-login-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#020617b8;position:absolute;inset:0}.quick-login-dialog{z-index:1;width:min(100%,28rem);color:var(--slate-900,#0f172a);direction:rtl;background:#fff;border:1px solid #94a3b840;border-radius:1.25rem;padding:1.5rem;position:relative;box-shadow:0 24px 70px #0206174d}.quick-login-close{border:1px solid var(--slate-200,#e2e8f0);width:2.1rem;height:2.1rem;color:var(--slate-600,#475569);cursor:pointer;background:#fff;border-radius:.7rem;place-items:center;display:grid;position:absolute;top:.75rem;left:.75rem}.quick-login-close svg{width:17px;height:17px}.quick-login-header{text-align:center;margin-bottom:1.25rem;padding-inline:1.75rem}.quick-login-icon{color:#2563eb;background:#eff6ff;border:1px solid #bfdbfe;border-radius:1rem;place-items:center;width:3.25rem;height:3.25rem;margin:0 auto .7rem;display:grid}.quick-login-icon svg{width:22px;height:22px}.quick-login-header h2{margin:0;font-size:1.2rem;font-weight:900}.quick-login-header p{color:var(--text-muted,#64748b);margin:.45rem 0 0;font-size:.74rem;line-height:1.8}.quick-login-step{flex-direction:column;gap:.65rem;display:flex}.quick-login-step label{color:var(--slate-700,#334155);font-size:.75rem;font-weight:800}.quick-login-input-wrap{position:relative}.quick-login-input{box-sizing:border-box;border:1px solid var(--slate-300,#cbd5e1);color:#0f172a;text-align:left;direction:ltr;background:#f8fafc;border-radius:.8rem;outline:none;width:100%;min-height:3rem;padding:.75rem 2.8rem .75rem 1rem;font-size:.95rem}.quick-login-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f626}.quick-login-input-wrap svg{color:#64748b;width:18px;height:18px;position:absolute;top:50%;right:.85rem;transform:translateY(-50%)}.quick-login-submit{justify-content:center;align-items:center;gap:.45rem;width:100%;min-height:3rem;margin-top:.2rem;display:flex}.quick-login-submit svg{width:17px;height:17px}.quick-login-confirm-box{border:1px solid var(--slate-200,#e2e8f0);background:#f8fafc;border-radius:.85rem;justify-content:space-between;align-items:center;gap:.75rem;padding:.9rem 1rem;font-size:.75rem;display:flex}.quick-login-confirm-box strong{font-family:ui-monospace,monospace;font-size:.9rem}.quick-login-confirm-hint{color:var(--text-muted,#64748b);margin:0;font-size:.7rem;line-height:1.8}.quick-login-question{text-align:center;color:var(--slate-800,#1e293b);margin:.15rem 0;font-size:.82rem;font-weight:800}.quick-login-actions{gap:.55rem;display:grid}.quick-login-secondary{width:100%;min-height:2.75rem}.quick-login-otp-meta{color:#64748b;justify-content:center;gap:.4rem;margin-bottom:.2rem;font-size:.72rem;display:flex}.quick-login-otp-meta strong{color:#2563eb;font-family:ui-monospace,monospace}.quick-login-otp{text-align:center;letter-spacing:.55rem;padding-inline:1rem;font-size:1.2rem;font-weight:900}.quick-login-timer-row{color:#64748b;justify-content:space-between;align-items:center;gap:.75rem;font-size:.7rem;display:flex}.quick-login-resend,.quick-login-back{color:#2563eb;font:inherit;cursor:pointer;background:0 0;border:0;padding:.2rem;font-weight:800}.quick-login-back{align-self:center}.quick-login-message{text-align:center;min-height:1.2rem;margin:.7rem 0 0;font-size:.72rem;font-weight:700;line-height:1.7}.quick-login-message[data-type=error]{color:#dc2626}.quick-login-message[data-type=success]{color:#059669}.quick-login-submit.is-loading{opacity:.75;cursor:wait}@media (width<=420px){.quick-login-dialog{border-radius:1rem;padding:1.15rem}.quick-login-header{padding-inline:1.4rem}}