:root{--navy:#062647;--navy2:#0b365e;--blue:#169bd5;--cyan:#58d5f5;--ink:#142b43;--muted:#60758b;--line:#dce7f1;--surface:#fff;--bg:#edf4f9;font-family:Inter,"Segoe UI",Arial,sans-serif;color:var(--ink);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(360px,46%) 1fr}.brand-panel{position:relative;overflow:hidden;padding:48px 56px;color:#fff;background:radial-gradient(circle at 82% 18%,rgba(88,213,245,.32),transparent 30%),linear-gradient(145deg,#041d36 0%,#06345c 58%,#087aa8 130%);display:flex;flex-direction:column}.brand{display:flex;align-items:center;gap:12px;width:max-content;color:#fff;text-decoration:none}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#fff;color:#07517c;font-size:20px;font-weight:900}.brand strong,.brand small{display:block}.brand strong{font-size:17px}.brand small{font-size:11px;color:#9ddcf0;letter-spacing:.12em;text-transform:uppercase}.brand-copy{margin:auto 0;max-width:560px;position:relative;z-index:2}.eyebrow{text-transform:uppercase;letter-spacing:.15em;font-size:12px;font-weight:800;margin:0 0 14px;color:#58d5f5}.brand-copy h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.055em;margin:0 0 24px}.brand-copy>p:last-child{max-width:490px;font-size:18px;line-height:1.65;color:#c7e3f1}.brand-panel footer{display:flex;justify-content:space-between;color:#a8cada;font-size:12px}.signal-grid{position:absolute;inset:auto -70px -100px auto;width:430px;height:430px;transform:rotate(18deg);opacity:.4}.signal-grid i{position:absolute;border:1px solid rgba(122,222,249,.35);border-radius:50%;inset:calc(var(--i,0)*28px)}.signal-grid i:nth-child(1){--i:0}.signal-grid i:nth-child(2){--i:1}.signal-grid i:nth-child(3){--i:2}.signal-grid i:nth-child(4){--i:3}.signal-grid i:nth-child(5){--i:4}.signal-grid i:nth-child(6){--i:5}.signin-panel{display:grid;place-items:center;padding:48px;background:linear-gradient(180deg,#f8fbfd,#edf4f9)}.signin-card{width:min(100%,470px);padding:44px;border:1px solid rgba(197,215,229,.9);border-radius:24px;background:rgba(255,255,255,.94);box-shadow:0 24px 70px rgba(20,54,83,.14)}.signin-card header{display:flex;gap:16px;align-items:center}.product-mark{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:linear-gradient(145deg,var(--navy),#0877a6);color:#fff;font-size:23px;font-weight:800;box-shadow:0 10px 25px rgba(6,38,71,.22)}h2{font-size:28px;letter-spacing:-.025em;margin:0}.signin-card .eyebrow{color:#1684b7;margin-bottom:6px}.intro{color:var(--muted);line-height:1.55;margin:24px 0}label{display:grid;gap:8px;margin:16px 0;font-size:13px;font-weight:750;color:#274762}input{width:100%;padding:14px 15px;border:1px solid #cbdbe8;border-radius:12px;background:#fbfdff;font:inherit;font-size:15px;outline:none;transition:.2s}input:focus{border-color:#159bce;box-shadow:0 0 0 4px rgba(22,155,213,.12);background:#fff}.primary,.sso-button{width:100%;border:0;border-radius:12px;padding:14px 16px;font:inherit;font-weight:800;cursor:pointer}.primary{display:flex;justify-content:space-between;color:#fff;background:linear-gradient(115deg,var(--navy),#087bab);box-shadow:0 10px 24px rgba(6,55,91,.2)}.primary:hover{transform:translateY(-1px)}.primary:disabled{opacity:.6}.divider{display:flex;align-items:center;gap:12px;margin:26px 0 16px;color:#7890a3;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.divider:before,.divider:after{content:"";height:1px;flex:1;background:var(--line)}.providers{display:grid;gap:10px}.sso-button{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#fff;color:#193a56;text-align:left}.sso-button i{width:11px;height:11px;border-radius:50%;background:var(--provider,#169bd5);box-shadow:0 0 0 4px color-mix(in srgb,var(--provider,#169bd5) 15%,transparent)}.sso-button:hover{border-color:#9bc8dc;background:#f5fbfe}.status{min-height:18px;margin:10px 0 0;font-size:13px;color:#b42318}.alert{padding:12px 14px;border-radius:10px;background:#fff1f0;color:#9b1c1c;border:1px solid #ffc9c4;font-size:13px}.support,.security-note{color:#71879a;text-align:center;font-size:12px}.support{margin:24px 0 0}.security-note{position:absolute;bottom:20px}.security-note span{color:#148ebd}@media(max-width:820px){.login-shell{grid-template-columns:1fr}.brand-panel{min-height:285px;padding:30px}.brand-copy{margin:45px 0 25px}.brand-copy h1{font-size:40px}.brand-copy>p:last-child,.brand-panel footer{display:none}.signin-panel{padding:28px 18px 70px}.signin-card{padding:30px}.security-note{bottom:12px;padding:0 20px}}
/* Keep branding legible and all sign-in content in normal document flow. */
:root{font-family:Arial,"Segoe UI",sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{min-width:280px;min-height:100svh}.login-shell{min-height:100svh;grid-template-columns:minmax(360px,46%) minmax(0,1fr)}
.brand-panel{padding:32px 48px;gap:28px}.brand{width:min(100%,340px);align-self:center;border-radius:22px;overflow:hidden;background:#fff;box-shadow:0 16px 44px #021b3140}.cloud-logo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.brand-copy{margin:auto 0;max-width:520px}.brand-copy h1{font-size:clamp(34px,3.2vw,52px);line-height:1.1;letter-spacing:-.035em}.brand-copy>p:last-child{font-size:17px;line-height:1.6}.brand-panel footer{gap:16px;flex-wrap:wrap}
.signin-panel{display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;padding:48px 32px}.signin-card{padding:36px;width:min(100%,510px)}.signin-card header{gap:18px;align-items:center}.signin-card header>div{min-width:0}.product-mark{position:relative;display:block;overflow:hidden;width:72px;height:72px;flex:0 0 72px;border-radius:18px;background:#fff;box-shadow:0 3px 14px #14365315;border:1px solid #e1ebf2}.product-mark img{position:absolute;width:152%;height:auto;max-width:none;left:-24%;top:-10%}h2{font-size:27px;line-height:1.2}.intro{margin:22px 0}
#local-form{display:grid;gap:18px}.form-field{display:grid;gap:8px;min-width:0}.form-field>label{display:block;margin:0;line-height:1.4;font-size:14px;font-weight:700}.form-field input{display:block;min-width:0;min-height:52px;font-size:16px;line-height:1.4;touch-action:manipulation}.password-control{position:relative;isolation:isolate}.password-control input{padding-right:82px}.password-toggle{position:absolute;right:5px;top:5px;bottom:5px;min-width:66px;border:0;border-radius:8px;background:#edf5fb;color:#07547b;font:inherit;font-size:13px;font-weight:700;cursor:pointer;z-index:1}.password-toggle:focus-visible,.primary:focus-visible{outline:3px solid #159bce;outline-offset:3px}.primary{min-height:52px;align-items:center;gap:16px}.primary span{line-height:1.4;text-align:left}.status{margin:0;min-height:0;line-height:1.5}.status:empty{display:none}.security-note{position:static;width:min(100%,510px);margin:0;padding:0 12px;line-height:1.6;overflow-wrap:anywhere}.support{line-height:1.6}.signin-card .eyebrow{line-height:1.4}.alert{margin:0 0 18px}
@media(max-width:1080px) and (min-width:821px){.brand-panel{padding:28px}.signin-panel{padding:32px 24px}.signin-card{padding:28px}.brand-copy h1{font-size:38px}}
@media(max-width:820px){.login-shell{grid-template-columns:minmax(0,1fr)}.brand-panel{min-height:0;padding:20px;gap:0}.brand{width:190px;border-radius:16px}.brand-copy,.brand-panel footer,.signal-grid{display:none}.signin-panel{padding:24px 18px 28px;gap:20px;justify-content:flex-start}.signin-card{padding:28px;max-width:510px}.security-note{position:static;padding:0 12px}.signin-card header{gap:14px}.product-mark{width:64px;height:64px;flex-basis:64px}h2{font-size:25px}}
@media(max-width:380px){.brand-panel{padding:16px}.brand{width:160px}.signin-panel{padding:18px 12px 24px}.signin-card{padding:22px 18px;border-radius:18px}.product-mark{width:54px;height:54px;flex-basis:54px;border-radius:14px}h2{font-size:22px}.signin-card .eyebrow{font-size:10px;letter-spacing:.12em}.intro{font-size:14px}}
@media(prefers-reduced-motion:reduce){input{transition:none}.primary:hover{transform:none}}

[hidden]{display:none!important}