.otp-verification-container{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:440px;margin:0 auto;display:flex}.otp-header{margin-bottom:1.5rem}.otp-title{color:var(--text-primary,#1e293b);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.otp-subtitle{color:var(--text-secondary,#64748b);font-size:.875rem;line-height:1.5}.otp-target-phone{color:var(--text-primary,#1e293b);font-variant-numeric:tabular-nums;margin-top:.25rem;font-weight:600;display:block}.otp-boxes-wrapper{justify-content:center;gap:.625rem;width:100%;margin-bottom:1.25rem;display:flex}.otp-box{border-radius:var(--radius-md,.5rem);border:1px solid var(--border,#cbd5e1);background-color:var(--surface-2,#fff);width:46px;height:52px;color:var(--text-primary,#1e293b);text-align:center;font-variant-numeric:tabular-nums;outline:none;font-size:1.375rem;font-weight:600;transition:border-color .15s,box-shadow .15s,background-color .15s}@media (max-width:380px){.otp-box{width:38px;height:46px;font-size:1.125rem}}.otp-box:focus{border-color:var(--primary,#2563eb);background-color:var(--surface-1,#fff);box-shadow:0 0 0 3px #2563eb26}.otp-box.has-error{border-color:var(--danger,#ef4444);background-color:var(--danger-soft,#fef2f2);color:var(--danger,#ef4444)}.otp-box:disabled{opacity:.6;cursor:not-allowed;background-color:var(--surface-3,#f8fafc)}.otp-error-banner{background-color:var(--danger-soft,#fef2f2);border-radius:var(--radius-md,.5rem);color:var(--danger,#ef4444);text-align:left;border:1px solid #ef444433;align-items:center;gap:.5rem;width:100%;margin-bottom:1rem;padding:.625rem .875rem;font-size:.8125rem;display:flex}.otp-attempts-warning{color:var(--warning-hover,#b45309);margin-top:.25rem;font-size:.75rem;font-weight:500}.otp-actions{flex-direction:column;align-items:center;gap:1rem;width:100%;margin-top:.5rem;display:flex}.otp-verify-button{border-radius:var(--radius-md,.5rem);background-color:var(--primary,#2563eb);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;padding:.75rem 1rem;font-size:.9375rem;font-weight:600;transition:background-color .15s;display:flex}.otp-verify-button:hover:not(:disabled){background-color:var(--primary-hover,#1d4ed8)}.otp-verify-button:disabled{opacity:.65;cursor:not-allowed}.otp-resend-row{color:var(--text-secondary,#64748b);justify-content:center;align-items:center;gap:.5rem;font-size:.875rem;display:flex}.otp-resend-button{color:var(--primary,#2563eb);cursor:pointer;text-underline-offset:3px;background:0 0;border:none;outline:none;padding:0;font-size:.875rem;font-weight:500;text-decoration:underline}.otp-resend-button:hover:not(:disabled){color:var(--primary-hover,#1d4ed8)}.otp-resend-button:disabled{color:var(--text-muted,#94a3b8);cursor:not-allowed;text-decoration:none}.otp-timer-count{font-variant-numeric:tabular-nums;color:var(--text-primary,#1e293b);font-weight:600}.otp-modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:9999;background-color:#0f172a99;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.otp-modal-card{background-color:var(--card,#fff);border-radius:var(--radius-lg,.75rem);width:100%;max-width:440px;padding:2rem 1.75rem;position:relative;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.otp-modal-close{color:var(--text-muted,#94a3b8);cursor:pointer;background:0 0;border:none;border-radius:9999px;justify-content:center;align-items:center;padding:.375rem;display:flex;position:absolute;top:1rem;right:1rem}.otp-modal-close:hover{background-color:var(--surface-3,#f1f5f9);color:var(--text-primary,#1e293b)}