.masked-email-inline{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;white-space:nowrap;line-height:1;font-weight:700}.masked-email-prefix,.masked-email-suffix{display:inline-flex;align-items:center;height:1.25em;line-height:1;position:relative;z-index:2}.masked-email-mask{position:relative;display:inline-flex;align-items:center;justify-content:center;height:1.08em;min-width:4.2em;line-height:1;margin:0 3px;padding:0 2px;color:transparent;letter-spacing:.08em;vertical-align:middle;user-select:none;overflow:hidden;border-radius:4px;transform:translateY(1.5px)}.masked-email-mask::before{content:"";position:absolute;left:0;right:0;top:50%;height:.72em;transform:translateY(-50%);border-radius:4px;pointer-events:none;background:linear-gradient(90deg,rgba(100,116,139,.18) 0%,rgba(148,163,184,.34) 50%,rgba(100,116,139,.18) 100%);filter:blur(.25px);opacity:.95}.masked-email-mask::after{content:"";position:absolute;left:-50%;top:50%;width:200%;height:.82em;transform:translateY(-50%);border-radius:4px;pointer-events:none;background:radial-gradient(circle,rgba(71,85,105,.34) 0 1px,transparent 1.45px) 0 50%/16px 9px repeat,radial-gradient(circle,rgba(148,163,184,.72) 0 1.15px,transparent 1.65px) 7px 35%/18px 10px repeat,radial-gradient(circle,rgba(226,232,240,.9) 0 .95px,transparent 1.45px) 3px 67%/14px 8px repeat,radial-gradient(circle,rgba(100,116,139,.28) 0 .85px,transparent 1.35px) 11px 20%/20px 11px repeat;filter:blur(.75px);opacity:.95;animation:maskedScatterCircleMove 1.4s linear infinite}@keyframes maskedScatterCircleMove{0%{background-position:0 50%,7px 35%,3px 67%,11px 20%}100%{background-position:32px 50%,-29px 35%,31px 67%,-29px 20%}}@media(prefers-reduced-motion:reduce){.masked-email-mask::after{animation:none}}.otp-header-top{width:100%;display:flex;align-items:flex-start;gap:12px;justify-content:flex-start}.back-inline-form{margin:0;flex:0 0 auto}.back-arrow-button{background:none;border:0;color:var(--text-primary);font-size:24px;padding:6px;border-radius:10px;cursor:pointer;transition:all .2s ease}.back-arrow-button:hover{background:rgba(46,126,191,.08);color:var(--accent-blue)}.otp-header-text{flex:1;text-align:left}.otp-form-group{margin-bottom:18px}.otp-label{text-align:center;margin-bottom:14px}.otp-container{position:relative;z-index:2;display:flex;gap:10px;justify-content:center;margin:0}.otp-input{width:48px;height:56px;text-align:center;font-size:22px;font-weight:700;border:2px solid var(--border-gray);border-radius:inherit;background:var(--soft-gray);outline:0;color:var(--text-primary);caret-color:transparent;transition:all .2s ease}.otp-input:focus,.otp-input.active{border-color:var(--accent-blue);background:var(--fresh-white);box-shadow:0 0 0 4px rgba(46,126,191,.9)}.otp-state-success .otp-input.active,.otp-state-success .otp-input:focus{border-color:#22c55e;box-shadow:none;outline:0}.otp-input.error{border-color:var(--error-red);color:var(--error-red);background:#fff;box-shadow:none}.otp-meta-row{display:flex;justify-content:flex-start;align-items:center;min-height:22px;margin-bottom:10px}.otp-timer{font-size:14px;font-weight:500;color:var(--text-primary)}.otp-error-text{display:none;color:var(--error-red);font-size:14px;font-weight:500;line-height:1.4;margin-top:4px;text-align:left}.otp-error-text.show{display:block}.otp-submit-button{margin-top:8px}.otp-submit-button:disabled{background:rgba(46,126,191,.35);color:rgba(255,255,255,.9);cursor:not-allowed;box-shadow:none;transform:none}.otp-submit-error{background:var(--gradient-primary)}.otp-resend-form{margin-top:98px;text-align:center}.otp-resend-text{color:#6b7280}.otp-resend-button{background:none;border:0;padding:0;font-size:14px;color:#9ca3af;font-weight:600;cursor:not-allowed}.otp-resend-button span{font-weight:600;color:var(--text-muted)}.otp-resend-button.enabled{color:#0b4d7a;cursor:pointer}.otp-resend-button.enabled span{color:var(--accent-blue);text-decoration:underline}.remember-device-group{margin-top:28px;margin-bottom:24px}.trusted-device-card{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 16px;border:1px solid #e2e8f0;border-radius:8px;background:rgba(255,255,255,.88);cursor:pointer;user-select:none;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.trusted-device-card:hover{border-color:rgba(59,130,246,.45);background:rgba(248,250,252,.96);box-shadow:0 8px 24px rgba(15,23,42,.06)}.trusted-device-card:not(.trusted-device-disabled){box-shadow:0 0 0 1px rgba(59,130,246,.05),0 10px 26px rgba(59,130,246,.06);animation:trustedDeviceCardBreathing 2.2s ease-in-out infinite}@keyframes trustedDeviceCardBreathing{0%{box-shadow:0 0 0 1px rgba(59,130,246,.05),0 8px 20px rgba(59,130,246,.04)}50%{box-shadow:0 0 0 1px rgba(59,130,246,.18),0 14px 34px rgba(59,130,246,.12)}100%{box-shadow:0 0 0 1px rgba(59,130,246,.05),0 8px 20px rgba(59,130,246,.04)}}.trusted-device-checkbox{position:absolute;opacity:0;pointer-events:none}.trusted-device-checkbox-wrap{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;align-self:stretch;padding-top:0;position:relative}.trusted-device-checkbox-shield{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:0;position:relative;isolation:isolate;transition:transform .2s ease,box-shadow .2s ease}.trusted-device-checkbox-shield::after{content:"";position:absolute;inset:-3px;z-index:-1;border-radius:999px;opacity:0;pointer-events:none;background:radial-gradient(circle,rgba(59,130,246,.32) 0%,rgba(59,130,246,.18) 42%,rgba(59,130,246,0) 72%);filter:blur(2px);transform:scale(.82)}@keyframes trustedDeviceBreathingLamp{0%{opacity:.18;transform:scale(.82)}42%{opacity:.78;transform:scale(1.04)}58%{opacity:.72;transform:scale(1.02)}100%{opacity:.18;transform:scale(.82)}}.trusted-device-checkbox-svg{width:36px;height:36px;display:block}.trusted-device-checkbox-shield-path{fill:#fff;stroke:#cbd5e1;stroke-width:1.7;transition:fill .2s ease,stroke .2s ease}.trusted-device-checkbox-check-path{stroke:#cbd5e1;opacity:1;transform:scale(.7);transform-origin:center;transition:opacity .18s ease,transform .18s ease,stroke .18s ease}.trusted-device-checkbox:checked+.trusted-device-checkbox-shield .trusted-device-checkbox-shield-path{fill:#3b82f6;stroke:#3b82f6}.trusted-device-checkbox:checked+.trusted-device-checkbox-shield::after{background:radial-gradient(circle,rgba(59,130,246,.42) 0%,rgba(59,130,246,.24) 42%,rgba(59,130,246,0) 72%)}.trusted-device-checkbox:checked+.trusted-device-checkbox-shield .trusted-device-checkbox-check-path{stroke:#fff;opacity:1;transform:scale(1)}.trusted-device-checkbox:checked+.trusted-device-checkbox-shield{transform:translateY(-1px)}.trusted-device-checkbox:focus-visible+.trusted-device-checkbox-shield{outline:0}.trusted-device-content{display:flex;flex-direction:column;gap:4px;min-width:0}.trusted-device-header{display:inline-flex;align-items:center;gap:8px;line-height:1.2}.trusted-device-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;flex:0 0 auto}.trusted-device-icon-svg{width:18px;height:18px;display:block}.trusted-device-title{color:#0f172a;font-size:13px;font-weight:700;letter-spacing:-.01em}.trusted-device-description{color:#6b7280;font-size:12px;font-weight:400;line-height:1.45}.trusted-device-card.trusted-device-disabled{opacity:.58;cursor:not-allowed;background:rgba(248,250,252,.72)}.trusted-device-card.trusted-device-disabled{animation:none;box-shadow:none}.trusted-device-card.trusted-device-disabled .trusted-device-checkbox-shield::after{animation:none;opacity:0}.trusted-device-card.trusted-device-disabled:hover{border-color:#e2e8f0;background:rgba(248,250,252,.72);box-shadow:none;transform:none}.trusted-device-card.trusted-device-disabled .trusted-device-checkbox-shield,.trusted-device-card.trusted-device-disabled .trusted-device-title,.trusted-device-card.trusted-device-disabled .trusted-device-description{pointer-events:none}.remember-device-group.remember-device-hidden{display:none}.otp-resend-inline{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:14px}.otp-resend-timer-text{color:#6b7280;font-size:14px}.otp-timer{font-weight:600}.otp-visual-shell{position:relative;margin:16px 0 14px;padding:30px 14px 16px;border-radius:24px;isolation:isolate;overflow:visible;transition:all .35s ease}.otp-aura{position:absolute;inset:4px;border-radius:24px;z-index:0;opacity:0;transform:scale(.96);transition:opacity .35s ease,transform .35s ease,filter .35s ease;pointer-events:none}.otp-status-badge{position:relative;z-index:2;min-height:22px;margin-top:12px;text-align:center;font-size:13px;font-weight:700;letter-spacing:.2px;opacity:0;transform:translateY(4px);transition:all .25s ease}.otp-state-idle .otp-aura{opacity:1;transform:scale(1);filter:blur(16px)}.otp-state-check .otp-aura{opacity:1;transform:scale(1);filter:blur(18px);animation:otpCheckPulse 1.8s ease-in-out infinite}.otp-state-success .otp-aura{opacity:1;transform:scale(1);filter:blur(18px);animation:otpSuccessBreathing 3.2s ease-in-out infinite}.otp-state-error .otp-aura{opacity:1;transform:scale(1);filter:blur(16px);animation:otpErrorPulse .7s ease-in-out infinite}.otp-state-check .otp-status-badge,.otp-state-success .otp-status-badge,.otp-state-error .otp-status-badge{opacity:1;transform:translateY(0)}.otp-state-check .otp-status-badge{color:#2563eb}.otp-state-success .otp-status-badge{color:#059669}.otp-state-error .otp-status-badge{color:#dc2626}.otp-state-idle .otp-input{border-color:rgba(96,165,250,.28);background:rgba(255,255,255,.9)}.otp-state-idle .otp-input-wrap{box-shadow:0 0 0 1px rgba(96,165,250,.06),0 8px 20px rgba(96,165,250,.04)}.otp-state-check .otp-input{border-color:#3b82f6;color:#1d4ed8;background:rgba(255,255,255,.94)}.otp-state-check .otp-input-wrap{box-shadow:0 0 0 1px rgba(59,130,246,.18),0 10px 28px rgba(59,130,246,.12)}.otp-state-success .otp-input,.otp-input.success{border-color:#22c55e;color:#059669;background:rgba(255,255,255,.92);caret-color:transparent;transition:background .42s ease,color .42s ease,border-color .42s ease,box-shadow .42s ease,transform .42s ease}.otp-state-success.otp-success-fill .otp-input{border-color:#62b898;color:#fefefe;background:linear-gradient(135deg,#62b898 0%,#059669 100%);pointer-events:none;user-select:none}.otp-state-success.otp-success-fill .otp-input.active,.otp-state-success.otp-success-fill .otp-input:focus{border-color:#62b898;color:#fefefe;background:linear-gradient(135deg,#62b898 0%,#059669 100%);box-shadow:none;outline:0}.otp-state-error .otp-input{border-color:#ef4444;color:#dc2626;background:rgba(255,255,255,.96)}.otp-state-error .otp-input-wrap{box-shadow:0 0 0 1px rgba(239,68,68,.18),0 10px 24px rgba(239,68,68,.12)}.otp-state-error .otp-container{animation:otpErrorShake .28s ease-in-out 1}.otp-no-transition,.otp-no-transition *,.otp-no-transition::before,.otp-no-transition::after{transition:none!important;animation:none!important}@keyframes otpCheckPulse{0%,100%{transform:scale(.992);opacity:.84}50%{transform:scale(1.02);opacity:1}}@keyframes otpSuccessBreathing{0%,100%{transform:scale(.988);opacity:.82}50%{transform:scale(1.022);opacity:.96}}@keyframes otpErrorPulse{0%,100%{transform:scale(.99);opacity:.82}50%{transform:scale(1.028);opacity:1}}@keyframes otpErrorShake{0%{transform:translateX(0)}20%{transform:translateX(-4px)}40%{transform:translateX(4px)}60%{transform:translateX(-3px)}80%{transform:translateX(3px)}100%{transform:translateX(0)}}.otp-input-wrap{position:relative;display:inline-flex;width:48px;height:56px;border-radius:12px;overflow:hidden}.otp-state-success.otp-success-fill .otp-input-wrap{overflow:visible}.otp-input-wrap .otp-input{width:100%;height:100%}.otp-input-value-hidden{color:transparent!important;caret-color:transparent!important}.otp-state-idle .otp-input-wrap::before{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:3px;z-index:4;border-radius:999px;background:var(--accent-blue);opacity:0;transform:scaleX(.45) translateY(4px);transform-origin:center;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.otp-state-idle .otp-input-wrap.otp-wrap-active::before{opacity:1;transform:scaleX(1) translateY(0)}.otp-state-idle .otp-input-wrap.otp-wrap-active{box-shadow:0 0 0 4px rgba(46,126,191,.1),0 10px 24px rgba(46,126,191,.08)}.otp-state-idle .otp-input-wrap.otp-wrap-active .otp-input{border-color:var(--accent-blue);background:var(--fresh-white);box-shadow:none}.otp-state-idle .otp-input-wrap::after{content:attr(data-digit);position:absolute;inset:0;z-index:3;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:22px;font-weight:600;line-height:1;color:var(--text-primary);opacity:0;transform:translateY(16px) scale(.98)}.otp-state-idle .otp-input-wrap[data-digit]:not([data-digit=""])::after{opacity:1;transform:translateY(0) scale(1)}.otp-state-idle .otp-input-wrap.otp-digit-rise::after{animation:otpDigitRiseIn 240ms cubic-bezier(.22,1,.36,1) both}.otp-state-idle .otp-input{color:transparent;caret-color:transparent}@keyframes otpDigitRiseIn{0%{opacity:0;transform:translateY(18px) scale(.96)}65%{opacity:1;transform:translateY(-3px) scale(1.02)}100%{opacity:1;transform:translateY(0) scale(1)}}.otp-digit-backspace-ghost{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:22px;font-weight:700;line-height:1;color:var(--text-primary);animation:otpDigitBackspaceDown 180ms cubic-bezier(.4,0,.2,1) forwards}@keyframes otpDigitBackspaceDown{0%{transform:translateY(0) scale(1);opacity:1}60%{transform:translateY(8px) scale(.98);opacity:.7}100%{transform:translateY(16px) scale(.96);opacity:0}}.otp-digit-ghost{position:absolute;inset:0;z-index:4;display:flex;align-items:center;justify-content:center;pointer-events:none;font-size:22px;font-weight:700;line-height:1;color:#dc2626;animation:otpDigitOnlyClearDown .2s cubic-bezier(.4,0,.2,1) forwards}@keyframes otpDigitOnlyClearDown{0%{transform:translateY(0) scale(1);opacity:1}60%{transform:translateY(8px) scale(.98);opacity:.48}100%{transform:translateY(14px) scale(.96);opacity:0}}.otp-state-success.otp-success-fill .otp-input{animation:otpSuccessInputPop .45s cubic-bezier(.22,1,.36,1) both}.otp-state-success.otp-success-fill .otp-input-wrap:nth-child(1) .otp-input{animation-delay:0ms}.otp-state-success.otp-success-fill .otp-input-wrap:nth-child(2) .otp-input{animation-delay:60ms}.otp-state-success.otp-success-fill .otp-input-wrap:nth-child(3) .otp-input{animation-delay:120ms}.otp-state-success.otp-success-fill .otp-input-wrap:nth-child(4) .otp-input{animation-delay:180ms}.otp-state-success.otp-success-fill .otp-input-wrap:nth-child(5) .otp-input{animation-delay:240ms}.otp-state-success.otp-success-fill .otp-input-wrap:nth-child(6) .otp-input{animation-delay:300ms}@keyframes otpSuccessInputPop{0%{transform:translateY(0) scale(1);filter:brightness(1)}35%{transform:translateY(-6px) scale(1.06);filter:brightness(1.08)}70%{transform:translateY(2px) scale(.98);filter:brightness(1.02)}100%{transform:translateY(0) scale(1);filter:brightness(1)}}