.login-container{color:#f1f1f1;background:#0d0d0d;width:100%;height:100vh;font-family:system-ui,sans-serif;display:flex}.login-image-side{background-image:url(/images/login-bg.jpg);background-position:50%;background-size:cover;flex:1.3;position:relative}.overlay{text-align:center;background:#0000008c;flex-direction:column;justify-content:center;align-items:center;padding:2rem;display:flex;position:absolute;inset:0}.logo-wrapper{margin-bottom:1rem;position:relative}.brand-logo{object-fit:contain;width:90px;height:90px}.brand-title{color:#0f8;margin-top:.3rem;margin-bottom:.5rem;font-size:2.8rem;font-weight:700}.brand-subtitle{color:#ccc;font-size:1.1rem}.login-form-side{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-card{background:#181818;border-radius:16px;width:100%;max-width:380px;padding:2rem;position:relative;box-shadow:0 8px 20px #00000073}.mobile-logo{text-align:center;margin-bottom:1rem;display:none}.login-card h2{text-align:center;color:#fff;margin-bottom:1.5rem;font-size:1.8rem}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form label{flex-direction:column;gap:.4rem;font-size:.9rem;display:flex}.login-form input{color:#fff;background:#2a2a2a;border:none;border-radius:8px;outline:none;padding:.7rem}.login-form input:focus{background:#333;border:1px solid #0f8}.btn-login{color:#000;cursor:pointer;background:linear-gradient(90deg,#0f8,#0c8);border:none;border-radius:8px;padding:.9rem;font-weight:600;transition:all .2s}.btn-login:hover{filter:brightness(1.1);transform:translateY(-1px)}.error-box{color:#ff7b7b;text-align:center;background:#3b0f0f;border-radius:8px;margin-bottom:1rem;padding:.8rem;font-size:.9rem}.extra-links{text-align:center;margin-top:1rem}.extra-links a{color:#0f8;text-decoration:none}.extra-links a:hover{text-decoration:underline}@media (max-width:900px){.login-container{flex-direction:column}.login-image-side{display:none}.mobile-logo{justify-content:center;align-items:center;margin-bottom:1rem;display:flex}.mobile-logo img{object-fit:contain;width:72px;height:72px}.login-form-side{flex:1;justify-content:center}}.remember-row{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}