.login-container{background:var(--bg);width:100%;height:100vh;color:var(--text);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:var(--accent);margin-top:.3rem;margin-bottom:.5rem;font-size:2.8rem;font-weight:700}.brand-subtitle{color:var(--text-muted);font-size:1.1rem}.login-form-side{flex:1;justify-content:center;align-items:center;padding:2rem;display:flex}.login-card{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:380px;box-shadow:var(--shadow-lg);padding:2rem}.mobile-logo{text-align:center;margin-bottom:1rem;display:none}.login-card h2{text-align:center;color:var(--text);margin-bottom:1.5rem;font-size:1.6rem;font-weight:700}.login-form{flex-direction:column;gap:1rem;display:flex}.login-form label{color:var(--text-muted);flex-direction:column;gap:.4rem;font-size:.875rem;font-weight:500;display:flex}.login-form input{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-subtle);color:var(--text);outline:none;padding:.75rem;transition:border-color .15s,box-shadow .15s}.login-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.btn-login{background:var(--accent);color:#fff;border-radius:var(--radius-md);cursor:pointer;border:none;padding:.85rem;font-size:.9375rem;font-weight:600;transition:all .15s}.btn-login:hover{background:var(--accent-hover);box-shadow:0 4px 12px #10b98140}.error-box{background:var(--danger-soft);color:#fca5a5;border-radius:var(--radius-md);text-align:center;border:1px solid #ef44444d;margin-bottom:1rem;padding:.8rem;font-size:.875rem}.extra-links{text-align:center;margin-top:1rem;font-size:.875rem}.extra-links a{color:var(--accent);font-weight:500;text-decoration:none}.extra-links a:hover{text-decoration:underline}.remember-row{color:var(--text-muted);align-items:center;gap:.5rem;margin-top:.25rem;font-size:.875rem;display:flex}@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}}