.login-page{background:var(--bg);flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:100vh;padding:24px;display:flex}.login-card{background:var(--panel-elevated);border:1px solid var(--border);border-radius:16px;flex-direction:column;gap:24px;width:100%;max-width:440px;padding:40px;display:flex}.login-logo-img{object-fit:contain;width:auto;height:52px}.login-intro{flex-direction:column;gap:8px;margin-top:-8px;display:flex}.login-heading{color:var(--text);margin:0;font-size:28px;font-weight:800;line-height:1.2}.login-heading-accent{background:linear-gradient(90deg, var(--text), var(--accent));color:#0000;-webkit-background-clip:text;background-clip:text}.login-subtext{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.login-error{background:color-mix(in srgb, var(--status-error) 12%, transparent);border:1px solid color-mix(in srgb, var(--status-error) 30%, transparent);color:var(--status-error);border-radius:8px;padding:12px 14px;font-size:13px}.login-status{color:var(--muted);text-align:center;margin:0;font-size:13px}.login-subtext{color:var(--muted);margin:0;font-size:14px}.login-form{flex-direction:column;gap:18px;display:flex}.field{flex-direction:column;gap:6px;display:flex}.field label{color:var(--text);font-size:13px;font-weight:600}.field-label-row{justify-content:space-between;align-items:center;display:flex}.input-with-icon{align-items:center;display:flex;position:relative}.input-icon{color:var(--muted);pointer-events:none;position:absolute;left:12px}.input-with-icon-field{height:42px!important;padding-left:38px!important}.input-with-trailing-icon{padding-right:38px!important}.input-icon-btn{color:var(--muted);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:4px;display:flex;position:absolute;right:10px}.input-icon-btn:hover{color:var(--text)}.field input[aria-invalid=true]{border-color:var(--status-error)!important}.field-error{color:var(--status-error);margin:0;font-size:12px}.login-checkbox-row{justify-content:space-between;align-items:center;margin-top:-6px;font-size:13px;display:flex}.login-checkbox-label{color:var(--text);cursor:pointer;align-items:center;gap:8px;display:flex}.login-link-btn{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-size:13px;font-weight:600}.login-link-btn:hover{text-decoration:underline}.login-submit-btn{background:linear-gradient(90deg, var(--primary-button-bg), color-mix(in srgb, var(--primary-button-bg) 45%, white));width:100%;height:44px;color:var(--primary-button-text);border:none;justify-content:center;font-size:15px;font-weight:700}.login-submit-btn:hover:not(:disabled){opacity:.92}.login-ms-btn{justify-content:center;gap:8px;width:100%;height:42px}.login-divider{background:var(--border);height:1px}.login-footer-note{color:var(--muted);align-items:flex-start;gap:8px;font-size:12px;line-height:1.5;display:flex}.login-footer-note svg{flex-shrink:0;margin-top:1px}.login-page-footer{align-items:center;gap:10px;font-size:12px;display:flex}.login-page-footer .login-link-btn{color:var(--muted);font-weight:500}.login-page-footer .login-link-btn:hover{color:var(--text)}.login-footer-dot{color:var(--border)}