._3lrIIq_container{background-color:#fff;height:100vh;display:flex;overflow:hidden}._3lrIIq_leftPane{flex:50%;justify-content:center;align-items:center;min-height:0;padding:1.25rem 1.5rem;display:flex}._3lrIIq_wrapper{width:100%;max-width:22rem}._3lrIIq_header{text-align:center;flex-direction:column;align-items:center;margin-bottom:1rem;display:flex}._3lrIIq_iconBox{background-color:var(--color-primary);color:#fff;border-radius:.75rem;justify-content:center;align-items:center;width:2.375rem;height:2.375rem;margin-bottom:.75rem;display:flex;box-shadow:0 4px 6px -1px #4f46e533,0 2px 4px -2px #4f46e533}._3lrIIq_brandBlock{flex-direction:column;align-items:center;gap:.1rem;margin-bottom:.75rem;display:flex}._3lrIIq_brandName{color:var(--color-slate-950);letter-spacing:-.02em;font-size:1.25rem;font-weight:850}._3lrIIq_brandLine{color:var(--color-slate-500);font-size:.78rem;font-weight:700}._3lrIIq_title{letter-spacing:-.015em;color:var(--color-slate-900);font-size:1.375rem;font-weight:700}._3lrIIq_form{flex-direction:column;gap:1rem;display:flex}._3lrIIq_inputGroup{flex-direction:column;gap:.5rem;display:flex}._3lrIIq_label{color:var(--color-slate-700);font-size:.875rem;font-weight:600}._3lrIIq_inputWrapper{position:relative}._3lrIIq_inputIcon{width:1.125rem;height:1.125rem;color:var(--color-slate-400);transition:color .2s;position:absolute;top:50%;left:.875rem;transform:translateY(-50%)}._3lrIIq_inputWrapper:focus-within ._3lrIIq_inputIcon{color:var(--color-primary)}._3lrIIq_passwordToggle{width:2rem;height:2rem;color:var(--color-slate-400);cursor:pointer;border-radius:.5rem;justify-content:center;align-items:center;transition:color .15s,background-color .15s;display:flex;position:absolute;top:50%;right:.5rem;transform:translateY(-50%)}._3lrIIq_passwordToggle:hover{color:var(--color-slate-600);background-color:var(--color-slate-100)}._3lrIIq_input{background-color:#f8fafc80;border-color:#e2e8f0cc;border-radius:.625rem;width:100%;height:2.75rem;padding-left:2.625rem;font-size:.9375rem;font-weight:500;transition:all .2s}._3lrIIq_inputWithToggle{padding-right:2.75rem}._3lrIIq_input:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary);background-color:#fff}._3lrIIq_input::placeholder{color:var(--color-slate-400);font-size:.875rem;font-weight:400}._3lrIIq_submitBtn{background-color:var(--color-primary);color:#fff;border-radius:.625rem;width:100%;height:2.75rem;margin-top:.25rem;font-size:.9375rem;font-weight:600;transition:all .2s;box-shadow:0 4px 6px -1px #4f46e51a}._3lrIIq_submitBtn:hover{background-color:var(--color-primary-hover)}._3lrIIq_submitBtn:active{transform:scale(.98)}._3lrIIq_btnText{align-items:center;display:flex}._3lrIIq_btnArrow{opacity:.7;width:1rem;height:1rem;margin-left:.5rem;transition:transform .2s}._3lrIIq_submitBtn:hover ._3lrIIq_btnArrow{transform:translate(.25rem)}._3lrIIq_rightPane{background:linear-gradient(135deg,#4338ca 0%,#4f46e5 45%,#3b82f6 100%);flex:50%;justify-content:center;align-items:center;min-height:0;padding:2rem 3rem;display:none;position:relative;overflow:hidden}._3lrIIq_bannerGlow{pointer-events:none;background:radial-gradient(circle at 20% 20%,#ffffff2e 0%,#0000 45%),radial-gradient(circle at 80% 75%,#ffffff1f 0%,#0000 50%);position:absolute;inset:0}._3lrIIq_bannerContent{z-index:1;color:#fff;max-width:26rem;position:relative}._3lrIIq_bannerTitle{letter-spacing:-.02em;margin-bottom:.625rem;font-size:1.625rem;font-weight:800;line-height:1.25}._3lrIIq_bannerSubtitle{color:#ffffffd9;margin-bottom:1.5rem;font-size:.875rem;font-weight:500;line-height:1.5}._3lrIIq_flowSteps{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}._3lrIIq_flowStep{align-items:flex-start;gap:.75rem;padding-bottom:1.125rem;display:flex;position:relative}._3lrIIq_flowStep:last-child{padding-bottom:0}._3lrIIq_flowStep:not(:last-child):before{content:"";background:#ffffff40;width:1px;height:calc(100% - 1.125rem);position:absolute;top:2rem;left:.9375rem}._3lrIIq_flowStepNum{z-index:1;background:#ffffff29;border:1px solid #ffffff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.875rem;height:1.875rem;font-size:.8125rem;font-weight:700;display:flex}._3lrIIq_flowStepText{flex-direction:column;gap:.1rem;padding-top:.2rem;display:flex}._3lrIIq_flowStepLabel{letter-spacing:-.01em;font-size:.9375rem;font-weight:700}._3lrIIq_flowStepDetail{color:#ffffffb3;font-size:.78125rem;font-weight:500}._3lrIIq_bannerFooterDivider{background:#ffffff2e;height:1px;margin:1.25rem 0 1rem}._3lrIIq_bannerList{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}._3lrIIq_bannerList li{color:#ffffffd9;align-items:center;gap:.625rem;font-size:.8125rem;font-weight:600;display:flex}._3lrIIq_bannerIcon{background:#ffffff1f;border-radius:.5rem;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;display:flex}@media (min-width:900px){._3lrIIq_rightPane{display:flex}}._3lrIIq_tabBar{background:var(--color-slate-100);border-radius:.625rem;gap:.25rem;margin-bottom:1rem;padding:.25rem;display:flex}._3lrIIq_tab{color:var(--color-slate-500);cursor:pointer;background:0 0;border:none;border-radius:.5rem;flex:1;justify-content:center;align-items:center;gap:.375rem;padding:.5rem .75rem;font-size:.8125rem;font-weight:600;transition:background .15s,color .15s;display:flex}._3lrIIq_tab:hover{color:var(--color-slate-700)}._3lrIIq_tabActive{color:var(--color-primary);background:#fff;box-shadow:0 1px 3px #0000001a}._3lrIIq_otpInfo{color:var(--color-primary);background:#4f46e50f;border:1px solid #4f46e526;border-radius:.625rem;align-items:center;gap:.5rem;padding:.625rem .875rem;font-size:.8125rem;font-weight:500;display:flex}._3lrIIq_otpInput{letter-spacing:.25em;font-size:1.125rem;font-weight:700}._3lrIIq_backButton{color:var(--color-slate-500);cursor:pointer;background:0 0;border:0;align-self:center;font-size:.8125rem;font-weight:600}._3lrIIq_backButton:hover{color:var(--color-primary);text-decoration:underline}@media (max-width:899px){._3lrIIq_container{height:auto;min-height:100dvh;overflow:visible}._3lrIIq_leftPane{padding:max(2.5rem, env(safe-area-inset-top)) max(1.25rem, env(safe-area-inset-right)) max(1.5rem, env(safe-area-inset-bottom)) max(1.25rem, env(safe-area-inset-left));align-items:flex-start}}@media (max-width:639px){._3lrIIq_wrapper{max-width:26rem}._3lrIIq_brandLine,._3lrIIq_tab,._3lrIIq_otpInfo,._3lrIIq_backButton{font-size:.8125rem}._3lrIIq_title{font-size:1.25rem}}@media (pointer:coarse){._3lrIIq_tab,._3lrIIq_backButton{min-height:2.75rem}._3lrIIq_passwordToggle{width:2.5rem;height:2.5rem;right:.25rem}._3lrIIq_submitBtn{height:3rem}}@media (prefers-reduced-motion:reduce){._3lrIIq_input,._3lrIIq_submitBtn,._3lrIIq_btnArrow,._3lrIIq_inputIcon,._3lrIIq_passwordToggle{transition:none}._3lrIIq_submitBtn:active,._3lrIIq_submitBtn:hover ._3lrIIq_btnArrow{transform:none}}
