.lpd-system.login-page{background:var(--ds-background);min-height:100svh;color:var(--ds-text);grid-template-columns:minmax(280px,42%) 1fr;display:grid}.lpd-system .login-brand{background:var(--ds-navigation);min-height:100svh;position:relative;overflow:hidden}.lpd-system .login-photo{object-fit:cover;object-position:52% center;opacity:.4;filter:saturate(.6)}.lpd-system .login-logo{z-index:1;font-size:32px;position:absolute;top:48px;left:48px}.lpd-system .login-body{flex-direction:column;min-width:0;min-height:100svh;padding:48px clamp(24px,6vw,104px) 32px;display:flex}.lpd-system .login-mobile-logo{font-size:28px;display:none}.lpd-system .login-form-area{width:100%;max-width:400px;margin:auto;padding:64px 0}.lpd-system .login-title{letter-spacing:-.035em;overflow-wrap:anywhere;margin:0 0 16px;font-size:40px;font-weight:400;line-height:1.15}.lpd-system .login-subtitle{color:var(--ds-text-secondary);margin:0 0 32px;font-size:16px;line-height:1.5}.lpd-system .login-microsoft{color:#5e5e5e;background:#fff;border:1px solid #8c8c8c;justify-content:center;align-items:center;gap:12px;width:100%;min-height:48px;padding:12px 20px;font:600 15px/20px Segoe UI,sans-serif;text-decoration:none;transition:background-color .15s;display:flex}.lpd-system .login-microsoft:hover{background:var(--ds-layer)}.lpd-system .login-microsoft svg{flex:0 0 21px}.lpd-system .login-error{border-left:3px solid var(--ds-danger);background:var(--signal-wash);color:var(--ds-text);margin:0 0 24px;padding:16px;font-size:14px;line-height:1.5}.lpd-system .login-route-form{gap:16px;display:grid}.lpd-system .login-email{border:1px solid var(--ds-border-strong);background:var(--ds-background);width:100%;min-height:48px;padding:12px}.lpd-system .login-demo{margin-top:32px}.lpd-system .login-demo summary{cursor:pointer;margin-bottom:16px}.lpd-system .login-footer{width:100%;max-width:400px;color:var(--ds-text-secondary);margin:0 auto;font-size:13px}.lpd-system .login-footer a{text-underline-offset:4px}.lpd-system.login-page a:focus-visible,.lpd-system.login-page input:focus-visible,.lpd-system.login-page summary:focus-visible{outline:2px solid var(--ds-action);outline-offset:4px}@media (max-width:767px){.lpd-system.login-page{grid-template-columns:1fr}.lpd-system .login-brand{display:none}.lpd-system .login-body{padding:32px 24px 24px}.lpd-system .login-mobile-logo{align-self:flex-start;display:inline-block}.lpd-system .login-title{font-size:34px}}@media (prefers-reduced-motion:reduce){.lpd-system .login-microsoft{transition:none}}