[hidden]{display:none!important}.auth-pending #workspaceView{display:none}
.login-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background:#fff}
.login-story{background:linear-gradient(145deg,#f8fbff 0%,#e4f3ff 100%);color:var(--latop-blue);display:flex;flex-direction:column;justify-content:space-between;padding:52px 60px;position:relative;overflow:hidden;border-right:1px solid #dce9f7}
.login-story .brand{padding:0;position:relative;z-index:1;max-width:450px}
.login-story .latop-logo-horizontal{display:block;width:450px;max-width:100%;height:auto}
.login-story .latop-logo-symbol{display:none}
.login-copy{position:relative;z-index:1;max-width:470px}
.login-copy .eyebrow{color:#2e71aa;font-size:10px}
.login-copy h1{font-size:44px;line-height:1.2;margin:20px 0 24px;letter-spacing:-2px;color:var(--latop-blue)}
.login-copy p{font-size:14px;color:#526981;max-width:360px;line-height:1.9}
.login-decor{position:absolute;right:-175px;bottom:75px;width:440px;height:340px;border:58px solid var(--latop-cyan);border-left-color:#10357e;border-bottom-color:#075ca5;border-radius:50%;opacity:.12;transform:rotate(-30deg);pointer-events:none}
.login-story-foot{font-size:10px;color:#5b7997;z-index:1}
.login-content{display:flex;align-items:center;justify-content:center;padding:50px 35px}
.login-box{width:100%;max-width:355px}
.login-lock{background:#eaf3fe;color:var(--latop-blue);width:42px;height:42px;display:grid;place-items:center;border-radius:12px;font-size:20px;margin-bottom:30px}
.login-box .eyebrow{font-size:9px;color:#47739d}
.login-box h2{font-size:29px;margin:12px 0;letter-spacing:-1px;line-height:1.3;color:var(--latop-blue)}
.login-box>p{font-size:12px;line-height:1.9;color:var(--latop-gray)}
.microsoft-login{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0 15px;padding:14px 20px;color:#fff;background:var(--latop-blue);border-radius:6px;font-size:12px;font-weight:600;transition:background .2s,box-shadow .2s;box-shadow:0 5px 15px #10357e18}
.microsoft-login:hover{background:#0b285f;box-shadow:0 6px 18px #10357e28}
.microsoft-login:focus-visible{outline:3px solid var(--latop-cyan);outline-offset:4px}
.ms-grid{display:grid;grid-template-columns:repeat(2,7px);gap:2px}.ms-grid i{display:block;width:7px;height:7px;background:#fff}.ms-grid i:nth-child(2){opacity:.8}.ms-grid i:nth-child(3){opacity:.6}.ms-grid i:nth-child(4){opacity:.9}
.login-domain{font-size:10px;color:#607a96;text-align:center}
.login-divider{height:1px;background:#dfe7f2;margin:32px 0 20px}
.login-note{font-size:10px!important;color:#6d7c90!important}
#loginMessage{font-size:11px;color:#986132;line-height:1.8;margin:20px 0 0}
.signed-in{display:flex;align-items:center;gap:12px}#signedInEmail{font-size:10px;color:#617792;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
#logoutButton{border:1px solid #dde5f0;border-radius:5px;padding:6px 10px;font-size:10px;color:#526b8c}
.auth-pending .login-box{opacity:.6}.login-content .loading-note{font-size:10px;color:#6d86a2;text-align:center;margin-top:20px}.auth-pending #microsoftLogin{pointer-events:none}.auth-pending .loading-note{display:block}.loading-note{display:none}
@media(max-width:1000px){.login-story{padding:40px 32px}.login-copy h1{font-size:36px}.signed-in{gap:7px}#signedInEmail{max-width:155px}}
@media(max-width:700px){.login-page{grid-template-columns:1fr}.login-story{padding:24px 30px;min-height:305px;gap:28px;border-right:0;border-bottom:1px solid #dce9f7}.login-story .brand{max-width:315px}.login-story .latop-logo-horizontal{display:block;width:315px}.login-copy h1{font-size:27px;margin:12px 0;letter-spacing:-1px;max-width:300px}.login-copy p{display:none}.login-copy .eyebrow,.login-story-foot{font-size:8px}.login-decor{width:300px;height:230px;border-width:40px;bottom:-70px;right:-80px}.login-content{padding:36px 30px}.login-lock{margin-bottom:20px}.login-box h2{font-size:25px}.signed-in #signedInEmail{max-width:115px;font-size:8px}}