:root{color-scheme:light;font-family:Segoe UI,Arial,sans-serif;color:#152c47;background:#edf3f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 10% 15%,#dbeafc 0,transparent 50%),radial-gradient(ellipse at 90% 80%,#d9eee9 0,transparent 40%),#eef3f8}button,input{font:inherit}a{color:#145b98}button,a,input{ -webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #1679bb;outline-offset:5px}.signin-shell{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(440px,1fr);max-width:1760px;margin:auto}.signin-story{position:relative;padding:46px clamp(32px,5vw,90px) 25px;overflow:hidden;display:flex;flex-direction:column}.signin-brand{display:block;width:235px;max-width:70%;background:white;padding:10px 13px;border:1px solid #dce6ef;border-radius:12px;box-shadow:0 6px 22px #24598708}.signin-brand img{width:100%;height:auto;display:block}.story-content{margin:auto 0;position:relative;padding:60px 0 10px}.signin-eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#54748e;display:flex;align-items:center;gap:9px}.signin-eyebrow>span,.status-dot{display:inline-block;width:6px;height:6px;background:#079f87;border-radius:50%;box-shadow:0 0 0 4px #0aab8210}.story-content h1{font-size:clamp(50px,5.1vw,88px);font-weight:650;letter-spacing:-4px;line-height:1.04;margin:26px 0;color:#123657}.story-content h1>span{color:#167daa}.story-content>p{font-size:17px;line-height:1.7;color:#5b748c;margin:24px 0}.workspace-orbit{position:relative;height:190px;max-width:470px;margin:16px 0 5px;isolation:isolate}.orbit-ring{position:absolute;inset:10px 45px 10px 60px;border:1px solid #9bbcd357;border-radius:50%;transform:rotate(-14deg)}.orbit-ring:before{content:'';position:absolute;inset:20px -22px;border:1px solid #9bbcd33d;border-radius:50%;transform:rotate(28deg)}.orbit-core{position:absolute;left:42%;top:38px;width:105px;height:105px;border-radius:30px;background:linear-gradient(145deg,#ffffffc9,#e0effbad);box-shadow:0 15px 35px #43768b18,inset 0 0 0 1px white;display:flex;align-items:center;justify-content:center;font-size:46px;font-weight:650;color:#136e96;flex-direction:column;transform:rotate(-6deg)}.orbit-core span{font-size:7px;letter-spacing:2px;color:#6690a6}.orbit-chip{position:absolute;display:flex;align-items:center;gap:12px;background:#ffffffde;border:1px solid #fff;border-radius:12px;padding:13px 18px;font-size:12px;box-shadow:0 10px 24px #2d587d0b}.orbit-chip span{font-weight:700;font-size:10px;color:#2b82b0}.chip-one{left:3%;top:18px}.chip-two{right:0;top:90px}.chip-three{left:8%;bottom:8px}.story-footer{font-size:11px;font-weight:700;color:#6d859c;display:flex;gap:18px;align-items:center;margin-top:38px}.story-footer span{font-weight:400}.signin-panel{display:flex;align-items:center;justify-content:center;margin:25px 25px 25px 0;background:#ffffffdf;border:1px solid white;border-radius:26px;box-shadow:0 20px 70px #24517b09;padding:44px}.signin-form-wrap{width:100%;max-width:400px}.form-symbol{width:47px;height:47px;border-radius:15px;background:#edf5fc;color:#1f72ab;display:grid;place-items:center;margin-bottom:34px}.form-symbol svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.signin-form-wrap h2{font-size:34px;letter-spacing:-1px;margin:12px 0}.signin-subtitle{color:#698097;font-size:14px;margin:0 0 32px}.signin-form-wrap label{display:block;font-size:12px;font-weight:600;color:#294764;margin:20px 0 9px}.signin-form-wrap input:not([type=hidden]){width:100%;min-height:48px;border:1px solid #d9e4ee;border-radius:9px;background:#f8fafde3;padding:12px 14px;color:#143857;outline:none;font-size:14px}.signin-form-wrap input:focus{border-color:#498ebd;box-shadow:0 0 0 3px #3c88ba13}.signin-form-wrap input::placeholder{color:#91a2b3}.password-field{position:relative}.password-field input{padding-right:50px!important}.password-field button{position:absolute;right:5px;top:5px;background:transparent;border:0;border-radius:6px;padding:10px;color:#7189a0;cursor:pointer}.password-field svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6}.signin-note{font-size:11px;line-height:1.7;color:#718499;margin:19px 0 8px}.signin-submit{width:100%;margin:15px 0 0;border:0;border-radius:10px;padding:15px 20px;display:flex;align-items:center;justify-content:space-between;color:white;background:linear-gradient(100deg,#185b96,#147da4);box-shadow:0 8px 18px #2375a126;cursor:pointer;font-size:13px;font-weight:600;transition:filter .2s,transform .2s}.signin-submit:hover{filter:brightness(1.1);transform:translateY(-1px)}.signin-submit:disabled{opacity:.65;cursor:wait;transform:none}.signin-submit svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7}.signin-help{margin:26px 0;font-size:11px;line-height:1.8;color:#7a8da0;text-align:center}.signin-bottom{display:flex;justify-content:center;gap:10px;align-items:center;border-top:1px solid #edf1f5;padding-top:25px;font-size:10px;color:#8496a7;letter-spacing:.3px;margin-top:45px}.signin-alert{padding:12px;border:1px solid #c3e4d8;border-radius:8px;background:#edf9f3;color:#276b51;font-size:13px;line-height:1.5;margin-bottom:16px}.signin-alert.error{background:#fff2ef;border-color:#f0c3bb;color:#923c27}.signin-status{font-size:11px;line-height:1.6;color:#3f6b8a;min-height:0;margin:4px 0}.signin-status:empty{display:none}
@media(min-width:1800px){.signin-shell{min-height:900px;align-self:center}.signin-page{display:grid;align-items:center;min-height:100vh}.signin-panel{min-width:690px}.signin-story{min-width:720px}}@media(max-width:1000px){.signin-shell{grid-template-columns:minmax(0,1fr) minmax(380px,1fr)}.signin-story{padding:35px 30px 20px}.story-content h1{font-size:55px;letter-spacing:-2px}.signin-panel{padding:35px 28px}.workspace-orbit{height:175px}.orbit-chip{padding:10px 12px}.chip-two{right:-15px}.signin-brand{width:200px}}@media(max-width:760px){.signin-shell{display:block;min-height:100vh;max-width:520px;padding:26px 18px}.signin-story{padding:0 12px 24px;overflow:visible;align-items:center}.signin-brand{max-width:100%;width:200px}.story-content,.story-footer{display:none}.signin-panel{margin:0;padding:32px 25px;border-radius:20px}.form-symbol{margin-bottom:24px}.signin-form-wrap h2{font-size:30px}.signin-bottom{margin-top:30px}.signin-form-wrap input:not([type=hidden]){font-size:16px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}

.signin-brand{width:clamp(300px,33vw,560px);max-width:100%;padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;animation:brand-arrive 1s ease-out both,brand-float 7s 1s ease-in-out infinite}.signin-brand img{filter:drop-shadow(0 8px 9px #17466718)}@keyframes brand-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes brand-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@media(max-width:760px){.signin-brand{width:360px;max-width:100%}}@media(prefers-reduced-motion:reduce){.signin-brand{animation:none}}

/* Fit the viewport at ordinary zoom; keep content reachable with large text or a keyboard. */
.signin-page{min-height:100svh}.signin-shell{width:100%;min-height:100svh}.signin-story{padding-top:clamp(20px,4vh,46px)}.signin-panel{margin:clamp(12px,3vh,25px) clamp(12px,2vw,25px) clamp(12px,3vh,25px) 0;padding:clamp(22px,4vh,44px)}.story-content{padding-top:clamp(15px,4vh,60px)}.story-footer{margin-top:15px}.signin-brand{animation:brand-float 5s ease-in-out infinite}.signin-brand img{animation:brand-glow 5s ease-in-out infinite}@keyframes brand-glow{0%,100%{filter:drop-shadow(0 5px 7px #17466718)}50%{filter:drop-shadow(0 13px 16px #097cba40)}}
@media(min-width:1800px){.signin-shell{min-height:min(900px,100svh)}.signin-story,.signin-panel{min-width:0}}
@media(min-width:761px) and (max-height:850px){.signin-story{padding-bottom:20px}.story-content h1{font-size:clamp(44px,7.8vh,67px);margin:18px 0}.story-content>p{font-size:15px;margin:16px 0}.workspace-orbit{height:145px;margin:8px 0}.orbit-core{width:85px;height:85px;top:26px}.orbit-chip{padding:10px 12px}.chip-two{top:75px}.form-symbol{margin-bottom:18px}.signin-subtitle{margin-bottom:20px}.signin-form-wrap label{margin-top:15px}.signin-bottom{margin-top:20px;padding-top:18px}.signin-help{margin:18px 0}.signin-note{margin-top:14px}}
@media(min-width:761px) and (max-height:650px){.workspace-orbit,.story-footer{display:none}.signin-brand{width:clamp(260px,33vw,470px)}.signin-form-wrap h2{font-size:28px;margin:8px 0}.signin-form-wrap label{margin:9px 0 6px}.form-symbol{display:none}.signin-subtitle{margin-bottom:12px}.signin-form-wrap input:not([type=hidden]){min-height:43px;padding:10px 12px}.signin-bottom{margin-top:14px;padding-top:12px}.signin-help{margin:10px 0}.signin-panel{padding:20px 26px}.signin-note{margin:10px 0 5px}.signin-submit{margin-top:8px;padding:12px 18px}}
@media(max-width:760px){.signin-shell{padding:clamp(12px,2.2svh,22px) 18px;display:flex;flex-direction:column;justify-content:center;min-height:100svh}.signin-story{padding:0 8px 14px;flex-shrink:0}.signin-brand{width:min(360px,75vw)}.signin-panel{margin:0;padding:clamp(18px,3svh,30px) 24px}.form-symbol{width:38px;height:38px;margin-bottom:14px}.signin-form-wrap h2{font-size:28px;margin:9px 0}.signin-subtitle{margin-bottom:18px}.signin-form-wrap label{margin:14px 0 7px}.signin-note{margin:13px 0 5px}.signin-submit{margin-top:9px;padding:13px 17px}.signin-help{margin:15px 0}.signin-bottom{margin-top:17px;padding-top:14px}}
@media(max-width:760px) and (max-height:720px){.signin-shell{padding:12px 16px}.signin-brand{width:min(270px,68vw)}.signin-story{padding-bottom:9px}.signin-panel{padding:19px 22px}.form-symbol,.signin-bottom{display:none}.signin-form-wrap h2{font-size:25px}.signin-subtitle{margin-bottom:10px}.signin-form-wrap label{margin:10px 0 6px}.signin-form-wrap input:not([type=hidden]){min-height:44px;padding:10px 12px}.signin-help{margin:10px 0 0}.signin-note{line-height:1.5;margin:11px 0 5px}}
@media(max-height:480px) and (min-width:600px){.signin-shell{display:grid;grid-template-columns:minmax(180px,.8fr) minmax(350px,1fr);max-width:100%;padding:10px 16px;min-height:100svh;align-items:center;gap:20px}.signin-story{padding:0;align-items:center}.signin-brand{width:100%;max-width:360px}.story-content,.story-footer,.form-symbol,.signin-bottom,.signin-help,.signin-form-wrap>.signin-eyebrow{display:none}.signin-panel{padding:14px 22px;margin:0}.signin-form-wrap h2{font-size:24px;margin:0 0 6px}.signin-subtitle{font-size:12px;margin-bottom:8px}.signin-form-wrap label{margin:8px 0 5px}.signin-form-wrap input:not([type=hidden]){min-height:39px;padding:8px 12px}.signin-note{margin:9px 0 4px;font-size:10px}.signin-submit{padding:10px 16px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){.signin-brand,.signin-brand img{animation:none}}
@media(max-width:599px) and (max-height:620px){.signin-shell{padding:10px 12px}.signin-panel{padding:15px 16px}.signin-brand{width:min(220px,64vw)}.signin-form-wrap h2{font-size:23px;margin:6px 0}.signin-subtitle{font-size:12px;margin-bottom:8px}.signin-form-wrap input:not([type=hidden]){min-height:40px;padding:8px 11px}.signin-form-wrap label{font-size:11px;margin:9px 0 5px}.signin-note{font-size:10px;line-height:1.45;margin-top:10px}.signin-help{font-size:10px;line-height:1.4;margin-top:10px}.signin-submit{padding:11px 14px}.signin-status{font-size:10px;line-height:1.3}}

/* Fixed page canvas: exceptional long messages/large text remain reachable inside the form. */
html:has(.signin-page){height:100%;overflow:hidden}.signin-page{height:100dvh;min-height:0;overflow:hidden;background:linear-gradient(110deg,#e6f4ff70,#edf9ff18 55%,#eaf6ff70),url('login-technology.png') center/cover no-repeat}.signin-shell{height:100dvh;min-height:0;max-height:100dvh;overflow:hidden;grid-template-rows:minmax(0,1fr)}.signin-story{min-height:0}.signin-panel{min-height:0;overflow:auto;overscroll-behavior:contain;flex-direction:column;justify-content:safe center;align-items:center;background:#fffffff0;border-color:#fff;box-shadow:0 18px 80px #0576a51b;backdrop-filter:blur(16px)}.signin-form-wrap{flex:0 0 auto;max-width:400px}.story-content{border:1px solid #ffffffbf;background:linear-gradient(115deg,#ffffffda,#eefaff7a);border-radius:26px;padding:22px 25px;margin-top:auto;margin-bottom:auto;backdrop-filter:blur(7px)}.story-content h1{margin-top:13px}.story-content>p{color:#294e69}.workspace-orbit{display:none}.story-footer{color:#113e5b;background:#ffffffbf;border-radius:12px;padding:12px 16px;align-self:flex-start}.signin-submit{background:linear-gradient(110deg,#0866b4,#008ba4 70%,#079e83);box-shadow:0 7px 22px #087fb633}.signin-eyebrow{color:#286b89}.form-symbol{background:linear-gradient(135deg,#d7eaff,#cdf9e8);color:#0767aa}.signin-panel input:focus{box-shadow:0 0 0 3px #09a66722;border-color:#079c98}
@media(max-width:760px){.signin-page{background-position:28% center}.signin-shell{gap:0}.signin-story{flex:0 0 auto}.signin-panel{flex:0 1 auto;width:100%;box-sizing:border-box}.signin-brand{max-width:100%}.signin-help{color:#546f85}}
@media(max-height:480px) and (min-width:600px){.signin-story{width:100%}.signin-panel{max-height:100%;width:100%}}
/* Fit the entire form, including status messages, inside the visible canvas. */
html.signin-root{height:100%;overflow:hidden;overscroll-behavior:none}
.signin-page{position:fixed;inset:0;width:100%;height:100dvh;max-height:100dvh;overscroll-behavior:none}
.signin-panel{position:relative;overflow:hidden;flex:1 1 auto}
.signin-form-wrap{position:absolute;top:50%;left:50%;width:calc(100% - 40px);max-width:400px;transform:translate(-50%,-50%) scale(var(--signin-fit,1));transform-origin:center}
@media(max-height:480px) and (min-width:600px){.signin-panel{height:100%}}
/* Both boxes share the People / Time / Possibilities glass background. */
.signin-panel{box-shadow:0 22px 80px #073e652b,inset 0 1px 0 #ffffffd9}
.story-content,.signin-panel{background:#f7fbfff2;border-color:#ffffffbf}
.signin-panel{background:#f7fbff55}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .story-content,.signin-panel{background:linear-gradient(115deg,#ffffffda,#eefaff7a);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}
  /* Reduce the previous glass background alpha by 30%; form content stays fully opaque. */
  .signin-panel{background:linear-gradient(115deg,#ffffff4c,#eefaff2b)}
}
.signin-panel .signin-subtitle,.signin-panel .signin-note,.signin-panel .signin-help{color:#365571}
.signin-panel .signin-bottom{color:#45627a;border-top-color:#ffffff9e}

/* Keep the sign-in lock icon free of a background box. */
.form-symbol{background:transparent!important;border:0!important;box-shadow:none!important}

.form-symbol svg{width:18px;height:18px}.password-field svg,.signin-submit svg{width:14px;height:14px}
/* Recovery stays readable within small viewports and scrolls inside its dialog. */
#forgot-password-modal{border:1px solid #c0d4e2;border-radius:20px;padding:0;width:min(92vw,470px);max-height:90dvh;background:#f4f9ff;color:#173547;box-shadow:0 24px 100px #082a6160}
#forgot-password-modal::backdrop{background:#082b4677;backdrop-filter:blur(7px)}.recovery-dialog-content{padding:30px;position:relative}.recovery-dialog-content h2{font-size:26px;margin:0 30px 12px 0}.recovery-dialog-content p{line-height:1.5}.recovery-dialog-content label{display:block;font-weight:600}.recovery-dialog-content input{display:block;width:100%;box-sizing:border-box;padding:12px;border:1px solid #9cb6c9;border-radius:8px;background:#fff;color:#153449;margin:9px 0 18px}.recovery-close{position:absolute;right:12px;top:8px;border:0;background:transparent;color:#153449;font-size:30px;cursor:pointer}.recovery-page{display:grid!important;place-items:center!important;padding:16px!important;overflow:auto!important;box-sizing:border-box;min-height:100dvh}.recovery-page>.signin-panel{height:auto!important;min-height:0!important;overflow:auto!important;max-height:calc(100dvh - 32px);padding:25px!important}.recovery-page .signin-form-wrap{width:100%;max-height:none!important;overflow:visible!important}.recovery-page img{max-height:100px;object-fit:contain}.recovery-page button{margin-top:15px}

/* Translucent yellow-to-green glass. */
.signin-panel{background:linear-gradient(180deg,rgba(231,250,5,.45),rgba(51,172,21,.45))!important;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);color:#173115}.signin-form-wrap .signin-eyebrow,.signin-form-wrap .signin-subtitle,.signin-form-wrap .signin-note,.signin-form-wrap .signin-help,.signin-form-wrap .signin-bottom,.signin-form-wrap label{color:#24431e}.signin-form-wrap a{color:#063d68}

.signin-panel .signin-form-wrap{background:transparent!important;backdrop-filter:none;-webkit-backdrop-filter:none}

.signin-panel{backdrop-filter:blur(32px) saturate(145%)!important;-webkit-backdrop-filter:blur(32px) saturate(145%)!important;border:1px solid #ffffffa8;box-shadow:inset 0 1px 0 #ffffffb0,0 22px 60px #12432624}