.login-container{background:linear-gradient(135deg, var(--secondary) 0%, var(--background) 100%);min-height:100vh;font-family:var(--font-ui);justify-content:center;align-items:center;padding:24px;display:flex}.login-card{background:var(--surface-container-lowest);border-radius:var(--radius-lg);grid-template-columns:1fr 1fr;width:100%;max-width:800px;min-height:500px;display:grid;overflow:hidden;box-shadow:0 24px 80px -16px #00000059}.login-form-area{flex-direction:column;justify-content:center;padding:48px;display:flex}.login-form-area h2{text-align:center;color:var(--on-surface);margin-bottom:32px;font-size:1.5rem;font-weight:600}.login-form .form-group{margin-bottom:16px;position:relative}.login-form .form-label{color:var(--on-surface-variant);margin-bottom:6px;font-size:.75rem;display:block}.login-form .form-input{background:var(--surface-container-low);border-radius:var(--radius);width:100%;color:var(--on-surface);transition:all var(--transition);border:2px solid #0000;padding:12px 16px;font-size:.9rem}.login-form .form-input:focus{border-color:var(--primary-container);background:var(--surface-container-lowest);outline:none}.password-input-wrapper{position:relative}.password-input-wrapper .form-input{padding-right:44px}.password-toggle{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:flex;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.login-options{color:var(--on-surface-variant);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{border-radius:var(--radius);background:var(--primary-container);width:60%;color:var(--on-primary-fixed);text-transform:uppercase;cursor:pointer;transition:background var(--transition), color var(--transition);border:none;justify-content:center;align-items:center;margin:0 auto;padding:12px;font-size:.85rem;font-weight:600;display:flex}.btn-login:hover{background:var(--primary);color:var(--on-primary)}.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{margin-bottom:16px}@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:var(--radius-lg);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}}