.auth-shell{background:linear-gradient(#f8fafc 0%,#fff 50%,#f1f5f9 100%);flex-direction:column;justify-content:space-between;min-height:100vh;display:flex;position:relative;overflow-x:hidden}.recovery-bg-pattern{pointer-events:none;background-image:radial-gradient(#0f172a0e 1px,#0000 1px);background-size:26px 26px;position:absolute;inset:0;mask-image:radial-gradient(75% 65% at 50% 42%,#000 35%,#0000 100%)}.auth-topbar{z-index:10;-webkit-backdrop-filter:blur(12px);background-color:#ffffffe0;border-bottom:1px solid #e2e8f0;padding:.9rem 0;position:relative}.auth-topbar-inner{justify-content:space-between;align-items:center;gap:1rem;display:flex}.auth-logo-link{align-items:center;gap:.75rem;text-decoration:none;display:inline-flex}.auth-logo-img{object-fit:contain;width:auto;height:32px}.auth-logo-divider{background-color:#cbd5e1;width:1px;height:20px}.auth-service-tag{font-family:var(--font-heading);color:#475569;letter-spacing:-.01em;font-size:.8rem;font-weight:700}.auth-topbar-right{align-items:center;gap:.65rem;display:flex}.auth-return-btn{font-family:var(--font-heading);color:#0f172a;white-space:nowrap;background-color:#f8fafc;border:1px solid #cbd5e1;border-radius:9999px;align-items:center;gap:.45rem;padding:.48rem 1rem;font-size:.82rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.auth-return-btn:hover{color:#fff;background-color:#0f172a;border-color:#0f172a}.topbar-short-text{display:none}.topbar-full-text{display:inline}.auth-help-pill{font-family:var(--font-heading);color:#065f46;white-space:nowrap;background-color:#ecfdf5;border:1px solid #a7f3d0;border-radius:9999px;align-items:center;gap:.45rem;padding:.48rem .95rem;font-size:.8rem;font-weight:700;text-decoration:none;transition:all .2s;display:inline-flex}.auth-help-pill:hover{background-color:#d1fae5}.help-status-dot{background-color:#10b981;border-radius:50%;width:7px;height:7px}.auth-main{z-index:2;flex:1;justify-content:center;align-items:center;padding:2.5rem 0;display:flex;position:relative}.auth-center-wrap{flex-direction:column;gap:1.1rem;width:100%;max-width:620px;margin:0 auto;display:flex}.verify-card{background-color:#fff;border:1.5px solid #e2e8f0;border-radius:28px;padding:2.35rem 2.4rem;box-shadow:0 25px 55px -15px #0f172a14,0 8px 20px -10px #0f172a0a}.verify-card-top{border-bottom:1px solid #f1f5f9;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.35rem;padding-bottom:1rem;display:flex}.verify-brand-badge{font-family:var(--font-heading);letter-spacing:.05em;color:#187fd6;background-color:#eff6ff;border:1px solid #187fd633;border-radius:9999px;align-items:center;gap:.45rem;padding:.3rem .75rem;font-size:.68rem;font-weight:800;display:inline-flex}.step-dots-indicator{align-items:center;gap:.35rem;display:inline-flex}.step-dot{background-color:#e2e8f0;border-radius:9999px;width:18px;height:5px;transition:background-color .25s,width .25s}.step-dot.active{background-color:#187fd6;width:24px}.step-dot.success{background-color:#10b981}.verify-step-counter{font-family:var(--font-heading);color:#64748b;margin-left:.35rem;font-size:.74rem;font-weight:700}.verify-step-view{flex-direction:column;gap:1.35rem;display:none}.verify-step-view.active{animation:.24s cubic-bezier(.16,1,.3,1) fadeStepIn;display:flex}@keyframes fadeStepIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.step-header-copy{flex-direction:column;gap:.4rem;display:flex}.verify-title{font-family:var(--font-heading);color:#0f172a;letter-spacing:-.025em;margin:0;font-size:clamp(1.6rem,2.5vw,2rem);font-weight:800}.verify-subtitle{color:#475569;margin:0;font-size:.94rem;line-height:1.58}.verify-subtitle strong{color:#0f172a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.88rem}.diagnostic-alert{background-color:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;align-items:flex-start;gap:.9rem;padding:1.05rem 1.15rem;display:flex}.diagnostic-alert.warning{background-color:#fffbeb;border-color:#fde68a}.diagnostic-alert.success{background-color:#ecfdf5;border-color:#a7f3d0}.diagnostic-alert.info{background-color:#eff6ff;border-color:#bfdbfe}.diag-icon-box{color:#fff;background-color:#d97706;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.diagnostic-alert.success .diag-icon-box{background-color:#059669}.diagnostic-alert.info .diag-icon-box{background-color:#187fd6}.diag-copy{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.diag-badge-row{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.diag-status-pill{font-family:var(--font-heading);letter-spacing:.05em;color:#92400e;background-color:#fef3c7;border:1px solid #d9770633;border-radius:9999px;padding:.2rem .6rem;font-size:.65rem;font-weight:800}.diag-status-pill.success{color:#065f46;background-color:#d1fae5;border-color:#05966933}.diag-role-detected{color:#475569;background-color:#f1f5f9;border-radius:6px;padding:.2rem .55rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.7rem;font-weight:600}.diag-copy strong{color:#0f172a;word-break:break-all;font-size:.98rem}.diag-copy p{color:#475569;margin:0;font-size:.85rem;line-height:1.5}.mode-tabs-container{flex-direction:column;gap:.85rem;display:flex}.mode-tabs-nav{background-color:#f1f5f9;border-radius:14px;grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;padding:.32rem;display:grid}.mode-tab-btn{appearance:none;font-family:var(--font-heading);color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;gap:.45rem;padding:.6rem .8rem;font-size:.84rem;font-weight:700;transition:all .2s;display:inline-flex}.mode-tab-btn:hover{color:#0f172a}.mode-tab-btn.active{color:#0f172a;background-color:#fff;box-shadow:0 2px 8px #0f172a14}.tab-badge{color:#475569;background-color:#e2e8f0;border-radius:9999px;padding:.15rem .45rem;font-size:.68rem}.mode-tab-btn.active .tab-badge{color:#187fd6;background-color:#eff6ff}.tab-pane{flex-direction:column;gap:1.1rem;display:none}.tab-pane.active{animation:.2s fadeStepIn;display:flex}.current-email-box{background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:.75rem;padding:1.25rem 1.35rem;display:flex}.current-email-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.current-email-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.04em;color:#64748b;font-size:.76rem;font-weight:700}.current-email-val{color:#0f172a;word-break:break-all;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.05rem;font-weight:700}.verify-form{flex-direction:column;gap:1.15rem;display:flex}.verify-input-group{flex-direction:column;gap:.45rem;display:flex}.verify-field-label{font-family:var(--font-heading);color:#0f172a;font-size:.84rem;font-weight:700}.field-required-hint{color:#64748b;font-size:.74rem;font-weight:500}.input-icon-box{align-items:center;display:flex;position:relative}.input-leading-icon{color:#64748b;pointer-events:none;display:inline-flex;position:absolute;left:1rem}.verify-text-input{appearance:none;color:#0f172a;background-color:#fff;border:1.5px solid #cbd5e1;border-radius:14px;width:100%;padding:.78rem 1rem .78rem 2.75rem;font-family:inherit;font-size:.95rem;transition:all .2s;box-shadow:0 1px 2px #0f172a0a}.verify-text-input:focus{border-color:#187fd6;outline:none;box-shadow:0 0 0 3px #187fd626}.input-helper-note{color:#64748b;font-size:.78rem;line-height:1.45}.verify-primary-btn{appearance:none;color:#fff;font-family:var(--font-heading);letter-spacing:-.01em;cursor:pointer;background:linear-gradient(135deg,#187fd6 0%,#0284c7 100%);border:none;border-radius:9999px;justify-content:center;align-items:center;gap:.55rem;width:100%;padding:.88rem 1.6rem;font-size:.95rem;font-weight:800;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #187fd640}.verify-primary-btn:hover:not(:disabled){background:linear-gradient(135deg,#1d8cf0 0%,#0369a1 100%);transform:translateY(-1px);box-shadow:0 6px 18px #187fd652}.verify-primary-btn:active:not(:disabled){transform:translateY(0)}.verify-primary-btn:disabled{opacity:.65;cursor:not-allowed}.role-selector-block{flex-direction:column;gap:.6rem;display:flex}.role-pills-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.65rem;display:grid}.role-pill-btn{appearance:none;text-align:left;cursor:pointer;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:16px;align-items:center;gap:.65rem;padding:.7rem .85rem;transition:all .2s;display:flex}.role-pill-btn:hover{background-color:#fff;border-color:#94a3b8}.role-pill-btn.active{background-color:#fff;border-color:#187fd6;box-shadow:0 0 0 3px #187fd61f,0 8px 18px -8px #187fd626}.role-icon-circle{color:#fff;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.role-icon-circle.amber{background:linear-gradient(135deg,#f59e0b,#d97706)}.role-icon-circle.teal{background:linear-gradient(135deg,#0d9488,#0f766e)}.role-icon-circle.indigo{background:linear-gradient(135deg,#4f46e5,#3730a3)}.role-icon-circle.blue{background:linear-gradient(135deg,#187fd6,#0284c7)}.role-btn-copy{flex-direction:column;min-width:0;display:flex}.role-btn-copy strong{font-family:var(--font-heading);color:#0f172a;font-size:.85rem;font-weight:800;line-height:1.2}.role-btn-copy span{color:#64748b;white-space:nowrap;text-overflow:ellipsis;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.66rem;overflow:hidden}.otp-verification-form{flex-direction:column;gap:1.15rem;display:flex}.otp-inputs-row{justify-content:space-between;align-items:center;gap:.55rem;display:flex}.otp-digit-box{text-align:center;width:100%;max-width:58px;height:60px;font-family:var(--font-heading);color:#0f172a;caret-color:#187fd6;background-color:#f8fafc;border:2px solid #cbd5e1;border-radius:14px;font-size:1.65rem;font-weight:800;transition:all .2s;box-shadow:0 1px 3px #0f172a0a}.otp-digit-box:focus{background-color:#fff;border-color:#187fd6;outline:none;box-shadow:0 0 0 3px #187fd62e,0 8px 16px -4px #187fd61f}.otp-paste-hint{color:#64748b;font-size:.74rem;font-weight:500}.verify-bottom-links{color:#475569;flex-wrap:wrap;justify-content:center;align-items:center;gap:.65rem;padding-top:.5rem;font-size:.85rem;display:flex}.link-btn{appearance:none;font-family:var(--font-heading);color:#187fd6;cursor:pointer;background:0 0;border:none;padding:0;font-size:.85rem;font-weight:700;text-decoration:underline;transition:color .15s}.link-btn:hover:not(:disabled){color:#0369a1}.link-btn:disabled{color:#94a3b8;cursor:not-allowed;text-decoration:none}.sep-dot{color:#cbd5e1;user-select:none}.back-step-btn{appearance:none;font-family:var(--font-heading);color:#64748b;cursor:pointer;background:0 0;border:none;align-items:center;gap:.35rem;width:fit-content;padding:0;font-size:.82rem;font-weight:700;transition:color .2s;display:inline-flex}.back-step-btn:hover{color:#0f172a}.verify-inline-error{color:#dc2626;background-color:#fef2f2;border:1px solid #fecaca;border-radius:10px;align-items:flex-start;gap:.45rem;padding:.6rem .8rem;font-size:.82rem;line-height:1.45;display:flex}.success-screen-box{text-align:center;flex-direction:column;align-items:center;padding:1.25rem .5rem;display:flex}.success-screen-badge-icon{color:#fff;background:linear-gradient(135deg,#10b981 0%,#059669 100%);border-radius:50%;justify-content:center;align-items:center;width:68px;height:68px;margin-bottom:1.35rem;animation:.35s cubic-bezier(.175,.885,.32,1.275) scalePop;display:flex;box-shadow:0 12px 28px -6px #10b98166}@keyframes scalePop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.success-destination-card{text-align:left;background-color:#f8fafc;border:1.5px solid #e2e8f0;border-radius:18px;align-items:center;gap:.9rem;width:100%;margin-bottom:1.5rem;padding:1.1rem 1.25rem;display:flex}.dest-icon-circle{color:#fff;background:linear-gradient(135deg,#187fd6 0%,#0284c7 100%);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.dest-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.dest-role-label{font-family:var(--font-heading);letter-spacing:.05em;color:#187fd6;font-size:.72rem;font-weight:800}.dest-domain{color:#0f172a;font-size:.95rem;font-weight:700}.auto-redirect-countdown{color:#64748b;align-items:center;gap:.5rem;margin-top:1.15rem;font-size:.82rem;display:inline-flex}.pulse-indicator-dot{background-color:#10b981;border-radius:50%;width:8px;height:8px;animation:1.5s infinite pulseDot;box-shadow:0 0 #10b981b3}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 6px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.auth-mini-footer{z-index:10;background-color:#fff9;border-top:1px solid #e2e8f0;padding:1.25rem 0;position:relative}.auth-mini-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.auth-copy{color:#64748b;margin:0;font-size:.78rem}.auth-mini-links{color:#64748b;flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.76rem;display:flex}.auth-mini-links a{color:#475569;text-decoration:none;transition:color .15s}.auth-mini-links a:hover{color:#187fd6;text-decoration:underline}@media (width<=640px){.verify-card{border-radius:20px;padding:1.6rem 1.25rem}.role-pills-grid{grid-template-columns:1fr}.topbar-full-text{display:none}.topbar-short-text{display:inline}.otp-digit-box{max-width:44px;height:50px;font-size:1.35rem}.auth-mini-footer-inner{flex-direction:column;align-items:flex-start}}