.auth-container{display:flex;min-height:100vh;font-family:Poppins,Verdana,sans-serif}.auth-form-wrapper{flex:0 0 50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;background:#f6f6f6;box-shadow:0 10px 30px rgba(0,0,0,.05);border-radius:12px}.auth-form-wrapper h2{font-size:2rem;font-weight:700;margin-bottom:.5rem;color:var(--dark-color)}.auth-form-wrapper p{margin-bottom:2rem;color:#666;font-size:1.1rem}.auth-form-wrapper form{width:70%;display:flex;flex-direction:column;gap:1rem}.auth-form-wrapper input{width:100%;padding:.7rem 1rem;border:1px solid #ddd;border-radius:8px;font-size:.95rem;outline:none;transition:all .3s ease}.auth-form-wrapper input:focus{border-color:var(--dark-color);box-shadow:0 0 8px rgba(44,39,150,.2)}.auth-form-wrapper button{width:100%;padding:.7rem 0;margin-top:1.5rem;background:var(--dark-color);border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;color:#fff;transition:all .3s ease}.auth-form-wrapper button:hover{background:#1c1765;transform:translateY(-2px)}.auth-form-wrapper .redirect{text-align:center;font-size:1rem;margin-top:1.5rem;text-decoration:none;color:#111}.auth-form-wrapper .redirect a{color:var(--dark-color);text-decoration:none;font-weight:500}.auth-form-wrapper .redirect a:hover{text-decoration:underline}.auth-form-wrapper .error{color:#ef4444;margin-bottom:1rem;text-align:center;font-size:.9rem}.auth-banner{flex:1;background:url(/MEDIA/advanced-city-dark.jpg);background-size:cover;background-position:50%}.auth-banner:has(img){background:none}.auth-banner .wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2rem}@media (max-width:768px){.auth-container{flex-direction:column;align-items:center}.auth-banner{width:100%;height:100%;flex:unset;background:red}.auth-form-wrapper{flex:1;width:100%;padding:2rem;margin-bottom:1rem;border-radius:12px}.auth-banner .wrapper{padding:2rem}.auth-form-wrapper form{width:80%}.auth-form-wrapper button,.auth-form-wrapper input{width:100%;max-width:none}}@media (max-width:500px){.auth-form-wrapper form{width:100%}}