/* Login artwork and motion are isolated from application and legacy login styles. */
.cosmos-space-panel {
  position:relative; isolation:isolate; overflow:hidden; min-width:0;
  min-height:max(720px,100vh); background:#020305; color:#f3f5f8;
  container-type:size;
}
.cosmos-space-art {
  position:absolute; z-index:-3; left:50%; top:50%;
  width:max(100cqw,100cqh); aspect-ratio:1;
  transform:translate(-50%,-47.7%);
  background:url('/public/cosmos-login-universe.webp') center / 100% 100% no-repeat;
  pointer-events:none;
}
.cosmos-space-shade {
  position:absolute; z-index:-2; inset:0; pointer-events:none;
  background:linear-gradient(180deg,rgba(2,3,5,.86),transparent 30%,transparent 73%,rgba(2,3,5,.82)),linear-gradient(90deg,rgba(2,3,5,.2),transparent 35%,transparent 65%,rgba(2,3,5,.23));
}
.cosmos-space-symbol {position:absolute;z-index:3;right:26px;top:20px;width:100px;height:80px;object-fit:contain}
.cosmos-space-heading {position:absolute;z-index:3;left:4%;right:4%;top:30px;text-align:left}
.cosmos-space-kicker {position:relative;display:flex;align-items:center;gap:9px;margin-right:110px;color:#9aa6b7;font-size:10px;font-weight:650;letter-spacing:.18em;line-height:1.5}
.cosmos-space-kicker i {position:absolute;left:-13px;width:5px;height:5px;flex:none;border-radius:50%;background:#ff9a50;box-shadow:0 0 11px #ff914b70}
.cosmos-space-heading h1 {margin:18px 0 0;font-size:clamp(17px,3.05cqw,42px);line-height:1.25;font-weight:550;letter-spacing:-.035em;white-space:nowrap;color:#f3f5f8;text-shadow:0 2px 16px #000}
.cosmos-space-heading p {margin:11px 0 0;color:#a3a8b2;font-size:clamp(11px,1.3cqw,15px);letter-spacing:.02em;line-height:1.5}
.cosmos-space-core {position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;width:32%;text-align:center;pointer-events:none}
.cosmos-space-core span {color:#fff3e6;font-size:clamp(28px,4.4cqw,66px);font-weight:450;letter-spacing:.17em;padding-left:.17em;line-height:1.15;text-shadow:0 0 26px #ffd0a12a}
.cosmos-space-core strong {margin-top:14px;white-space:nowrap;color:#c3b6a7;font-size:clamp(7px,.94cqw,13px);font-weight:500;letter-spacing:.17em;line-height:1.5}
.cosmos-space-domains {position:absolute;inset:0;z-index:2;pointer-events:none}
.cosmos-space-domain {position:absolute;display:flex;align-items:center;justify-content:center;gap:8px;max-width:29%;padding:11px 14px;border:1px solid #b8cce025;border-radius:30px;background:linear-gradient(145deg,#09111ccb,#05070bad);box-shadow:0 7px 24px #0003;white-space:nowrap;font-size:clamp(10px,1.17cqw,15px);font-weight:550;color:#cdd5e1;will-change:transform}
.cosmos-space-domain i {width:5px;height:5px;border-radius:50%;flex:none;background:#76b5dc;box-shadow:0 0 9px #72baf96b}
.cosmos-space-domain:nth-child(3n+1) {border-color:#d7a07130;color:#edd6c2}
.cosmos-space-domain:nth-child(3n+1) i {background:#eda76d;box-shadow:0 0 9px #f59b5366}
.cosmos-space-domain:nth-child(3n+2) i {background:#af9ac8;box-shadow:0 0 8px #b59bdd50}
.cosmos-space-domain.domain-0 {left:6%;top:29%}
.cosmos-space-domain.domain-1 {left:40%;top:28%}
.cosmos-space-domain.domain-2 {right:4%;top:32%}
.cosmos-space-domain.domain-3 {left:4%;top:43%}
.cosmos-space-domain.domain-4 {left:5%;top:53%}
.cosmos-space-domain.domain-5 {left:4%;top:63%}
.cosmos-space-domain.domain-6 {left:12%;top:74%}
.cosmos-space-domain.domain-7 {right:5%;top:43%}
.cosmos-space-domain.domain-8 {right:4%;top:53%}
.cosmos-space-domain.domain-9 {right:5%;top:63%}
.cosmos-space-domain.domain-10 {left:42%;top:77%}
.cosmos-space-domain.domain-11 {left:21%;top:85%}
.cosmos-space-domain.domain-12 {right:15%;top:85%}
/* One connected sequence beneath the heading; the lower star field stays open. */
.cosmos-space-workflow {position:relative;display:flex;align-items:center;width:min(100%,550px);margin:22px auto 0;gap:0}
.cosmos-space-workflow>div {display:flex;align-items:center;gap:9px;flex:1;min-width:0}
.cosmos-space-workflow>div:last-child {flex:0 0 auto}
.cosmos-space-workflow>div:not(:last-child)::after {content:"";height:1px;flex:1;min-width:12px;margin:0 14px 0 5px;background:linear-gradient(90deg,#d99b665e,#93b9d93b)}
.cosmos-space-workflow i {width:5px;height:5px;flex:none;background:#da9b6b;border-radius:50%;box-shadow:0 0 8px #eaa26450;animation:cosmosSpaceSignal 8s ease-in-out infinite}
.cosmos-space-workflow>div:nth-child(2) i {animation-delay:2s}
.cosmos-space-workflow>div:nth-child(3) i {animation-delay:4s}
.cosmos-space-workflow>div:nth-child(4) i {animation-delay:6s}
.cosmos-space-workflow strong {font-size:clamp(11px,1.4cqw,17px);white-space:nowrap;font-weight:450;letter-spacing:.035em;color:#bfc6d0}
@keyframes cosmosSpaceSignal {0%,28%,100%{opacity:.45;transform:scale(1)}12%{opacity:1;transform:scale(1.5)}}
.cosmos-space-stars,.cosmos-space-comets {position:absolute;inset:0;z-index:1;pointer-events:none;overflow:hidden}
.cosmos-space-stars i {position:absolute;left:var(--x);top:var(--y);width:2px;height:2px;border-radius:50%;background:#e3eaf6;box-shadow:0 0 5px #dfebffaa;animation:cosmosSpaceTwinkle var(--duration) ease-in-out var(--delay) infinite}
/* Keep twinkling points outside the eclipse silhouette. */
.cosmos-space-stars {mask-image:radial-gradient(circle at 50% 50%,transparent 0 max(16cqw,16cqh),#000 max(18cqw,18cqh))}
.cosmos-space-comets i {position:absolute;left:-25%;top:19%;width:140px;height:1px;opacity:0;transform-origin:right center;background:linear-gradient(90deg,transparent,#9ac8ea30 45%,#e1edffb3 92%,#fff);animation:cosmosSpaceComet 15s linear -1s infinite;will-change:transform,opacity}
.cosmos-space-comets i::after {content:"";position:absolute;right:0;top:-1px;width:3px;height:3px;border-radius:50%;background:#f2f7ff;box-shadow:0 0 7px 2px #b8d7ff80}
.cosmos-space-comets i:nth-child(2) {top:66%;width:100px;animation-duration:19s;animation-delay:-8s}
.cosmos-space-comets i:nth-child(3) {top:5%;width:170px;animation-duration:23s;animation-delay:-14s}
.cosmos-space-comets i:nth-child(4) {top:81%;width:80px;animation-duration:17s;animation-delay:-5s}
@keyframes cosmosSpaceComet {0%{opacity:0;transform:translate3d(0,0,0) rotate(13deg)}2%{opacity:.8}17%{opacity:.55}22%,100%{opacity:0;transform:translate3d(145cqw,30cqw,0) rotate(13deg)}}
@keyframes cosmosSpaceTwinkle {0%,100%{opacity:.12;transform:scale(.7)}50%{opacity:.75;transform:scale(1.15)}}
@media(min-width:821px) and (max-width:1100px) {
  .cosmos-space-heading {top:30px}
  .cosmos-space-heading h1 {font-size:3.05cqw;margin-top:18px}
  .cosmos-space-domain {padding:10px 9px;gap:6px;font-size:1.65cqw;max-width:32%}
  .cosmos-space-core span {font-size:4.8cqw}
  .cosmos-space-core strong {font-size:1.05cqw;letter-spacing:.1em}
  .cosmos-space-workflow {width:min(100%,440px);margin-top:19px}
  .cosmos-space-workflow>div:not(:last-child)::after {min-width:7px;margin:0 9px 0 3px}
  .cosmos-space-workflow>div {gap:6px}
  .cosmos-space-workflow strong {font-size:1.9cqw}
}
@media(max-width:1024px) {.cosmos-space-panel {display:none}}
@media(prefers-reduced-motion:reduce) {
  .cosmos-space-panel *, .cosmos-space-panel *::after {animation:none!important;will-change:auto!important}
  .cosmos-space-comets {display:none}
  .cosmos-space-stars i {opacity:.35}
}

/* Light sign-in panel, with the existing authentication endpoints. */
.cosmos-login-panel.cosmos-login-panel-light {
  isolation:isolate;position:relative;overflow:hidden;min-width:0;
  padding:72px 34px 48px;background:#fdfcfb;backdrop-filter:none;
  background-image:radial-gradient(ellipse at 0 100%,#ffb78024,transparent 42%),radial-gradient(ellipse at 95% 5%,#ffe1c01b,transparent 40%);
}
.cosmos-login-panel-light .cosmos-login-orbits {position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.cosmos-login-panel-light .cosmos-login-orbits i {position:absolute;display:block;border:1px solid #e7a66a70;border-radius:50%;width:520px;height:750px;right:-310px;top:-530px;transform:rotate(-36deg)}
.cosmos-login-panel-light .cosmos-login-orbits i::after {content:"";position:absolute;bottom:97px;left:72px;width:5px;height:5px;border-radius:50%;background:#ffb577;box-shadow:0 0 10px 3px #ffc09338}
.cosmos-login-panel-light .cosmos-login-orbits i:nth-child(2) {width:580px;height:750px;right:auto;top:auto;left:-330px;bottom:-440px;transform:rotate(-30deg)}
.cosmos-login-panel-light .cosmos-login-orbits i:nth-child(2)::after {left:auto;bottom:auto;right:33px;top:191px;background:#fda762}
.cosmos-login-panel-light .cosmos-login-orbits i:nth-child(3) {width:460px;height:670px;right:auto;top:auto;left:-270px;bottom:-415px;transform:rotate(-31deg);border-color:#e8b99255}
.cosmos-login-panel-light .cosmos-login-orbits i:nth-child(3)::after {left:auto;bottom:auto;right:64px;top:110px;width:7px;height:7px;background:#ffbf9566}
.cosmos-login-panel-light .cosmos-login-language {top:18px;right:18px}
.cosmos-login-panel-light .cosmos-language-switch {background:#efeeed;border:1px solid #e7e5e2;box-shadow:none;border-radius:999px}
.cosmos-login-panel-light .cosmos-language-flag {border-radius:50%}
.cosmos-login-panel-light .cosmos-language-flag.active {background:#fff;border-color:#e8d9c9;box-shadow:none}
.cosmos-login-panel-light .cosmos-login-card {position:relative;z-index:1;width:min(350px,100%);padding:0;margin:0;border:0;border-radius:0;box-shadow:none;background:transparent}
.cosmos-login-panel-light .cosmos-login-brand-stack {display:flex;flex-direction:column;align-items:center;gap:0;margin:0 0 34px;text-align:center}
.cosmos-login-panel-light .cosmos-login-brand-stack img {display:block;width:min(240px,100%);max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;margin:0 auto 6px}
.cosmos-login-panel-light .cosmos-login-brand-stack>strong {font-size:24px;line-height:1.25;font-weight:800;letter-spacing:.34em;padding-left:.34em;color:#1b2b3c}
.cosmos-login-panel-light .cosmos-login-brand-stack>span {margin-top:12px;font-size:9px;line-height:1.5;font-weight:550;letter-spacing:.25em;color:#69727e;white-space:nowrap}
.cosmos-login-panel-light .cosmos-login-access {margin:0 0 28px;text-align:center;color:#969ba0;font-size:10.5px;line-height:1.55;font-weight:700;letter-spacing:.18em;text-transform:uppercase}
.cosmos-login-panel-light .field {margin:0 0 13px;gap:6px}
.cosmos-login-panel-light .cosmos-login-input {position:relative}
.cosmos-login-panel-light .cosmos-login-sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.cosmos-login-panel-light .cosmos-login-input>svg {position:absolute;left:14px;top:15px;width:18px;height:18px;color:#8d969e;pointer-events:none}
.cosmos-login-panel-light .cosmos-login-card svg {fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.cosmos-login-panel-light .field input {height:48px;border:1px solid #e2e4e7;border-radius:9px;background:#ffffff7d;padding:12px 14px;font-size:13px;line-height:22px;color:#25313d;box-shadow:0 1px 3px #27344b03}
.cosmos-login-panel-light .cosmos-login-input input {padding-left:43px;padding-right:43px}
.cosmos-login-panel-light .field input::placeholder {color:#939ba3;opacity:1}
.cosmos-login-panel-light .field input:focus {border-color:#eca562;box-shadow:0 0 0 3px #f7a45016;background:#fff}
.cosmos-login-panel-light .cosmos-password-toggle {position:absolute;right:3px;top:3px;display:grid;place-items:center;width:42px;height:42px;padding:0;border:0;border-radius:7px;background:transparent;color:#8b949d;cursor:pointer}
.cosmos-login-panel-light .cosmos-password-toggle svg {width:19px;height:19px}
.cosmos-login-panel-light .cosmos-password-toggle:hover {color:#d76810;background:#ffeddc55}
.cosmos-login-panel-light .cosmos-password-toggle:focus-visible {outline:2px solid #e58a3e;outline-offset:-3px}
.cosmos-login-panel-light .cosmos-eye-slash {display:none}
.cosmos-login-panel-light .cosmos-password-toggle[aria-pressed="true"] .cosmos-eye-slash {display:block}
.cosmos-login-panel-light .btn {display:flex;align-items:center;justify-content:center;gap:10px;height:48px;min-height:48px;border-radius:10px;font-size:13px;font-weight:550;letter-spacing:0}
.cosmos-login-panel-light .btn svg {width:18px;height:18px}
.cosmos-login-panel-light .btn-primary {margin-top:23px;background:linear-gradient(108deg,#fb9619,#ed770c 52%,#de5907);border:1px solid #ee8624;box-shadow:0 6px 17px #ed851713;color:white}
.cosmos-login-panel-light .btn-primary:hover {background:linear-gradient(108deg,#f28d11,#e87008 52%,#d85505);box-shadow:0 7px 19px #ed851723;transform:translateY(-1px)}
.cosmos-login-panel-light .btn-ghost {background:#ffffff5c;border:1px solid #e1e4e8;color:#37414b;box-shadow:0 1px 3px #27344b03}
.cosmos-login-panel-light .btn-ghost:hover {background:#fff;border-color:#c7cdd4}
.cosmos-login-panel-light .login-sso-divider {margin:21px auto;width:58%;gap:12px;letter-spacing:0;text-transform:none;font-size:11px;color:#93999f}
.cosmos-login-panel-light .login-sso-divider::before,.cosmos-login-panel-light .login-sso-divider::after {background:#e2e4e7}
.cosmos-login-panel-light .cosmos-login-card-note {margin:52px 0 0;font-size:8px;line-height:1.7;letter-spacing:.20em;font-weight:550;color:#969ba0;text-align:center}
@media(max-width:1100px) and (min-width:821px) {
  .cosmos-login-panel.cosmos-login-panel-light {padding-left:25px;padding-right:25px}
  .cosmos-login-panel-light .cosmos-login-brand-stack>span {font-size:8px}
}
@media(max-width:1024px) {
  .cosmos-login-shell.cosmos-login-shell-v5 {padding:0;background:#fdfcfb}
  .cosmos-login-panel.cosmos-login-panel-light {min-height:100dvh;padding:calc(64px + env(safe-area-inset-top)) 28px calc(38px + env(safe-area-inset-bottom))}
  .cosmos-login-panel-light .cosmos-login-language {top:calc(12px + env(safe-area-inset-top));right:14px}
  .cosmos-login-panel-light .cosmos-login-brand-stack {margin-bottom:28px}
  .cosmos-login-panel-light .cosmos-login-card-note {margin-top:42px}
}

/* Flag artwork has its own sizing and paint, separate from line icons. */
.cosmos-login-panel-light .cosmos-language-switch {height:44px;padding:2px;gap:2px;overflow:visible}
.cosmos-login-panel-light .cosmos-language-flag {width:38px;height:38px;min-width:38px;flex:none;padding:7px;opacity:1;filter:none;overflow:hidden}
.cosmos-login-panel-light .cosmos-flag-svg {display:block;width:24px;height:18px;min-width:24px;max-width:24px;stroke:none;stroke-width:0;flex:none;overflow:hidden;border-radius:3px}
.cosmos-login-panel-light .cosmos-language-flag:focus-visible {outline:2px solid #ed922e;outline-offset:1px}
/* Visible light and moving orbital points, always behind the form. */
.cosmos-login-panel-light .cosmos-login-orbits::before,
.cosmos-login-panel-light .cosmos-login-orbits::after {content:"";position:absolute;pointer-events:none;width:350px;height:350px;border-radius:50%;filter:blur(30px);opacity:.7;animation:cosmosLoginLight 26s ease-in-out infinite alternate}
.cosmos-login-panel-light .cosmos-login-orbits::before {left:-180px;bottom:-130px;background:radial-gradient(circle,#ffb17180,transparent 70%)}
.cosmos-login-panel-light .cosmos-login-orbits::after {right:-210px;top:12%;background:radial-gradient(circle,#98bfea48,transparent 70%);animation-duration:34s;animation-delay:-15s}
.cosmos-login-panel-light .cosmos-login-orbits i {animation:cosmosLoginOrbitLight 70s ease-in-out infinite alternate;transform-origin:center}
.cosmos-login-panel-light .cosmos-login-orbits i:nth-child(2) {animation-duration:93s;animation-delay:-31s}
.cosmos-login-panel-light .cosmos-login-orbits i:nth-child(3) {animation-duration:117s;animation-delay:-67s}
.cosmos-login-panel-light .cosmos-login-orbits i::before {content:"";position:absolute;left:76%;top:84%;width:4px;height:4px;border-radius:50%;background:#75a5d480;box-shadow:0 0 9px #94b8dd66}
@keyframes cosmosLoginLight {from{opacity:.5;transform:translate3d(0,0,0) scale(.9)}to{opacity:.9;transform:translate3d(35px,-24px,0) scale(1.12)}}
@keyframes cosmosLoginOrbitLight {from{transform:rotate(-42deg)}to{transform:rotate(-12deg)}}
@media(max-width:1024px) {
  .cosmos-login-shell.cosmos-login-shell-v5 {display:block;min-height:100vh;min-height:100svh}
  .cosmos-space-panel {display:none!important}
  .cosmos-login-panel.cosmos-login-panel-light {width:100%;min-height:100vh;min-height:100svh;padding-top:calc(76px + env(safe-area-inset-top));padding-bottom:calc(32px + env(safe-area-inset-bottom))}
  .cosmos-login-panel-light .field input {font-size:16px;scroll-margin-top:90px;scroll-margin-bottom:100px}
  .cosmos-login-panel-light .cosmos-password-toggle {width:44px;height:44px;top:2px;right:2px}
  .cosmos-login-panel-light .cosmos-language-switch {height:48px;padding:2px}
  .cosmos-login-panel-light .cosmos-language-flag {width:44px;height:44px;min-width:44px;padding:10px}
}
@media(max-width:380px) {
  .cosmos-login-panel.cosmos-login-panel-light {padding-left:20px;padding-right:20px}
  .cosmos-login-panel-light .cosmos-login-brand-stack>span {font-size:8px;letter-spacing:.2em}
}
@media(max-width:1024px) and (max-height:740px) {
  .cosmos-login-panel-light .cosmos-login-brand-stack img {width:min(200px,68vw);height:auto}
  .cosmos-login-panel-light .cosmos-login-brand-stack {margin-bottom:20px}
  .cosmos-login-panel-light .cosmos-login-access {margin-bottom:20px}
  .cosmos-login-panel-light .cosmos-login-card-note {margin-top:28px}
  .cosmos-login-panel-light .login-sso-divider {margin-top:16px;margin-bottom:16px}
}
@media(prefers-reduced-motion:reduce) {
  .cosmos-login-panel-light .cosmos-login-orbits i,
  .cosmos-login-panel-light .cosmos-login-orbits::before,
  .cosmos-login-panel-light .cosmos-login-orbits::after {animation:none!important}
}


/* Mobile login hardening */
@media(max-width:1024px) {
  html, body, #app {
    overflow-x:hidden;
    background:#ffffff;
  }
  .cosmos-login-shell.cosmos-login-shell-v5 {
    display:flex !important;
    flex-direction:column;
    width:100%;
    max-width:100%;
    height:100svh;
    min-height:100svh;
    max-height:100svh;
    background:#ffffff;
    overflow:hidden;
  }
  .cosmos-login-shell.cosmos-login-shell-v5 > .cosmos-space-panel {display:none !important}
  .cosmos-login-panel.cosmos-login-panel-light {
    display:flex;
    align-items:center;
    justify-content:center;
    width:100%;
    max-width:100%;
    height:100svh;
    min-height:100svh;
    max-height:100svh;
    box-sizing:border-box;
    padding:calc(20px + env(safe-area-inset-top)) 20px calc(14px + env(safe-area-inset-bottom));
    overflow:hidden;
    background:
      radial-gradient(circle at 14% 16%, rgba(11,95,255,.06), transparent 0 20%),
      radial-gradient(circle at 86% 18%, rgba(255,136,41,.08), transparent 0 18%),
      radial-gradient(circle at 50% 88%, rgba(11,95,255,.04), transparent 0 24%),
      linear-gradient(180deg, #ffffff 0%, #fcfdff 100%);
  }
  .cosmos-login-panel-light .cosmos-login-orbits {
    opacity:.5;
  }
  .cosmos-login-panel-light .cosmos-login-orbits i {
    border-color:rgba(236,150,92,.18);
  }
  .cosmos-login-panel-light .cosmos-login-orbits i::after,
  .cosmos-login-panel-light .cosmos-login-orbits i::before {
    opacity:.55;
  }
  .cosmos-login-panel-light .cosmos-login-orbits::before {
    left:-160px;
    bottom:-120px;
    background:radial-gradient(circle, rgba(255,172,114,.18), transparent 70%);
    opacity:.55;
  }
  .cosmos-login-panel-light .cosmos-login-orbits::after {
    right:-190px;
    top:10%;
    background:radial-gradient(circle, rgba(118,174,232,.14), transparent 72%);
    opacity:.45;
  }
  .cosmos-login-panel-light .cosmos-login-card {
    display:flex;
    flex-direction:column;
    justify-content:center;
    width:min(100%,380px);
    max-width:380px;
    max-height:100%;
    margin:0 auto;
    background:rgba(255,255,255,.72);
    backdrop-filter:blur(10px);
    border:1px solid rgba(220,229,239,.85);
    border-radius:22px;
    box-shadow:0 18px 50px rgba(24,48,78,.08);
    padding:22px 18px 18px;
  }
  .cosmos-login-panel-light .cosmos-login-brand-stack {
    width:100%;
    margin:0 auto 16px;
  }
  .cosmos-login-panel-light .cosmos-login-brand-stack img,
  .cosmos-login-panel-light .cosmos-login-wordmark {
    display:block;
    width:min(240px,72vw);
    max-width:100%;
    height:auto;
    margin:0 auto;
    object-fit:contain;
  }
  .cosmos-login-panel-light .cosmos-login-access {
    margin:0 0 16px;
    font-size:11.5px;
    line-height:1.55;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
    color:#969ba0;
  }
  .cosmos-login-panel-light .field {
    margin:0 0 10px;
  }
  .cosmos-login-panel-light .field input {
    height:46px;
    background:rgba(255,255,255,.92);
  }
  .cosmos-login-panel-light .btn {
    height:46px;
    min-height:46px;
  }
  .cosmos-login-panel-light .btn-primary {
    margin-top:14px;
  }
  .cosmos-login-panel-light .login-sso-divider {
    width:100%;
    max-width:220px;
    margin:14px auto;
  }
  .cosmos-login-panel-light .cosmos-login-card-note {
    margin-top:20px;
    font-size:7.5px;
    line-height:1.5;
  }
}
@media(max-width:520px) {
  .cosmos-login-panel.cosmos-login-panel-light {
    padding-left:16px;
    padding-right:16px;
  }
  .cosmos-login-panel-light .cosmos-login-brand-stack img,
  .cosmos-login-panel-light .cosmos-login-wordmark {
    width:min(220px,68vw);
  }
}
@media(max-width:390px) {
  .cosmos-login-panel-light .cosmos-login-card {
    width:100%;
  }
  .cosmos-login-panel-light .cosmos-login-brand-stack {
    margin-bottom:14px;
  }
  .cosmos-login-panel-light .cosmos-login-access {
    margin-bottom:14px;
    font-size:11px;
    line-height:1.5;
    letter-spacing:.16em;
  }
  .cosmos-login-panel-light .field {
    margin-bottom:8px;
  }
  .cosmos-login-panel-light .btn-primary {
    margin-top:12px;
  }
  .cosmos-login-panel-light .login-sso-divider {
    margin:12px auto;
  }
  .cosmos-login-panel-light .cosmos-login-card-note {
    margin-top:16px;
  }
}
@media(max-width:1024px) and (max-height:740px) {
  .cosmos-login-panel.cosmos-login-panel-light {
    padding-top:calc(14px + env(safe-area-inset-top));
    padding-bottom:calc(10px + env(safe-area-inset-bottom));
  }
  .cosmos-login-panel-light .cosmos-login-brand-stack img,
  .cosmos-login-panel-light .cosmos-login-wordmark {
    width:min(190px,58vw);
  }
  .cosmos-login-panel-light .cosmos-login-brand-stack {
    margin-bottom:12px;
  }
  .cosmos-login-panel-light .cosmos-login-access {
    margin-bottom:12px;
    font-size:10.5px;
    line-height:1.45;
    letter-spacing:.15em;
  }
  .cosmos-login-panel-light .field {
    margin-bottom:8px;
  }
  .cosmos-login-panel-light .field input,
  .cosmos-login-panel-light .btn {
    height:44px;
    min-height:44px;
  }
  .cosmos-login-panel-light .btn-primary {
    margin-top:10px;
  }
  .cosmos-login-panel-light .login-sso-divider {
    margin:10px auto;
    font-size:10px;
  }
  .cosmos-login-panel-light .cosmos-login-card-note {
    margin-top:14px;
    font-size:7px;
    line-height:1.4;
    letter-spacing:.16em;
  }
}

/* ========================================================================
   COSMOS LOGIN · COLOR + MOTION REFINEMENT · 2026-09-18
   More visual identity without changing the approved background artwork.
   ======================================================================== */
.cosmos-space-kicker{
  color:#9fb7cc;
  font-weight:720;
}
.cosmos-space-kicker span{color:#a7bfd4}
.cosmos-space-kicker b{
  color:#ff9a42;
  font-weight:900;
  text-shadow:0 0 18px rgba(255,142,54,.26);
}
.cosmos-space-heading h1{
  color:#edf3fa;
  font-weight:610;
}
.cosmos-space-heading h1 .cosmos-headline-blue{
  color:#8fcfff;
  font-weight:760;
  text-shadow:0 0 22px rgba(71,170,255,.20);
}
.cosmos-space-heading h1 .cosmos-headline-orange{
  color:#ff9a42;
  font-weight:820;
  text-shadow:0 0 22px rgba(255,139,46,.24);
}
.cosmos-space-heading p{
  color:#aebdcb;
}

/* Workflow gets a restrained spectrum while remaining recognizably COSMOS. */
.cosmos-space-workflow>div:nth-child(1) strong{color:#8fcfff;font-weight:620}
.cosmos-space-workflow>div:nth-child(1) i{background:#68bfff;box-shadow:0 0 10px rgba(76,180,255,.58)}
.cosmos-space-workflow>div:nth-child(2) strong{color:#c4a9f1;font-weight:620}
.cosmos-space-workflow>div:nth-child(2) i{background:#ae8de0;box-shadow:0 0 10px rgba(174,141,224,.52)}
.cosmos-space-workflow>div:nth-child(3) strong{color:#ffc07a;font-weight:650}
.cosmos-space-workflow>div:nth-child(3) i{background:#ff9a42;box-shadow:0 0 11px rgba(255,145,61,.62)}
.cosmos-space-workflow>div:nth-child(4) strong{color:#a9d6ef;font-weight:620}
.cosmos-space-workflow>div:nth-child(4) i{background:#80c8eb;box-shadow:0 0 10px rgba(111,196,235,.54)}
.cosmos-space-workflow>div:not(:last-child)::after{
  background:linear-gradient(90deg,rgba(255,154,66,.32),rgba(92,179,244,.24),rgba(181,145,229,.20));
}

/* Domain bubbles: four subtle color families, richer than monochrome but still premium. */
.cosmos-space-domain{
  border-color:rgba(119,181,226,.20);
  background:linear-gradient(145deg,rgba(8,19,32,.90),rgba(4,8,14,.84));
  color:#d3deea;
  box-shadow:0 8px 27px rgba(0,0,0,.24),inset 0 1px 0 rgba(255,255,255,.018);
  transition:border-color .45s ease,box-shadow .45s ease,color .45s ease,background .45s ease;
}
.cosmos-space-domain:nth-child(4n+1){
  color:#ffd2aa;
  border-color:rgba(255,151,72,.28);
  background:linear-gradient(145deg,rgba(44,26,15,.80),rgba(8,10,14,.88));
  box-shadow:0 8px 28px rgba(0,0,0,.24),0 0 22px rgba(255,130,40,.045);
}
.cosmos-space-domain:nth-child(4n+1) i{background:#ff9b4a;box-shadow:0 0 10px rgba(255,145,61,.58)}
.cosmos-space-domain:nth-child(4n+2){
  color:#b9ddf5;
  border-color:rgba(80,177,236,.26);
  background:linear-gradient(145deg,rgba(10,31,47,.82),rgba(5,10,16,.88));
}
.cosmos-space-domain:nth-child(4n+2) i{background:#66c3f2;box-shadow:0 0 10px rgba(91,190,240,.55)}
.cosmos-space-domain:nth-child(4n+3){
  color:#d7c6ef;
  border-color:rgba(166,132,211,.24);
  background:linear-gradient(145deg,rgba(31,22,43,.78),rgba(6,9,15,.90));
}
.cosmos-space-domain:nth-child(4n+3) i{background:#b194dc;box-shadow:0 0 10px rgba(177,148,220,.50)}
.cosmos-space-domain:nth-child(4n){
  color:#c7d8f7;
  border-color:rgba(88,133,225,.24);
  background:linear-gradient(145deg,rgba(14,28,52,.80),rgba(5,9,16,.90));
}
.cosmos-space-domain:nth-child(4n) i{background:#789ff0;box-shadow:0 0 10px rgba(105,148,236,.48)}

.cosmos-space-core span{
  background:linear-gradient(90deg,#f3f8ff 0%,#b8ddf7 42%,#ffd1a6 72%,#ff9a42 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:none;
  filter:drop-shadow(0 0 18px rgba(114,186,240,.10));
}
.cosmos-space-core strong{color:#c9b7a6}

/* ========================================================================
   COSMOS LOGIN · COLOR REFINEMENT · V10
   Keep the approved motion. Rebalance domain colors around the COSMOS
   blue/orange identity and remove the heavy weight from the orange headline.
   ======================================================================== */
.cosmos-space-heading h1 .cosmos-headline-orange{
  font-weight:610;
}

/* More distinct, cleaner families: solar orange, electric cyan, cobalt,
   warm amber and teal. No purple tint, so the ecosystem stays on-brand. */
.cosmos-space-domain:nth-child(5n+1){
  color:#ffc58f;
  border-color:rgba(255,148,61,.38);
  background:linear-gradient(145deg,rgba(53,29,16,.88),rgba(7,11,16,.92));
  box-shadow:0 8px 28px rgba(0,0,0,.25),0 0 24px rgba(255,133,45,.06),inset 0 1px 0 rgba(255,255,255,.025);
}
.cosmos-space-domain:nth-child(5n+1) i{background:#ff973d;box-shadow:0 0 11px rgba(255,145,61,.62)}

.cosmos-space-domain:nth-child(5n+2){
  color:#afe9ff;
  border-color:rgba(69,196,255,.34);
  background:linear-gradient(145deg,rgba(8,34,50,.88),rgba(5,10,16,.92));
  box-shadow:0 8px 28px rgba(0,0,0,.25),0 0 24px rgba(62,189,248,.055),inset 0 1px 0 rgba(255,255,255,.022);
}
.cosmos-space-domain:nth-child(5n+2) i{background:#53c8ff;box-shadow:0 0 11px rgba(73,196,255,.60)}

.cosmos-space-domain:nth-child(5n+3){
  color:#bfd1ff;
  border-color:rgba(84,126,255,.34);
  background:linear-gradient(145deg,rgba(15,27,57,.88),rgba(5,9,17,.93));
  box-shadow:0 8px 28px rgba(0,0,0,.25),0 0 24px rgba(77,118,246,.05),inset 0 1px 0 rgba(255,255,255,.022);
}
.cosmos-space-domain:nth-child(5n+3) i{background:#6f92ff;box-shadow:0 0 11px rgba(103,141,255,.57)}

.cosmos-space-domain:nth-child(5n+4){
  color:#ffe0a3;
  border-color:rgba(239,177,71,.34);
  background:linear-gradient(145deg,rgba(48,35,16,.88),rgba(7,10,15,.92));
  box-shadow:0 8px 28px rgba(0,0,0,.25),0 0 24px rgba(239,171,61,.052),inset 0 1px 0 rgba(255,255,255,.022);
}
.cosmos-space-domain:nth-child(5n+4) i{background:#efb34b;box-shadow:0 0 11px rgba(239,177,71,.56)}

.cosmos-space-domain:nth-child(5n){
  color:#a8eee4;
  border-color:rgba(55,199,183,.32);
  background:linear-gradient(145deg,rgba(8,39,39,.86),rgba(5,10,16,.93));
  box-shadow:0 8px 28px rgba(0,0,0,.25),0 0 24px rgba(53,197,181,.05),inset 0 1px 0 rgba(255,255,255,.022);
}
.cosmos-space-domain:nth-child(5n) i{background:#49cbbd;box-shadow:0 0 11px rgba(70,202,188,.56)}

/* COSMOS LOGIN · HEADLINE WEIGHT REFINEMENT · V11 · 2026-09-18
   Keep the approved highlight colors without bolding Enterprise/Empresa Inteira. */
.cosmos-space-heading h1 .cosmos-headline-blue{
  font-weight:610!important;
}

/* COSMOS LOGIN · HEADLINE WEIGHT REFINEMENT · V12 · 2026-09-18
   Highlight color remains, but Enterprise/Empresa Inteira and Control/Controle
   use the same normal visual weight as the rest of the headline. */
.cosmos-space-heading h1 .cosmos-headline-blue,
.cosmos-space-heading h1 .cosmos-headline-orange{
  font-weight:550!important;
}