.login-page{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:1.5rem;background-color:var(--surface-canvas)}.login-card{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));width:100%;max-width:880px;overflow:hidden;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background-color:var(--surface-panel);box-shadow:var(--shadow-lg)}.login-banner{display:flex;flex-direction:column;justify-content:space-between;padding:2.5rem 2rem;background:linear-gradient(145deg,var(--brand-900) 0,var(--brand-700) 50%,var(--brand-600) 100%);color:var(--surface-panel)}.login-pill{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.3rem .8rem;border-radius:var(--radius-full);background:var(--white-alpha-15);font-size:.75rem;font-weight:600;letter-spacing:.06em}.login-banner-title{margin-bottom:1rem;color:var(--surface-panel);font-size:1.75rem;font-weight:700;line-height:1.25}.login-banner-text{color:var(--brand-100);font-size:.875rem;line-height:1.6}.login-banner-foot{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--white-alpha-20)}.login-banner-unit{color:var(--brand-200);font-size:.8125rem;font-weight:500}.login-banner-company{color:var(--white-alpha-60);font-size:.75rem}.login-main{display:flex;flex-direction:column;justify-content:center;padding:2.5rem 2rem}.login-heading{margin-bottom:1.5rem}.login-heading h1{margin-bottom:.25rem;color:var(--text-primary);font-size:1.5rem;font-weight:700}.login-heading p{margin:0;color:var(--text-secondary);font-size:.875rem}.login-alert{margin-bottom:1.25rem;padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius-sm);font-size:.8125rem;line-height:1.5}.login-alert-warning{border-color:var(--status-warning-border);background-color:var(--status-warning-bg);color:var(--status-warning-text)}.login-alert-danger{border-color:var(--status-danger-border);background-color:var(--status-danger-bg);color:var(--status-danger-text)}.login-alert-success{border-color:var(--status-success-border);background-color:var(--status-success-bg);color:var(--status-success-text)}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .form-group{margin:0}.login-password{position:relative}.login-password .form-input{padding-right:5rem}.login-password-toggle{position:absolute;top:50%;right:.25rem;min-width:44px;min-height:44px;padding:0 .625rem;border:none;border-radius:var(--radius-sm);background:none;color:var(--text-muted);font-family:inherit;font-size:.8125rem;font-weight:600;cursor:pointer;transform:translateY(-50%);-webkit-tap-highlight-color:transparent}.login-password-toggle:hover{color:var(--text-primary)}.login-password-toggle:focus-visible{outline:2px solid var(--brand-500);outline-offset:-2px}.login-submit{width:100%;min-height:48px;margin-top:.5rem;padding:.75rem;font-weight:600}.login-help{margin-top:1.5rem;padding-top:.75rem;border-top:1px solid var(--border-subtle);text-align:center}.login-help-button{min-height:44px;padding:0 .5rem;border:none;background:none;color:var(--text-muted);font-family:inherit;font-size:.8125rem;text-decoration:underline;cursor:pointer}.login-foot{margin-top:.75rem;color:var(--text-muted);font-size:.75rem;text-align:center}@media (pointer:coarse){.login-form .form-input{min-height:48px;font-size:16px}}@media (max-width:639.98px){.login-page{align-items:flex-start;padding:1rem}.login-banner{padding:1.25rem 1.25rem 1.375rem}.login-pill{margin-bottom:.75rem}.login-banner-title{margin-bottom:0;font-size:1.3125rem}.login-banner-foot,.login-banner-text{display:none}.login-main{padding:1.5rem 1.25rem 1.25rem}.login-heading{margin-bottom:1.25rem}}