.signin-layout{display:grid;grid-template-columns:1fr 1fr;min-height:100vh}.signin-story{background:linear-gradient(135deg,#102d40,#194b5d);color:white;padding:48px 64px;display:flex;flex-direction:column}.signin-story .brand strong{font-size:19px}.signin-intro{margin:auto 0;padding:60px 0}.signin-intro .eyebrow{color:#8fc3d5;font-size:10px}.signin-intro h1{font-size:clamp(36px,4.4vw,64px);font-weight:500;letter-spacing:-2px;line-height:1.12;margin:22px 0}.signin-intro p{font-size:15px;line-height:1.9;color:#aec8d4}.signin-benefits{margin-top:42px;display:grid;gap:20px}.signin-benefits span{font-size:11px;color:#6e9daf}.signin-benefits strong{margin-left:20px;font-size:12px;font-weight:450;color:#cce0e8}.signin-story>small{font-size:10px;color:#89aaba}.signin-panel{background:#f8fafb;display:flex;flex-direction:column;justify-content:center;padding:60px 70px;position:relative}.signin-form{max-width:390px;width:100%;margin:auto}.signin-form h2{font-size:34px;letter-spacing:-1px;font-weight:600;margin:15px 0}.signin-form>p{color:#7b8f9c;font-size:13px;line-height:1.7}.microsoft-button{width:100%;padding:16px 20px;margin-top:23px;font-size:13px;gap:13px;color:#294d60;background:white;box-shadow:0 4px 15px #153d4e08}.signin-security{font-size:10px;color:#8da0ab;text-align:center;margin-top:17px}.signin-divider{border-top:1px solid #e1e9ed;margin-top:38px}.signin-preview-copy{margin-top:26px}.signin-small{font-size:11px!important;max-width:310px}.signin-footnote{font-size:10px;color:#9cabb4;text-align:center;margin-top:60px}.signin-notice{font-size:12px;color:#426b7f;background:#e9f3f7;border:1px solid #d6e8ef;padding:14px;border-radius:8px;line-height:1.7;margin-top:20px}
@media(max-width:850px){.signin-story{padding:35px}.signin-panel{padding:40px}.signin-intro h1{font-size:40px}}
@media(max-width:600px){.signin-layout{display:block}.signin-story{padding:26px}.signin-intro{padding:25px 0 10px}.signin-intro h1{font-size:30px;letter-spacing:-1px;line-height:1.2;margin:15px 0}.signin-intro h1 br{display:none}.signin-intro p,.signin-benefits,.signin-story>small{display:none}.signin-panel{padding:35px 26px}.signin-form h2{font-size:28px}.signin-footnote{margin-top:30px}.signin-story .brand strong{font-size:16px}}
@media(min-width:561px) and (max-width:850px){.shell .sidebar{width:170px}.shell{grid-template-columns:170px 1fr}.shell .nav-label{display:inline}}