@layer components{.auth-root{background:var(--bg-body);width:100vw;height:100vh;font-family:var(--font-poppins), sans-serif;display:flex;overflow:hidden}.auth-left{z-index:10;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:1.5rem;display:flex;position:relative}.auth-content{z-index:10;opacity:0;width:100%;max-width:380px;margin:auto 0;padding:1rem 0;animation:.8s cubic-bezier(.16,1,.3,1) forwards fadeInUp;position:relative;transform:translateY(20px)}@keyframes fadeInUp{to{opacity:1;transform:translateY(0)}}.auth-logo,.auth-header{margin-bottom:1.5rem}.auth-header h1{color:var(--text-primary);letter-spacing:-1px;margin-bottom:.3rem;font-size:1.5rem;font-weight:700}.auth-header p{color:var(--text-secondary);font-size:.9rem;line-height:1.4}.auth-header p strong{color:var(--accent);font-weight:600}.auth-form{flex-direction:column;gap:.85rem;display:flex}.auth-field{position:relative}.auth-input-wrapper{align-items:center;display:flex;position:relative}.auth-input-icon{color:var(--text-secondary);pointer-events:none;font-size:1.2rem;transition:color .3s;position:absolute;left:1.2rem}.auth-input-icon.right{pointer-events:auto;cursor:pointer;left:auto;right:1.2rem}.auth-eye-btn{cursor:pointer;color:var(--text-secondary);z-index:20;pointer-events:auto;background:0 0;border:none;align-items:center;padding:.5rem;font-size:1.2rem;transition:color .3s;display:flex;position:absolute;top:50%;right:1.2rem;transform:translateY(-50%)}.auth-eye-btn:hover,.auth-input-wrapper:focus-within .auth-eye-btn{color:var(--accent)}.auth-input{background:var(--card-bg);border:1px solid var(--border-color);width:100%;color:var(--text-primary);border-radius:6px;outline:none;padding:.75rem 1rem .75rem 2.8rem;font-size:.9rem;transition:all .2s}.auth-input:focus{background:var(--card-bg);border-color:var(--accent)}.auth-input:focus+.auth-input-icon,.auth-input-wrapper:focus-within .auth-input-icon{color:var(--accent)}.auth-input::placeholder{color:var(--text-secondary)}.auth-input::-ms-reveal{display:none}.auth-input::-ms-clear{display:none}.auth-dropdown-chevron{transition:transform .3s}.auth-dropdown-chevron.open{transform:rotate(180deg)}.auth-dropdown-menu{background:var(--card-bg);border:1px solid var(--border-color);width:100%;box-shadow:0 4px 12px var(--shadow-color);z-index:50;border-radius:6px;max-height:220px;padding:.5rem 0;animation:.2s ease-out forwards fadeInDown;position:absolute;top:calc(100% + 5px);left:0;overflow-y:auto}.auth-dropdown-item{color:var(--text-primary);cursor:pointer;padding:.5rem 1rem;font-size:.9rem;transition:background .2s}.auth-dropdown-item:hover{background:var(--item-hover);color:var(--accent)}.auth-dropdown-item.active{background:var(--item-selected);color:var(--accent);font-weight:600}.auth-dropdown-empty{text-align:center;color:var(--text-secondary);padding:1rem;font-size:.9rem}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.auth-options{justify-content:space-between;align-items:center;margin-top:.5rem;margin-bottom:.5rem;font-size:.9rem;display:flex}.auth-checkbox{color:var(--text-secondary);cursor:pointer;align-items:center;gap:.5rem;font-weight:500;display:flex}.auth-checkbox input{accent-color:var(--accent);cursor:pointer;border-radius:4px;width:16px;height:16px}.auth-forgot{color:var(--accent);font-weight:500;text-decoration:none;transition:color .2s}.auth-forgot:hover{color:var(--text-primary)}.btn-icon{transition:transform .3s;display:inline-block}.auth-divider{text-align:center;color:var(--text-secondary);align-items:center;margin:1rem 0;font-size:.8rem;display:flex}.auth-divider:before,.auth-divider:after{content:"";border-bottom:1px solid var(--border-color);flex:1}.auth-divider:before{margin-right:1em}.auth-divider:after{margin-left:1em}.auth-social{justify-content:space-between;gap:1rem;display:flex}.auth-social-btn{background:var(--card-bg);border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;border-radius:6px;flex:1;justify-content:center;align-items:center;padding:.6rem;font-size:1.2rem;transition:all .2s;display:flex}.auth-social-btn:hover{background:var(--item-hover);border-color:var(--accent)}.auth-social-btn.google{color:#db4437}.auth-social-btn.microsoft{color:#00a4ef}.auth-social-btn.apple{color:#000}.auth-switch{text-align:center;color:var(--text-secondary);margin-top:1rem;font-size:.85rem}.auth-switch a{color:var(--accent);margin-left:.2rem;font-weight:600;text-decoration:none;transition:color .2s}.auth-switch a:hover{color:var(--text-primary);text-decoration:underline}.auth-right{height:100vh;box-shadow:none;opacity:0;background-color:#0000;border-left:none;border-radius:0;flex:1.2;justify-content:flex-end;align-items:flex-end;animation:1.2s .2s forwards fadeIn;display:flex;position:relative;overflow:hidden}.auth-wave-container{z-index:0;pointer-events:none;clip-path:circle(0% at 0 0);width:100vw;height:100vh;animation:1.6s cubic-bezier(.4,0,.2,1) forwards riverFlow;position:fixed;top:0;left:0}@keyframes riverFlow{0%{clip-path:circle(0% at 0 0)}to{clip-path:circle(150% at 0 0)}}.orange-wave-bg{object-fit:cover;width:100%;height:100%}.auth-mascot{z-index:5;filter:drop-shadow(0 20px 40px #0003);width:clamp(800px,80%,1200px);height:auto;animation:1s cubic-bezier(.16,1,.3,1) forwards mascotEntrance;position:absolute;top:50%;right:8%;transform:translateY(-52%)}@keyframes mascotEntrance{0%{opacity:0;filter:drop-shadow(0 0 #0000);transform:translateY(-40%)scale(.96)}to{opacity:1;filter:drop-shadow(0 20px 40px #0003);transform:translateY(-52%)scale(1)}}.auth-slogan{z-index:5;text-align:left;position:absolute;bottom:8%;right:8%}.auth-slogan h2{letter-spacing:-.5px;text-shadow:0 4px 12px #00000026;margin:0;font-size:clamp(1.6rem,2.8vw,3rem);font-weight:700;line-height:1.2}.slogan-always{color:#fff;opacity:.8;font-weight:700}.slogan-onestep{color:#fff;font-weight:700}.slogan-ahead{color:#fff;font-weight:800}@media (max-width:1280px){.orange-wave-bg{width:140%;left:-10%}}@media (max-width:1024px){.auth-mascot{width:380px}.auth-slogan h2{font-size:2.4rem}.auth-right{display:none}.auth-left{padding:3rem 1.5rem}}.auth-root.reversed{flex-direction:row-reverse}.auth-root.reversed .auth-wave-container{clip-path:circle(0% at 100% 0);animation:1.6s cubic-bezier(.4,0,.2,1) forwards riverFlowReversed}@keyframes riverFlowReversed{0%{clip-path:circle(0% at 100% 0)}to{clip-path:circle(150% at 100% 0)}}.auth-root.reversed .orange-wave-bg{transform:scaleX(-1)}.auth-root.reversed .auth-mascot{left:-35%;right:auto}.auth-root.reversed .auth-slogan{text-align:left;left:8%;right:auto}.auth-glass-success{background:var(--card-bg);border:1px solid var(--border-color);text-align:center;border-radius:8px;padding:2rem 1.5rem}.auth-pulse-icon{color:var(--accent);margin-bottom:1.5rem;font-size:3rem;display:inline-block}.auth-strength-meter{background:var(--border-color);border-radius:4px;gap:4px;height:6px;margin-top:.5rem;display:flex;overflow:hidden}.auth-strength-segment{background:0 0;flex:1;transition:background-color .4s}.auth-strength-segment.active.weak{background:var(--text-tertiary)}.auth-strength-segment.active.medium{background:var(--text-secondary)}.auth-strength-segment.active.strong{background:var(--accent)}.auth-strength-label{text-align:right;color:var(--text-secondary);margin-top:.3rem;font-size:.75rem;font-weight:500}.auth-error-box{color:#ef4444;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.9rem;font-weight:500;animation:.3s cubic-bezier(.16,1,.3,1) fadeInDown;display:flex}.auth-error-icon{color:#ef4444;flex-shrink:0;font-size:1.1rem}.auth-input.error{border-color:#ef444480}.auth-input.error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441a}.auth-input-wrapper.error .auth-input-icon{color:#ef4444}.auth-error-text{color:#ef4444;align-items:center;gap:.3rem;margin-top:.4rem;font-size:.8rem;font-weight:500;animation:.2s fadeIn;display:flex}}