.login-container{background:linear-gradient(135deg, var(--secondary) 0%, #fff 100%);min-height:100vh;font-family:var(--font-sans);justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:#fff;border-radius:4px;grid-template-columns:1fr 1fr;width:100%;max-width:800px;min-height:500px;display:grid;overflow:hidden;box-shadow:0 10px 40px #0000004d}.login-form-area{flex-direction:column;justify-content:center;padding:48px;display:flex}.login-form-area h2{text-align:center;color:#333;margin-bottom:32px;font-size:1.5rem;font-weight:400}.login-form .form-group{margin-bottom:16px;position:relative}.login-form .form-label{color:#666;margin-bottom:6px;font-size:.75rem;display:block}.login-form .form-input{color:#333;background:#f5f5f5;border:1px solid #0000;border-radius:20px;width:100%;padding:12px 16px;font-size:.9rem;transition:all .2s}.login-form .form-input:focus{border-color:var(--primary);background:#fff;outline:none}.password-input-wrapper{position:relative}.password-toggle{color:#999;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.login-options{color:#666;align-items:center;margin-bottom:32px;font-size:.8rem;display:flex}.login-options label{cursor:pointer;align-items:center;gap:8px;display:flex}.btn-login{background:var(--primary);width:60%;color:var(--on-primary);text-transform:uppercase;cursor:pointer;border:none;border-radius:24px;justify-content:center;align-items:center;margin:0 auto;padding:12px;font-size:.85rem;font-weight:600;transition:background .2s;display:flex}.btn-login:hover{background:var(--on-primary-container)}.forgot-password{text-align:center;color:var(--primary);margin-top:16px;font-size:.85rem;text-decoration:none;display:block}.forgot-password:hover{text-decoration:underline}.login-branding{background:var(--secondary);color:var(--on-secondary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:48px;display:flex;position:relative}.login-logo-img{width:240px;height:auto;margin-bottom:32px}.login-headline{margin-bottom:16px;font-size:1.25rem;font-weight:400}.login-tagline{color:#fffc;max-width:300px;margin-bottom:48px;font-size:.85rem;line-height:1.5}.login-version{color:#ffffff80;font-size:.75rem;position:absolute;bottom:24px}.login-error{color:#e53e3e;background:#e53e3e1a;border-radius:6px;align-items:center;gap:8px;margin-bottom:16px;padding:10px 14px;font-size:.85rem;display:flex}@media (max-width:900px){.login-card{max-width:680px}.login-form-area,.login-branding{padding:36px}.login-logo-img{width:180px}}@media (max-width:768px){.login-container{align-items:flex-start;padding:32px 16px 16px}.login-card{max-width:100%;min-height:unset;border-radius:12px;grid-template-columns:1fr}.login-branding{border-radius:0;padding:28px 24px 20px}.login-logo-img{width:140px;margin-bottom:16px}.login-headline{margin-bottom:8px;font-size:1rem}.login-tagline{margin-bottom:0;font-size:.8rem}.login-version{margin-top:12px;position:static}.login-form-area{padding:28px 24px}.btn-login{width:80%}}@media (max-width:480px){.login-container{align-items:stretch;padding:0}.login-card{box-shadow:none;border-radius:0;min-height:100vh}.login-branding{padding:24px 20px 16px}.login-logo-img{width:120px}.login-form-area{flex:1;padding:24px 20px}.login-form-area h2{margin-bottom:24px;font-size:1.25rem}.btn-login{width:100%}}@media (max-width:360px){.login-form-area{padding:20px 16px}.login-form .form-input{padding:10px 14px;font-size:.875rem}.login-headline{font-size:.9rem}}