.auth-shell{min-height:100dvh;display:flex}.auth-brand{width:44%;max-width:560px;display:none;position:relative;overflow:hidden}@media (min-width:1024px){.auth-brand{flex-direction:column;justify-content:center;display:flex}}.auth-brand-bg{background:linear-gradient(160deg,#011b35 0%,#002f57 30%,#004e91 60%,#0065b3 100%);background:linear-gradient(160deg,lab(9.20026% -1.29791 -20.1102) 0%,lab(18.1463% .133455 -33.3414) 30%,lab(31.6652% 1.58036 -49.939) 60%,lab(40.8654% .66337 -56.6553) 100%);position:absolute;inset:0}.auth-brand-pattern{opacity:.06;background-image:radial-gradient(circle at 20% 30%,#fff 1px,#0000 1px),radial-gradient(circle at 60% 70%,#fff 1.5px,#0000 1.5px),radial-gradient(circle at 80% 20%,#fff 1px,#0000 1px),radial-gradient(circle at 40% 80%,#fff 1px,#0000 1px);background-size:120px 120px,160px 160px,100px 100px,140px 140px;animation:30s linear infinite patternDrift;position:absolute;inset:0}@keyframes patternDrift{0%{background-position:0 0,0 0,0 0,0 0}to{background-position:120px 120px,-160px 160px,100px -100px,-140px 140px}}.auth-brand-content{z-index:1;padding:3rem;animation:.8s ease-out brandFadeIn;position:relative}@keyframes brandFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.auth-brand-logo{height:2.5rem}.auth-brand-dots{width:200px;height:200px;position:absolute;bottom:-40px;right:-20px}.auth-dot{background:#ffffff14;border-radius:50%;animation:8s ease-in-out infinite dotFloat;position:absolute}.auth-dot-1{width:80px;height:80px;animation-delay:0s;top:20%;left:10%}.auth-dot-2{width:50px;height:50px;animation-delay:1.5s;top:60%;left:50%}.auth-dot-3{opacity:.5;width:120px;height:120px;animation-delay:3s;top:10%;left:60%}.auth-dot-4{width:30px;height:30px;animation-delay:2s;top:80%;left:20%}.auth-dot-5{opacity:.6;width:60px;height:60px;animation-delay:4s;top:40%;left:80%}@keyframes dotFloat{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-12px)scale(1.05)}}.auth-form-panel{background:var(--background,#fff);flex:1;justify-content:center;align-items:center;padding:2rem 1.5rem;display:flex}.auth-form-container{width:100%;max-width:400px;animation:.5s ease-out formSlideIn}@keyframes formSlideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.auth-mobile-header{justify-content:center;margin-bottom:2.5rem;display:flex}@media (min-width:1024px){.auth-mobile-header{display:none}}.auth-card{box-shadow:none;background:0 0;border:none}.auth-card-header{margin-bottom:1.75rem;padding:0}.auth-card-title{letter-spacing:-.03em;color:var(--foreground);font-size:1.5rem;font-weight:600}.auth-card-description{color:var(--muted-foreground);margin-top:.5rem;font-size:.875rem;line-height:1.5}.auth-card-content{padding:0}.auth-input-group{flex-direction:column;gap:.375rem;display:flex}.auth-label{color:var(--foreground);letter-spacing:.01em;font-size:.8rem;font-weight:500}.auth-input{border:1.5px solid var(--border);background:var(--background);border-radius:.5rem;height:2.75rem;padding:0 .875rem;font-size:.9rem;transition:border-color .2s,box-shadow .2s}.auth-input:focus{border-color:#007dd7;border-color:lab(50.3064% -2.37858 -56.8634);outline:none;box-shadow:0 0 0 3px #007dd71a;box-shadow:0 0 0 3px lab(50.3064% -2.37858 -56.8634/.1)}.auth-input-wrapper{position:relative}.auth-input-wrapper .auth-input{padding-right:2.75rem}.auth-eye-btn{color:var(--muted-foreground);cursor:pointer;background:0 0;border:none;padding:0;transition:color .2s;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.auth-eye-btn:hover{color:var(--foreground)}.auth-submit{cursor:pointer;color:#fff;letter-spacing:.01em;background:#007dd7;background:lab(50.3064% -2.37858 -56.8634);border:none;border-radius:.5rem;width:100%;height:2.75rem;font-size:.9rem;font-weight:500;transition:background .2s,transform .1s,box-shadow .2s}.auth-submit:hover:not(:disabled){background:#006bba;background:lab(43.2311% -.19154 -56.7058);box-shadow:0 4px 12px #007dd740;box-shadow:0 4px 12px lab(50.3064% -2.37858 -56.8634/.25)}.auth-submit:active:not(:disabled){transform:scale(.985)}.auth-submit:disabled{opacity:.6;cursor:not-allowed}.auth-link{color:var(--muted-foreground);font-size:.8rem;text-decoration:none;transition:color .2s}.auth-link:hover{color:#007dd7;color:lab(50.3064% -2.37858 -56.8634)}.auth-link-forgot{align-self:flex-end;margin-top:-.25rem}.auth-link-back{text-align:center;margin-top:1rem;display:block}.auth-error{color:var(--destructive);border-left:3px solid var(--destructive);background:#e400140f;background:lab(48.4493% 77.4328 61.5452/.06);border-radius:.375rem;padding:.5rem .75rem;font-size:.8rem}.auth-success{background:#00aa6f0f;background:lab(61.3708% -50.3182 19.7319/.06);border-left:3px solid #00aa6f;border-left:3px solid lab(61.3708% -50.3182 19.7319);border-radius:.5rem;padding:1.25rem}.auth-success p{color:var(--muted-foreground);font-size:.875rem;line-height:1.5}.auth-loader{flex-direction:column;align-items:center;gap:1.25rem;padding:2rem 0;display:flex}.auth-spinner{border:2.5px solid var(--border);border-top-color:oklch(58% .17 250);border-radius:50%;width:2rem;height:2rem;animation:.7s linear infinite authSpin}@keyframes authSpin{to{transform:rotate(360deg)}}.auth-loader-text{color:var(--muted-foreground);font-size:.875rem}.auth-form{flex-direction:column;gap:1.25rem;display:flex}.auth-separator{background:var(--border);width:100%;height:1px;margin:.5rem 0}