.login-page{min-height:100vh;background:linear-gradient(160deg,#0a1220,#0f1c33 60%,#142340);position:relative;overflow:hidden}.login-bg{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0}.login-bg svg{width:100%;height:100%}.login-bg-node{fill:#3aade233}.login-bg-node--large{fill:#3aade21f}.login-bg-path{fill:none;stroke:#3aade226;stroke-width:1;stroke-dasharray:5 8;animation:bgFlow linear infinite}.login-bg-grid-dot{fill:#3aade20f}@keyframes bgFlow{0%{stroke-dashoffset:13}to{stroke-dashoffset:0}}.login-content{position:relative;z-index:1;min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:48px;gap:48px;max-width:1280px;margin:0 auto}.login-brand{display:flex;flex-direction:column;gap:36px;padding:24px 0}.login-brand__top{display:flex}.login-brand__logo-img{height:42px;width:auto}.login-brand__mid{display:flex;flex-direction:column;gap:16px}.login-brand__headline{font-size:2rem;font-weight:700;color:#fff;line-height:1.2;letter-spacing:-.03em;max-width:420px;margin:0}.login-brand__subline{font-size:.9375rem;color:#ffffffa6;line-height:1.65;max-width:400px;margin:0}.login-brand__features{display:flex;flex-direction:column;gap:20px;padding-top:8px;border-top:1px solid rgba(255,255,255,.1)}.login-brand__feature{display:flex;align-items:flex-start;gap:12px}.login-brand__feature-icon{width:28px;height:28px;border-radius:6px;background:#3aade21f;border:1px solid rgba(58,173,226,.25);display:flex;align-items:center;justify-content:center;color:#3aade2;flex-shrink:0;margin-top:1px}.login-brand__feature-title{font-size:.8125rem;font-weight:600;color:#ffffffe6;margin:0 0 3px}.login-brand__feature-desc{font-size:.75rem;color:#ffffff80;line-height:1.5;margin:0}.login-brand__footer{font-size:.75rem;color:#ffffff59;margin:0}.login-form-panel{display:flex;align-items:center;justify-content:center}.login-form-inner{width:100%;max-width:400px;animation:fadeIn .4s ease-out}.login-form-card{background:#fff;border-radius:16px;padding:36px;box-shadow:0 8px 40px #00000059,0 2px 8px #0003;display:flex;flex-direction:column;gap:24px}.login-form-header{display:flex;flex-direction:column;gap:4px}.login-form-header h1{font-size:1.375rem;font-weight:700;color:#111827;letter-spacing:-.02em;margin:0}.login-form-header p{font-size:.8125rem;color:#6b7280;margin:0}.login-form-fields{display:flex;flex-direction:column;gap:14px}.login-field{display:flex;flex-direction:column;gap:5px}.login-field label{font-size:.8125rem;font-weight:500;color:#374151}.login-input-wrapper{position:relative}.login-input-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none;transition:color .15s}.login-input-wrapper:focus-within .login-input-icon{color:#2563eb}.login-input-wrapper input{width:100%;height:38px;padding:0 40px 0 34px;border:1px solid #e5e7eb;border-radius:7px;font-size:.875rem;background:#fff;color:#111827;transition:border-color .15s,box-shadow .15s;outline:none;box-sizing:border-box}.login-input-wrapper input:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.login-input-wrapper input::placeholder{color:#9ca3af}.login-input-wrapper input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.login-password-toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:#9ca3af;cursor:pointer;padding:4px;display:flex;align-items:center;transition:color .15s}.login-password-toggle:hover:not(:disabled){color:#374151}.login-password-toggle:disabled{opacity:.4;cursor:not-allowed}.login-error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:7px;color:#dc2626;font-size:.8125rem}.login-submit{width:100%;height:38px;background:#2563eb;color:#fff;border:none;border-radius:7px;font-size:.875rem;font-weight:600;cursor:pointer;transition:background .15s;display:flex;align-items:center;justify-content:center;gap:8px}.login-submit:hover:not(:disabled){background:#1d4ed8}.login-submit:disabled{opacity:.65;cursor:not-allowed}.login-form-footer{text-align:center;font-size:.75rem;color:#fff6;margin-top:12px}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.login-content{grid-template-columns:1fr;padding:48px 32px;gap:40px;align-items:flex-start}.login-brand__headline{font-size:1.625rem;max-width:100%}.login-brand__subline{max-width:100%}.login-form-panel{justify-content:flex-start}.login-form-inner{max-width:100%}}@media(max-width:600px){.login-content{grid-template-columns:1fr;min-height:100vh;padding:40px 20px;gap:24px;align-content:center;align-items:start}.login-brand{gap:0;padding:0}.login-brand__mid,.login-brand__features,.login-brand__footer{display:none}.login-form-panel{justify-content:flex-start}.login-form-inner{max-width:100%}}@media(max-width:480px){.login-content{padding:24px 16px 40px}.login-form-card{padding:24px}.login-brand__headline{font-size:1.375rem}}