:root{--font-sans:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--bg-page:#f8fafc;--bg-card:#fff;--bg-input:#fff;--bg-input-hover:#f8fafc;--bg-subtle:#f1f5f9;--border-subtle:#e2e8f0;--border-focus:#2563eb;--border-hover:#cbd5e1;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#94a3b8;--text-inverse:#fff;--accent-primary:#2563eb;--accent-primary-hover:#1d4ed8;--accent-subtle:#eff6ff;--shadow-sm:0 1px 2px 0 #0000000a;--shadow-md:0 4px 12px -2px #0f172a0f, 0 2px 4px -2px #0f172a08;--shadow-lg:0 20px 25px -5px #0f172a0d, 0 8px 10px -6px #0f172a08;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s cubic-bezier(.16, 1, .3, 1);--transition-smooth:.25s cubic-bezier(.16, 1, .3, 1);--transition-spring:.4s cubic-bezier(.34, 1.56, .64, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100vh;font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overflow-x:hidden}#root{width:100%;min-height:100vh;display:flex}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input{font-family:inherit}a{color:inherit;text-decoration:none}::selection{color:#1e40af;background-color:#dbeafe}.login-screen-layout{background-color:var(--bg-page);width:100vw;min-height:100vh;display:flex;overflow-x:hidden}.robot-left-pane{background:linear-gradient(135deg,#f8fafc 0%,#eff6ff 50%,#e2e8f0 100%);flex-direction:column;flex:1.25;justify-content:center;align-items:center;padding:40px;display:flex;position:relative;overflow:hidden}.robot-ambient-grid{pointer-events:none;background-image:radial-gradient(#2563eb14 1.2px,#0000 1.2px);background-size:28px 28px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 40%,#0000 80%);mask-image:radial-gradient(circle,#000 40%,#0000 80%)}.left-pane-backdrop{filter:blur(45px);pointer-events:none;background:radial-gradient(circle,#3b82f629 0%,#2ee8c217 50%,#0000 70%);border-radius:50%;width:520px;height:520px;position:absolute}.robot-showcase-container{z-index:3;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:630px;display:flex;position:relative}.robot-stage{cursor:pointer;-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;width:100%;display:flex;position:relative}.robot-bubble{color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-md);pointer-events:none;opacity:0;transition:all var(--transition-spring);z-index:10;white-space:nowrap;background:#0f172a;padding:8px 16px;font-size:13px;font-weight:600;position:absolute;top:-60px;transform:translateY(8px)scale(.95)}.robot-bubble:after{content:"";border:6px solid #0000;border-top-color:#0f172a;border-bottom-width:0;position:absolute;bottom:-6px;left:50%;transform:translate(-50%)}.robot-bubble.visible{opacity:1;transform:translateY(0)scale(1)}.robot-svg{filter:drop-shadow(0 14px 28px #0f172a14);width:100%;max-width:650px;height:auto;overflow:visible}.robot-head-body.idle-look-around{transform-origin:108px 240px;animation:4s ease-in-out infinite robotLookAround}.robot-head-body.focus-right{transform-origin:108px 240px;transition:transform .35s cubic-bezier(.25,1,.5,1);transform:rotate(8deg)translate(4px)translateY(-1px)}.robot-head-body.interact-tilt-pink{transform-origin:108px 240px;transition:transform .4s cubic-bezier(.25,1,.5,1);transform:rotate(4deg)}@keyframes robotLookAround{0%,to{transform:rotate(0)translate(0)}20%,35%{transform:rotate(-7deg)translate(-3.5px)translateY(-.5px)}50%{transform:rotate(0)translate(0)}68%,82%{transform:rotate(7deg)translate(3.5px)translateY(-1px)}92%{transform:rotate(0)translate(0)}}.pink-body-head{transform-origin:275px 242px;animation:1.8s ease-in-out infinite pinkMusicVibe}@keyframes pinkMusicVibe{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-4.5px)rotate(2deg)}50%{transform:translateY(1.5px)rotate(0)}75%{transform:translateY(-4px)rotate(-2deg)}}.pink-earcup{transform-origin:50%;animation:.675s ease-in-out infinite alternate earcupBass}@keyframes earcupBass{0%{filter:drop-shadow(0 0 1px #4fe0c1)}to{filter:drop-shadow(0 0 6px #4fe0c1)}}.music-wave{animation:1.35s ease-out infinite soundWavePulse}.earcup-group-left .music-wave{transform-origin:198px 145px}.earcup-group-right .music-wave{transform-origin:350px 145px}.music-wave.wave-1{animation-delay:0s}.music-wave.wave-2{animation-delay:.38s}@keyframes soundWavePulse{0%{opacity:.85;transform:scale(.92)}50%{opacity:.45}to{opacity:0;transform:scale(1.35)}}.music-note{pointer-events:none;animation:2.4s ease-in-out infinite floatMusicNote}.music-note.note-1{animation-delay:0s}.music-note.note-2{animation-delay:.8s}.music-note.note-3{animation-delay:1.6s}@keyframes floatMusicNote{0%{opacity:0;transform:translateY(0)rotate(0)scale(.7)}25%{opacity:1;transform:translateY(-10px)rotate(-12deg)scale(1)}65%{opacity:.85;transform:translateY(-26px)rotate(14deg)scale(1.1)}to{opacity:0;transform:translateY(-44px)rotate(-8deg)scale(.8)}}.star-sway-body{transform-origin:388px 145px;animation:3.6s ease-in-out infinite starSmoothSway}@keyframes starSmoothSway{0%,to{transform:rotate(0)translateY(0)scale(1)}25%{transform:rotate(-3.5deg)translateY(-5px)scale(1.015)}50%{transform:rotate(0)translateY(-1px)scale(1)}75%{transform:rotate(3.5deg)translateY(-5px)scale(1.015)}}.star-shimmer-overlay{animation:2.4s ease-in-out infinite alternate starShimmer}@keyframes starShimmer{0%{opacity:.05}50%{opacity:.2}to{opacity:.05}}.star-left-arm{transform-origin:358px 138px;animation:2.8s ease-in-out infinite starArmWaveLeft}.star-right-arm{transform-origin:420px 138px;animation:2.8s ease-in-out infinite starArmWaveRight}@keyframes starArmWaveLeft{0%,to{transform:rotate(0)}30%{transform:rotate(-6deg)translateY(-3px)}60%{transform:rotate(3deg)translateY(1px)}}@keyframes starArmWaveRight{0%,to{transform:rotate(0)}25%{transform:rotate(8deg)translateY(-4px)}55%{transform:rotate(-4deg)translateY(2px)}80%{transform:rotate(3deg)translateY(-1px)}}.clinging-pet{transform-origin:316px 105px;animation:1.8s ease-in-out infinite petWiggleLively}@keyframes petWiggleLively{0%,to{transform:rotate(0)translateY(0)}20%{transform:rotate(-6deg)translateY(-2px)}40%{transform:rotate(3deg)translateY(1px)}60%{transform:rotate(-4deg)translateY(-1.5px)}80%{transform:rotate(2deg)translateY(.5px)}}.star-mouth-realistic{transform-origin:388px 126px;animation:2.6s cubic-bezier(.38,0,.24,1) infinite starMouthTalkNatural}.star-mouth-inner{animation:2.6s cubic-bezier(.38,0,.24,1) infinite starMouthInnerFade}@keyframes starMouthTalkNatural{0%,to{transform:scale(.96,.16)}14%{transform:scale(.96,.16)}26%{transform:scaleY(.75)}38%{transform:scale(1.06,1.15)}50%{transform:scaleY(.55)}62%{transform:scale(1.05,1.08)}74%{transform:scale(.98,.45)}86%{transform:scale(.96,.18)}92%{transform:scale(.96,.16)}}@keyframes starMouthInnerFade{0%,14%,88%,to{opacity:0}24%,76%{opacity:1}}.star-stilt-left{transform-origin:376px 295px;animation:3.2s ease-in-out infinite stiltBounceLeft}.star-stilt-right{transform-origin:399px 295px;animation:3.2s ease-in-out infinite stiltBounceRight}@keyframes stiltBounceLeft{0%,to{transform:scaleY(1)}28%{transform:scaleY(.95)}62%{transform:scaleY(1.02)}84%{transform:scaleY(.97)}}@keyframes stiltBounceRight{0%,to{transform:scaleY(1)}22%{transform:scaleY(1.02)}55%{transform:scaleY(.96)}78%{transform:scaleY(1.01)}}.teal-cube-body{transform-origin:388px 280px;animation:2.8s ease-in-out infinite cubeJellyBounce}@keyframes cubeJellyBounce{0%,to{transform:scale(1)translateY(0)rotate(0)}25%{transform:scale(.96,1.04)translateY(-5px)rotate(1deg)}50%{transform:scale(1)translateY(0)rotate(0)}75%{transform:scale(1.04,.96)translateY(2px)rotate(-1deg)}}.cube-left-arm{transform-origin:338px 274px;animation:2.6s ease-in-out infinite cubeArmSwingLeft}.cube-right-arm{transform-origin:438px 274px;animation:2.6s ease-in-out infinite cubeArmSwingRight}@keyframes cubeArmSwingLeft{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)translate(-3px)}50%{transform:rotate(5deg)translate(1px)}75%{transform:rotate(-8deg)translate(-2px)}}@keyframes cubeArmSwingRight{0%,to{transform:rotate(0)}20%{transform:rotate(10deg)translate(2px)}45%{transform:rotate(-6deg)translate(-1px)}70%{transform:rotate(14deg)translate(3px)}90%{transform:rotate(-3deg)translate(-1px)}}.cube-eyes-group{transform-origin:388px 256px;animation:3s ease-in-out infinite cubeEyeWiggle}@keyframes cubeEyeWiggle{0%,to{transform:translateY(0)scaleY(1)}15%{transform:translateY(-1px)scaleY(1.1)}30%{transform:translateY(0)scaleY(.85)}45%{transform:translateY(-.5px)scaleY(1.05)}60%{transform:translateY(0)scaleY(1)}}.cube-mouth-group{transform-origin:388px 275px;animation:2.2s ease-in-out infinite cubeMouthCheer}@keyframes cubeMouthCheer{0%,to{transform:scale(1)translateY(0)}30%{transform:scale(1.15,1.2)translateY(-1px)}60%{transform:scale(.95,.9)translateY(.5px)}}.cube-left-foot{transform-origin:363px 320px;animation:1.4s ease-in-out infinite cubeFootTapLeft}.cube-right-foot{transform-origin:415px 320px;animation:1.4s ease-in-out .7s infinite cubeFootTapRight}@keyframes cubeFootTapLeft{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-8deg)translateY(-3px)}}@keyframes cubeFootTapRight{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(8deg)translateY(-3px)}}.cube-float-particle{pointer-events:none;animation:3.6s ease-in-out infinite cubeParticleFloat}.cube-float-particle.particle-1{animation-delay:0s}.cube-float-particle.particle-2{animation-delay:1.2s}.cube-float-particle.particle-3{animation-delay:2.4s}@keyframes cubeParticleFloat{0%{opacity:0;transform:translateY(0)scale(.5)}20%{opacity:1;transform:translateY(-8px)scale(1)}60%{opacity:.7;transform:translateY(-22px)scale(1.1)rotate(15deg)}to{opacity:0;transform:translateY(-38px)scale(.6)rotate(-10deg)}}.orange-body-sway{transform-origin:468px 320px;animation:2.4s ease-in-out infinite orangeBodyBreathe}@keyframes orangeBodyBreathe{0%,to{transform:rotate(0)scale(1)}40%,55%{transform:rotate(1deg)scale(.99,1.01)}76%{transform:rotate(-.5deg)scale(1.02,.98)}}.orange-head-bob{transform-origin:468px 182px;animation:2.4s ease-in-out infinite orangeHeadSmoothBounce}@keyframes orangeHeadSmoothBounce{0%,to{transform:translateY(0)scale(1)rotate(0)}16%{transform:translateY(2px)scale(1.04,.95)rotate(-1deg)}40%{transform:translateY(-14px)scale(.97,1.04)rotate(-2.5deg)}52%{transform:translateY(-15px)scaleY(1.01)rotate(-2deg)}72%{transform:translateY(1.5px)scale(1.04,.96)rotate(.5deg)}84%{transform:translateY(-2.5px)scale(.99,1.01)rotate(0)}92%{transform:translateY(0)scale(1)rotate(0)}}.orange-left-arm{transform-origin:436px 218px;animation:2.8s ease-in-out infinite alternate orangeArmWave}@keyframes orangeArmWave{0%{transform:rotate(0)}to{transform:rotate(-6deg)translateY(-1.5px)}}.orange-mouth-realistic{transform-origin:468px 231px;animation:2.4s cubic-bezier(.38,0,.24,1) infinite orangeMouthTalkNatural}.orange-mouth-inner{animation:2.4s cubic-bezier(.38,0,.24,1) infinite orangeMouthInnerFade}@keyframes orangeMouthTalkNatural{0%,to{transform:scale(.96,.16)}14%{transform:scale(.96,.18)}26%{transform:scaleY(.75)}38%{transform:scale(1.06,1.15)}50%{transform:scaleY(.55)}62%{transform:scale(1.05,1.08)}74%{transform:scale(.98,.45)}86%{transform:scale(.96,.18)}92%{transform:scale(.96,.16)}}@keyframes orangeMouthInnerFade{0%,14%,88%,to{opacity:0}24%,76%{opacity:1}}.orange-eye-blink{transform-origin:468px 215.5px;animation:4.8s infinite orangeCyclopsBlink}@keyframes orangeCyclopsBlink{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.12)}}.orange-top-mouth-animated{transform-origin:449.5px 156px;animation:2.4s ease-in-out infinite orangeTopMouthTalk}@keyframes orangeTopMouthTalk{0%,to{transform:scaleY(.95)}38%,62%{transform:scale(1.08,1.12)}50%{transform:scaleY(.9)}}.purple-body-sway{transform-origin:567px 320px;animation:2.6s ease-in-out infinite purpleGroove}@keyframes purpleGroove{0%,to{transform:rotate(0)translateY(0)}30%{transform:rotate(-2deg)translateY(-2.5px)}70%{transform:rotate(2deg)translateY(-2.5px)}}.hula-hoop-spin{animation:1.8s ease-in-out infinite alternate hulaSpin}@keyframes hulaSpin{0%{stroke-dashoffset:0;transform-origin:567px 254px;transform:rotate(-2.5deg)}to{stroke-dashoffset:36px;transform-origin:567px 254px;transform:rotate(2.5deg)}}.purple-blush{animation:2s ease-in-out infinite alternate purpleBlushGlow}@keyframes purpleBlushGlow{0%{opacity:.7}to{opacity:1;filter:drop-shadow(0 0 3.5px #ff66c4b3)}}.star-sparkle-particle{pointer-events:none;animation:2.8s ease-in-out infinite starSparkleFloat}.star-sparkle-particle.sp-1{animation-delay:0s}.star-sparkle-particle.sp-2{animation-delay:.9s}.star-sparkle-particle.sp-3{animation-delay:1.8s}@keyframes starSparkleFloat{0%{opacity:0;transform:translateY(0)scale(.4)rotate(0)}25%{opacity:1;transform:translateY(-10px)scale(1.1)rotate(45deg)}50%{opacity:.8;transform:translateY(-20px)scale(.9)rotate(90deg)}75%{opacity:.4;transform:translateY(-30px)scale(.7)rotate(135deg)}to{opacity:0;transform:translateY(-40px)scale(.3)rotate(180deg)}}.star-shadow{animation:3.2s ease-in-out infinite starShadowPulse}@keyframes starShadowPulse{0%,to{rx:58;ry:9;opacity:.12}28%{rx:50;ry:7;opacity:.08}62%{rx:55;ry:8;opacity:.1}84%{rx:48;ry:6.5;opacity:.07}}.blinking{transition:transform 80ms ease-in-out;transform:scaleY(.08)}.interactive-btn{cursor:pointer;transition:filter .15s,transform .15s}.interactive-btn:hover{filter:brightness(1.25)drop-shadow(0 0 4px #2ee8c2)}.sparkle-particle{animation:.8s ease-out forwards sparkleFly}@keyframes sparkleFly{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:translateY(-30px)scale(.2)}}.blue-robot-wrapper.squad-interact-robot-typing #robot-antenna-glow{animation:.4s ease-in-out infinite alternate antennaChatterPulse}@keyframes antennaChatterPulse{0%{filter:drop-shadow(0 0 3px #2ee8c2);opacity:.8}to{filter:drop-shadow(0 0 11px #2ee8c2);opacity:1}}.pink-character-group.squad-interact-pink-typing .pink-body-head{animation:.7s ease-in-out infinite alternate pinkGiggleVibe}@keyframes pinkGiggleVibe{0%{transform:translateY(0)rotate(-1.5deg)}to{transform:translateY(-4px)rotate(2deg)}}.teal-cube-group.squad-interact-cube-typing .teal-cube-body{animation:.45s ease-in-out infinite alternate cubeExcitedBounce}@keyframes cubeExcitedBounce{0%{transform:translateY(0)rotate(-1.5deg)}to{transform:translateY(-5px)rotate(1.5deg)}}.golden-star-group.squad-interact-star-typing .star-mouth-realistic{animation:1.3s cubic-bezier(.38,0,.24,1) infinite starMouthTalkRapid}@keyframes starMouthTalkRapid{0%,to{transform:scale(.96,.2)}30%{transform:scale(1.06,1.18)}60%{transform:scaleY(.5)}85%{transform:scale(1.05)}}.orange-group.squad-interact-orange-typing .orange-head-bob{animation:1.3s ease-in-out infinite orangeHeadChatterBounce}@keyframes orangeHeadChatterBounce{0%,to{transform:translateY(0)rotate(0)}40%{transform:translateY(-16px)rotate(-4deg)}70%{transform:translateY(2px)rotate(1deg)}}.purple-group.squad-interact-purple-typing .purple-body-sway{animation:1.4s ease-in-out infinite purpleGrooveFast}@keyframes purpleGrooveFast{0%,to{transform:rotate(0)translateY(0)}50%{transform:rotate(-2.5deg)translateY(-3px)}}.login-right-pane{background-color:var(--bg-card);border-left:1px solid var(--border-subtle);z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;min-width:320px;max-width:580px;padding:40px 36px;display:flex;position:relative;box-shadow:-4px 0 24px -12px #0f172a0a}.form-content-wrapper{flex-direction:column;width:100%;max-width:420px;display:flex}.brand-header{justify-content:space-between;align-items:center;margin-bottom:32px;display:flex}.brand-badge{align-items:center;gap:10px;display:flex}.brand-logo-mark{justify-content:center;align-items:center;display:flex}.brand-name{letter-spacing:-.5px;color:var(--text-primary);font-size:20px;font-weight:700}.auth-mode-switch{background-color:var(--bg-subtle);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:3px;display:flex}.switch-tab{color:var(--text-secondary);transition:all var(--transition-fast);border-radius:6px;padding:6px 14px;font-size:13px;font-weight:500}.switch-tab.active{background-color:var(--bg-card);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.form-intro{margin-bottom:28px}.form-title{letter-spacing:-.8px;color:var(--text-primary);margin-bottom:8px;font-size:28px;font-weight:700;line-height:1.2}.form-subtitle{color:var(--text-secondary);font-size:14px;line-height:1.5}.auth-form{flex-direction:column;gap:20px;display:flex}.input-group{flex-direction:column;gap:7px;display:flex}.label-row{justify-content:space-between;align-items:center;display:flex}.input-label{color:var(--text-primary);letter-spacing:-.1px;font-size:13px;font-weight:600}.forgot-password-link{color:var(--accent-primary);transition:color var(--transition-fast);font-size:12.5px;font-weight:500}.forgot-password-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.input-container{background-color:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:48px;transition:all var(--transition-smooth);align-items:center;padding:0 14px;display:flex;position:relative;box-shadow:0 1px 2px #00000005}.input-container:hover{border-color:var(--border-hover)}.input-container.focused{border-color:var(--border-focus);box-shadow:0 0 0 3.5px #2563eb1f}.input-icon{color:var(--text-muted);transition:color var(--transition-fast);flex-shrink:0;justify-content:center;align-items:center;margin-right:12px;display:flex}.input-container.focused .input-icon{color:var(--accent-primary)}.input-container input{color:var(--text-primary);background:0 0;border:none;outline:none;flex:1;width:100%;font-size:14.5px}.input-container input::placeholder{color:#94a3b8;font-weight:400}.password-toggle-btn{color:var(--text-muted);transition:all var(--transition-fast);border-radius:6px;justify-content:center;align-items:center;padding:6px;display:flex}.password-toggle-btn:hover{color:var(--text-primary);background-color:var(--bg-subtle)}.remember-row{align-items:center;margin-top:-4px;display:flex}.checkbox-container{cursor:pointer;-webkit-user-select:none;user-select:none;color:var(--text-secondary);align-items:center;font-size:13.5px;display:flex}.checkbox-container input{opacity:0;cursor:pointer;width:0;height:0;position:absolute}.checkbox-custom{border:1.5px solid var(--border-hover);width:18px;height:18px;transition:all var(--transition-fast);background-color:var(--bg-card);border-radius:5px;justify-content:center;align-items:center;margin-right:10px;display:inline-flex}.checkbox-container:hover .checkbox-custom{border-color:var(--text-secondary)}.checkbox-container input:checked~.checkbox-custom{background-color:var(--text-primary);border-color:var(--text-primary)}.checkbox-container input:checked~.checkbox-custom:after{content:"";border:2px solid #fff;border-width:0 2px 2px 0;width:5px;height:9px;transform:rotate(45deg)translate(-.5px,-1px)}.submit-btn{color:#fff;border-radius:var(--radius-md);height:48px;transition:all var(--transition-smooth);background-color:#0f172a;justify-content:center;align-items:center;margin-top:4px;font-size:14.5px;font-weight:600;display:flex;box-shadow:0 2px 8px #0f172a1f}.submit-btn:hover:not(:disabled){background-color:#1e293b;transform:translateY(-1px);box-shadow:0 4px 12px #0f172a2e}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner-loader{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{align-items:center;gap:14px;margin:24px 0 20px;display:flex}.divider-line{background-color:var(--border-subtle);flex:1;height:1px}.divider-label{color:var(--text-muted);text-transform:lowercase;font-size:12.5px;font-weight:500}.social-auth-container{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.social-auth-btn{background-color:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);height:44px;color:var(--text-primary);transition:all var(--transition-fast);justify-content:center;align-items:center;gap:8px;font-size:13.5px;font-weight:500;display:flex;box-shadow:0 1px 2px #00000005}.social-auth-btn:hover{background-color:var(--bg-subtle);border-color:var(--border-hover);transform:translateY(-1px)}.social-auth-btn:active{transform:translateY(0)}.social-icon{flex-shrink:0}.form-footer-toggle{text-align:center;color:var(--text-secondary);margin-top:24px;font-size:13.5px}.inline-link{color:var(--accent-primary);transition:color var(--transition-fast);margin-left:4px;font-weight:600}.inline-link:hover{color:var(--accent-primary-hover);text-decoration:underline}.form-sub-footer{color:var(--text-muted);justify-content:center;align-items:center;gap:8px;margin-top:36px;font-size:12px;display:flex}.form-sub-footer a:hover{color:var(--text-secondary)}.dot-sep{opacity:.5}.feedback-toast{color:#fff;border-radius:var(--radius-full);box-shadow:var(--shadow-lg);z-index:999;background-color:#0f172a;padding:12px 22px;font-size:13.5px;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) slideDown;position:fixed;top:24px;left:50%;transform:translate(-50%)}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}@media (width<=960px){.login-screen-layout{flex-direction:column}.robot-left-pane{flex:none;order:1;min-height:340px;padding:36px 20px 24px}.login-right-pane{border-left:none;border-top:1px solid var(--border-subtle);order:2;max-width:100%;padding:32px 20px}.robot-svg{max-width:380px}}@media (width<=480px){.social-auth-container{grid-template-columns:1fr}.form-title{font-size:24px}.brand-header{margin-bottom:24px}}