.auth-layout{display:flex;min-height:100vh}.auth-left{width:40%;position:relative;overflow:hidden;background:linear-gradient(135deg,var(--clr-dark) 0%,#121225 100%)}.auth-right{width:60%;min-height:100vh;display:flex;justify-content:center;align-items:flex-start;padding-top:2rem;padding-bottom:2rem;background-color:#f5f5f5}.bands-wrapper{display:flex;height:100%;width:100%;gap:8px}.auth-card{width:100%;max-width:600px;border-radius:60px;padding:2.5rem;box-shadow:0 0 35px #00000080;background-color:#fff}.auth-input{width:100%;padding:.5rem .75rem;background-color:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;margin-bottom:1rem;transition:border-color .15s,background-color .15s}.auth-input:focus{outline:none;border-color:#6366f1;background-color:#fff}.input-error{border-color:#f87171;background-color:#fef2f2}.input-error:focus{border-color:#ef4444}.input-hint{font-size:.75rem;line-height:1rem;color:#9ca3af;margin-top:-.75rem;margin-bottom:.75rem;padding-left:.25rem}.btn-primary{width:100%;padding-top:.75rem;padding-bottom:.75rem;border-radius:.5rem;color:#fff;font-weight:500;background-color:var(--clr-primary);transition:background-color .15s}.btn-primary:hover{background-color:var(--clr-primary-hover)}.social-btn{flex:1 1 0%;padding:.75rem;border:1px solid #d1d5db;border-radius:.5rem;background-color:#fff;color:#1f2937;font-weight:500;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:background-color .15s}.social-btn:hover{background-color:#f3f4f6}.sub-container{width:100%;background-color:#fff;border-radius:.5rem;padding:1.25rem;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a;margin-bottom:1.25rem}.footer a{color:var(--clr-accent);font-weight:500}.footer a:hover{color:#9333ea}.separator{display:flex;align-items:center;text-align:center;margin-top:1.5rem;margin-bottom:1.5rem;color:#9ca3af}.separator-line{flex:1 1 0%;height:1px;background-color:#e5e7eb}.separator-text{padding-left:1rem;padding-right:1rem;background-color:#fff;color:#9ca3af;font-size:.875rem;line-height:1.25rem}.checkbox-option{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.checkbox-box{width:1rem;height:1rem;flex-shrink:0;border:2px solid #d1d5db;border-radius:.25rem;transition:all .15s;cursor:pointer;position:relative}.checkbox-option input:checked~.checkbox-box{background-color:#a855f7;border-color:#a855f7}.checkbox-option input:checked~.checkbox-box:after{content:"";position:absolute;left:3px;top:0;width:6px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.login-page .auth-input{padding:.75rem 1rem;border-radius:.75rem;font-size:1rem;line-height:1.5rem}.login-page .btn-primary,.login-page .social-btn{padding-top:1rem;padding-bottom:1rem;font-size:1rem;line-height:1.5rem;border-radius:.75rem}.login-page .sub-container{padding:2rem}.login-page .logo-container img{width:5rem;height:5rem}.login-page .logo-text{font-size:3rem;line-height:1}.logo-container{display:flex;align-items:center}.logo-container img{width:4rem;height:4rem;border:2px solid #000000;padding:.25rem;border-radius:9999px}.logo-text{font-size:2.25rem;line-height:2.5rem;font-weight:700;color:var(--clr-brand);letter-spacing:.025em}.forgot-password{color:var(--clr-accent);font-size:.875rem;float:right;margin-top:.5rem;margin-bottom:.5rem}.forgot-password:hover{text-decoration:underline}.bg-layer{width:120px;height:280%;background-repeat:repeat-y}@keyframes scroll-up{0%{background-position-y:100%}to{background-position-y:-100%}}@keyframes scroll-down{0%{background-position-y:-100%}to{background-position-y:100%}}.layer-1,.layer-5{animation:scroll-up 120s linear infinite}.layer-2{animation:scroll-down 180s linear infinite}.layer-3{animation:scroll-up 180s linear infinite}.layer-4{animation:scroll-down 120s linear infinite}body{overflow-y:auto}@media(max-height:700px){body{overflow:scroll}}@media(max-height:750px){.auth-right{padding-top:1.5rem;padding-bottom:1.5rem}}@media(max-width:1500px){.auth-left{display:none}.auth-right{width:100%}}@media(max-width:768px){.auth-right{padding:1rem}.auth-card{border-radius:1.5rem;padding:1.5rem}.logo-container img{width:3rem;height:3rem}.logo-text{font-size:1.5rem;line-height:2rem}.sub-container{padding:1rem;margin-bottom:1rem}.auth-input,.btn-primary,.social-btn{font-size:.875rem;line-height:1.25rem}}@media(max-width:480px){.auth-right{padding:.75rem}.auth-card{border-radius:1rem;padding:1rem}.logo-text{font-size:1.25rem;line-height:1.75rem}}