.login-page{display:flex;min-height:100vh}.login-visual{flex:1 1;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,var(--c-primary-dark) 0,var(--c-primary) 50%,var(--c-secondary) 100%);color:#fff;padding:60px 40px;position:relative;overflow:hidden}.login-visual:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.08) 0,transparent 50%),radial-gradient(circle at 70% 80%,rgba(255,255,255,.05) 0,transparent 50%);animation:slowDrift 20s ease-in-out infinite alternate}@keyframes slowDrift{0%{transform:translate(0) rotate(0deg)}to{transform:translate(20px,-20px) rotate(3deg)}}.login-visual-content{position:relative;z-index:1;text-align:center;max-width:400px}.login-logo-img{width:200px;height:auto;margin-bottom:16px;filter:drop-shadow(0 4px 12px rgba(0,0,0,.3))}.login-tagline{font-size:1.1rem;line-height:1.7;opacity:.85}.login-features{margin-top:40px;display:flex;flex-direction:column;gap:16px;text-align:left}.login-feature-item{display:flex;align-items:center;gap:12px;font-size:.95rem;opacity:.8}.login-feature-icon{width:36px;height:36px;background:rgba(255,255,255,.15);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0}.login-form-panel{width:480px;display:flex;flex-direction:column;justify-content:center;padding:60px;background:var(--c-bg-card)}.login-form-header{margin-bottom:36px}.login-form-header h1{font-size:1.75rem;font-weight:700;color:var(--c-text);margin-bottom:8px}.login-form-header p{font-size:.95rem;color:var(--c-text-secondary)}.login-form{display:flex;flex-direction:column;gap:20px}.login-form .input-field{padding:12px 16px;font-size:.95rem}.login-submit{margin-top:8px;padding:14px;font-size:1rem;font-weight:600;border-radius:var(--radius-md);background:var(--c-primary);color:#fff;transition:all var(--transition-fast)}.login-submit:hover:not(:disabled){background:var(--c-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.login-submit:disabled{opacity:.6;cursor:not-allowed}.login-error{padding:12px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:var(--radius-md);color:var(--c-danger);font-size:.875rem;animation:fadeIn .2s ease-out}.login-footer{margin-top:32px;text-align:center;font-size:.8125rem;color:var(--c-text-light)}@media (max-width:1024px){.login-visual{display:none}.login-form-panel{width:100%;max-width:480px;margin:0 auto}}@media (max-width:768px){.login-form-panel{padding:40px 24px}}