/* Sign-in only. The authenticated Cockpit keeps its existing layout. */
body:has(#application[hidden]){min-height:100svh;background:radial-gradient(ellipse at 5% 0%,#4d6d932b 0,transparent 55%),radial-gradient(ellipse at 95% 85%,#f2b22b0d 0,transparent 45%),linear-gradient(130deg,#192e4a 0%,#2d4b72 65%,#36527a 100%);color:#fff}
body:has(#application[hidden])>header{position:relative;background:transparent;border:0;box-shadow:none;max-width:1280px;margin:auto;padding:24px 40px;height:96px;min-height:96px;gap:18px}body:has(#application[hidden])>header img{width:168px;max-height:58px}body:has(#application[hidden])>header .brand{font-size:10px;letter-spacing:2.6px;color:#d8e2f0}body:has(#application[hidden])>header #language{margin-left:auto;width:72px;min-width:72px;background:#ffffff0d;border:1px solid #ffffff38;color:white;border-radius:10px;min-height:44px;font-size:13px}body:has(#application[hidden])>header #language option{color:#1d304b;background:white}
#login.loginShell{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;column-gap:76px;row-gap:32px;width:100%;max-width:1120px;min-height:calc(100svh - 96px);margin:0 auto;padding:56px 32px 24px;border:0;border-radius:0;background:none;box-shadow:none}#login .loginStory{padding:0 0 14px;min-width:0}#login .loginEyebrow{display:inline-block;font-size:11px;letter-spacing:3px;font-weight:650;color:#f2b22b;margin-bottom:20px}#login h1{font-size:clamp(38px,4.3vw,60px);font-weight:650;line-height:1.08;letter-spacing:-1.8px;margin:0 0 22px;color:#fff;text-wrap:balance}#login .loginLead{max-width:410px;font-size:18px;line-height:1.65;color:#d8e2ef;margin:0}#login .loginTopics{display:flex;gap:20px;flex-wrap:wrap;margin-top:32px;padding-top:22px;border-top:1px solid #ffffff26}#login .loginTopics>span{display:flex;align-items:center;gap:8px;color:#edf2f9;font-size:13px}#login .loginTopics svg,#login .loginTrust svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}#login .loginTopics svg{color:#e1b755}
#login .loginCard{position:relative;background:#fff;color:#1d304b;border:1px solid #fff9;border-radius:20px;padding:36px;box-shadow:0 24px 70px #0c1d3438;min-width:0;overflow:hidden}#login .loginCardAccent{height:4px;width:52px;background:#f2b22b;border-radius:5px;margin-bottom:24px}#login .loginCardEyebrow{display:block;color:#64768b;font-size:11px;font-weight:650;letter-spacing:1.3px;text-transform:uppercase;margin-bottom:10px}#login .loginCard h2{font-size:25px;line-height:1.2;letter-spacing:-.5px;margin:0 0 12px}#login .loginCardCopy{font-size:14px;line-height:1.65;color:#64768b;margin:0 0 24px}#login .microsoftLogin{display:flex;align-items:center;justify-content:flex-start;gap:12px;min-height:56px;width:100%;margin:0;background:#36527a;border:1px solid #36527a;border-radius:11px;padding:12px 14px;color:#fff;text-decoration:none;font-size:14px;font-weight:600;line-height:1.4;box-shadow:0 4px 12px #36527a18;transition:background-color .15s,box-shadow .15s}#login .microsoftLogin:hover{background:#284362;box-shadow:0 6px 16px #36527a24}#login .microsoftLogin:focus-visible{outline:3px solid #f2b22b;outline-offset:4px}#login .microsoftMark{width:30px;height:30px;display:grid;place-items:center;background:#fff;border-radius:5px;flex:none}#login .microsoftMark svg{width:18px;height:18px}#login #microsoftLoginLabel{flex:1;min-width:0}#login .loginButtonArrow{font-size:20px;line-height:1;font-weight:400;flex:none}#login .loginTrust{display:flex;align-items:flex-start;gap:9px;padding-top:20px;margin-top:24px;border-top:1px solid #e5ebf2;color:#64768b;font-size:11px;line-height:1.6}#login .loginTrust svg{width:17px;height:17px;color:#456586;margin-top:1px}#login #loginError:empty{display:none}#login #microsoftError:not([hidden]),#login #loginError:not(:empty){font-size:12px;color:#813e25;background:#fff3e8;border:1px solid #f4d6b8;border-radius:8px;padding:10px 12px;line-height:1.6;margin:16px 0 0}#login .loginFootnote{grid-column:1/-1;align-self:end;justify-self:center;font-size:11px;color:#c8d4e4;letter-spacing:.15px;margin:28px 0 0;text-align:center}#login .loginFootnote span{padding:0 6px}
@media(max-width:800px){body:has(#application[hidden])>header{height:calc(72px + env(safe-area-inset-top,0px));min-height:calc(72px + env(safe-area-inset-top,0px));padding:calc(14px + env(safe-area-inset-top,0px)) max(22px,env(safe-area-inset-right)) 14px max(22px,env(safe-area-inset-left));gap:12px}body:has(#application[hidden])>header img{width:135px;max-height:43px}body:has(#application[hidden])>header .brand{display:none}body:has(#application[hidden])>header #language{width:62px;min-width:62px;height:40px;min-height:40px;padding:6px 8px}#login.loginShell{grid-template-columns:1fr;gap:28px;min-height:calc(100svh - 72px - env(safe-area-inset-top,0px));max-width:500px;padding:32px 22px calc(18px + env(safe-area-inset-bottom,0px));align-content:center}#login .loginStory{padding:0}#login .loginEyebrow{font-size:10px;letter-spacing:2.4px;margin-bottom:12px}#login h1{font-size:36px;letter-spacing:-1px;margin-bottom:12px}#login .loginLead{font-size:15px;line-height:1.55;max-width:340px}#login .loginTopics{margin-top:19px;padding-top:16px;gap:20px}#login .loginTopics>span{font-size:12px}#login .loginTopics svg{width:17px;height:17px}#login .loginCard{padding:26px;border-radius:17px}#login .loginCardAccent{margin-bottom:18px;width:42px}#login .loginCard h2{font-size:23px}#login .loginCardEyebrow{font-size:10px;margin-bottom:8px}#login .loginCardCopy{font-size:13px;margin-bottom:20px}#login .microsoftLogin{font-size:14px;gap:10px;min-height:56px;padding:11px 12px}#login .loginTrust{margin-top:20px;padding-top:16px}#login .loginFootnote{margin:0;font-size:10px;color:#c8d4e4}}
@media(max-width:370px),(max-height:700px) and (max-width:800px){#login.loginShell{padding-top:20px;gap:20px}#login h1{font-size:31px}#login .loginLead{font-size:14px}#login .loginTopics{display:none}#login .loginCard{padding:22px}#login .loginCardAccent{margin-bottom:14px}#login .loginFootnote{font-size:9px}#login .microsoftLogin{font-size:13px}}
@media(prefers-reduced-motion:reduce){#login .microsoftLogin{transition:none}}
body:has(#application[hidden]) .shellSkip{display:none}