.login-page{background:var(--surface);grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);min-height:100vh;display:grid}.login-introduction{border-left:6px solid var(--brand-vivid);background:var(--brand);color:#fff;flex-direction:column;justify-content:space-between;min-height:100vh;padding:48px clamp(40px,7vw,104px) 44px;display:flex}.login-introduction .brand-lockup{width:min(85%,374px)}.login-introduction .brand-logo{width:374px;max-width:100%}.login-message{max-width:620px;padding:72px 0}.login-message h1{max-width:590px;font-family:var(--font-display);margin:0;font-size:52px;font-weight:700;line-height:1.08}.login-message>p:last-child{color:#dce9df;max-width:540px;margin:24px 0 0;font-size:18px;line-height:1.65}.login-principles{color:#eef5ef;border-top:1px solid #ffffff29;flex-wrap:wrap;gap:28px;padding-top:22px;font-size:13px;font-weight:500;display:flex}.login-principles div{align-items:center;gap:9px;display:flex}.login-principles svg{color:var(--sky)}.login-access{background:var(--surface);flex-direction:column;justify-content:center;min-width:0;padding:48px clamp(32px,7vw,96px) 32px;display:flex}.login-panel{width:100%;max-width:460px;margin:auto}.login-panel h2{color:var(--ink);font-family:var(--font-display);margin:0;font-size:30px;font-weight:700;line-height:1.2}.login-supporting-copy{color:var(--ink-soft);margin:12px 0 0;font-size:15px;line-height:1.6}.microsoft-button{width:100%;margin-top:34px}.login-panel form{margin:0}.login-error{border-left:3px solid var(--danger);color:var(--danger);margin:24px 0 -14px;padding:2px 0 2px 12px;font-size:13px;line-height:1.5}.button-end-icon{margin-left:auto}.login-preview-copy{color:var(--ink-faint);margin:14px 0 0;font-size:12px;line-height:1.55}.mock-login-options,.mock-user-form,.mock-user-form label{gap:12px;display:grid}.mock-user-form{border-top:1px solid var(--line);margin-top:4px;padding-top:16px}.mock-user-form label span{color:var(--ink-soft);font-size:12px;font-weight:600}.mock-user-form input{border:1px solid var(--line-strong);border-radius:4px;width:100%;min-height:44px;padding:0 12px}.mock-user-form input:focus-visible{border-color:var(--focus)}.login-admin-preview{border-top:1px solid var(--line);color:var(--ink-faint);justify-content:space-between;align-items:center;gap:16px;margin-top:34px;padding-top:20px;font-size:12px;display:flex}.login-admin-preview a{color:var(--brand);font-weight:600}.login-admin-preview a:hover{text-underline-offset:3px;text-decoration:underline}.login-footer{width:100%;max-width:460px;color:var(--ink-faint);margin:64px auto 0;font-size:12px}@media (max-width:900px){.login-page{grid-template-columns:1fr}.login-introduction{border-top:6px solid var(--brand-vivid);border-left:0;min-height:auto;padding:28px 24px 32px}.login-message{padding:64px 0 52px}.login-message h1{font-size:40px}.login-access{min-height:520px;padding:48px 24px 28px}}@media (max-width:520px){.login-introduction{min-height:390px}.login-message{padding:48px 0 40px}.login-message h1{font-size:36px}.login-message>p:last-child{font-size:16px}.login-principles{gap:16px}.login-access{min-height:454px;padding-top:40px}.login-panel h2{font-size:26px}.login-admin-preview{flex-direction:column;align-items:flex-start;gap:8px}.login-footer{margin-top:44px}}