.login-page{max-width:none;min-height:100vh;min-height:100svh;padding:48px 24px;background:#f6f7f5;position:relative;isolation:isolate;overflow:hidden}
.login-page:before,.login-page:after{content:none}
.login-page:before{right:65%;top:20%}.login-page:after{left:72%;bottom:10%}
.login-card{display:grid;grid-template-columns:.9fr 1.1fr;width:100%;max-width:840px;padding:0;overflow:hidden;background:#fff;border:1px solid #e7e9e4;border-radius:12px;box-shadow:0 16px 48px #233a300a,0 2px 8px #233a3004;text-align:left}
.login-brand-panel{background:#fafaf7;display:flex;flex-direction:column;justify-content:center;align-items:center;min-height:410px;padding:48px 32px;border-right:1px solid #e7e7df}
.login-logo{display:block;width:220px;max-width:100%;height:auto;object-fit:contain;margin:0}
.login-brand-line{width:32px;height:1px;background:#a07a59;margin:30px 0 19px}
.login-brand-caption{font-size:9px;letter-spacing:3px;color:#6d7469;font-weight:600}
.login-access-panel{padding:64px 46px 30px;display:flex;flex-direction:column;justify-content:center}
.login-heading{margin-bottom:30px}
.login-card .eyebrow{font:600 10px/1.5 'Segoe UI',Arial,sans-serif;letter-spacing:1.6px;color:#876548;margin:0 0 18px}
.login-card h1{font-family:Georgia,'Times New Roman',serif;font-size:38px;font-weight:400;line-height:1.15;letter-spacing:-1px;color:#193f39;margin:0 0 12px}
.login-card .login-heading p{font-size:13px;line-height:1.6;color:#707873;margin:0}
.microsoft-signin{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:48px;padding:12px;border:1px solid #8c8c8c;border-radius:2px;background:#fff;color:#5e5e5e;font-family:'Segoe UI',Arial,sans-serif;font-size:15px;font-weight:600;line-height:22px;transition:background .15s,border-color .15s}
.microsoft-signin img{width:21px;height:21px;flex:none}
.microsoft-signin:hover{background:#f6f6f6;border-color:#525252;text-decoration:none}
.microsoft-signin:focus-visible{outline:3px solid #17665f;outline-offset:4px}
.login-card .login-foot{margin-top:44px;padding-top:20px;border-top:1px solid #eceee9;font-size:10px;letter-spacing:.1px;color:#777e77}
.login-page>.notice{width:100%;max-width:840px}
.login-card .demo-note,.login-card .demo-roles,.login-card .notice{text-align:left}
@media(max-width:680px){.login-page{padding:28px 20px}.login-card{max-width:420px;grid-template-columns:1fr}.login-brand-panel{min-height:0;padding:30px;border-right:0;border-bottom:1px solid #e7e7df}.login-logo{width:162px}.login-brand-line,.login-brand-caption{display:none}.login-access-panel{padding:32px 30px 24px}.login-card h1{font-size:33px}.login-card .eyebrow{font-size:9px;margin-bottom:12px}.login-heading{margin-bottom:24px}.login-card .login-foot{margin-top:30px}.microsoft-signin{font-size:14px}}
@media(prefers-reduced-motion:reduce){.microsoft-signin{transition:none}}