/* Approved rich landing design: responsive refinements and theme surfaces. */
:is(.candidate-home,.employer-home) .candidate-header__inner{max-width:1440px;width:calc(100% - 48px);gap:18px}
:is(.candidate-home,.employer-home) .candidate-nav a{padding-inline:10px}
.theme-choice{color:#c4d8ef;font:600 13px Manrope,sans-serif;min-height:42px;padding:8px;border:1px solid #305780;border-radius:10px;background:#07162b;color-scheme:dark}
:is(.candidate-home,.employer-home) .candidate-header__actions{gap:8px}
:is(.candidate-home,.employer-home) .candidate-hero__lead{font-size:16px;line-height:1.7}
:is(.candidate-home,.employer-home) .candidate-benefit-list li{font-size:13px}
:is(.candidate-home,.employer-home) .candidate-hero__copy .candidate-btn{min-height:46px;font-size:14px}
:is(.candidate-home,.employer-home) .candidate-proof p{font-size:12px}
:is(.candidate-home,.employer-home) .candidate-hero,:is(.candidate-home,.employer-home) .candidate-hero__grid{min-height:590px}
:is(.candidate-home,.employer-home) .candidate-hero__visual{min-height:570px}
:is(.candidate-home,.employer-home) .candidate-hero__visual img{bottom:-18%;width:min(72%,480px);left:12%}
:is(.candidate-home,.employer-home) .hero-float{width:156px;padding:14px;min-height:112px}
:is(.candidate-home,.employer-home) .hero-float>span{font-size:10px}
:is(.candidate-home,.employer-home) .hero-float strong{font-size:13px}
:is(.candidate-home,.employer-home) .hero-float small{font-size:11px}
:is(.candidate-home,.employer-home) .hero-float--match,:is(.candidate-home,.employer-home) .hero-float--views{left:0}
:is(.candidate-home,.employer-home) .hero-float--profile,:is(.candidate-home,.employer-home) .hero-float--calls{right:0}
:is(.candidate-home,.employer-home) .candidate-card-strip p{font-size:12px}
:is(.candidate-home,.employer-home) .candidate-card-strip h3{font-size:14px}
:is(.candidate-home,.employer-home) .panel-heading p,:is(.candidate-home,.employer-home) .candidate-tools-stack p,:is(.candidate-home,.employer-home) .recommended-card small{font-size:12px}
:is(.candidate-home,.employer-home) .candidate-tools-stack h2,:is(.candidate-home,.employer-home) .panel-heading h2{font-size:16px}
:is(.candidate-home,.employer-home) .recommended-card b{font-size:13px}
:is(.candidate-home,.employer-home) .candidate-join-strip p,:is(.candidate-home,.employer-home) .journey-point span{font-size:12px}
:is(.candidate-home,.employer-home) .journey-point b{font-size:14px}
:is(.candidate-home,.employer-home) .employer-path p,:is(.candidate-home,.employer-home) .employer-capability span{font-size:12px}
:is(.candidate-home,.employer-home) .employer-path__copy,:is(.candidate-home,.employer-home) .employer-capability{height:auto;min-height:135px}
:is(.candidate-home,.employer-home) .footer-group a{font-size:13px}
:is(.candidate-home,.employer-home) .footer-group h3{font-size:14px}
@media(max-width:1200px){:is(.candidate-home,.employer-home) .candidate-header__inner{grid-template-columns:auto 1fr auto}:is(.candidate-home,.employer-home) .candidate-nav{display:none}:is(.candidate-home,.employer-home) .candidate-menu-button{display:inline-flex!important;justify-self:start}:is(.candidate-home,.employer-home) .candidate-nav.is-open{display:flex!important;position:absolute;top:100%;left:0;right:0;flex-direction:column}:is(.candidate-home,.employer-home) .candidate-header__actions{justify-self:end}:is(.candidate-home,.employer-home) .candidate-header__actions>.candidate-btn--primary{display:none}}
@media(max-width:760px){:is(.candidate-home,.employer-home) .candidate-header__inner{width:calc(100% - 28px);grid-template-columns:auto auto 1fr;gap:12px}:is(.candidate-home,.employer-home) .candidate-header__actions{grid-column:3}:is(.candidate-home,.employer-home) .candidate-menu-button{order:initial}:is(.candidate-home,.employer-home) .candidate-nav.is-open{display:flex!important}:is(.candidate-home,.employer-home) .candidate-hero,:is(.candidate-home,.employer-home) .candidate-hero__grid{min-height:auto}:is(.candidate-home,.employer-home) .candidate-hero__visual{min-height:420px}:is(.candidate-home,.employer-home) .candidate-hero__visual img{left:16%;bottom:-22%;width:68%}:is(.candidate-home,.employer-home) .candidate-hero__copy{padding-block:38px 12px}:is(.candidate-home,.employer-home) .candidate-hero h1{font-size:38px}:is(.candidate-home,.employer-home) .candidate-benefit-list{grid-template-columns:1fr 1fr}:is(.candidate-home,.employer-home) .candidate-actions{flex-wrap:wrap}:is(.candidate-home,.employer-home) .candidate-card-strip{grid-template-columns:1fr 1fr}:is(.candidate-home,.employer-home) .candidate-empty{display:flex;flex-direction:column;align-items:flex-start}:is(.candidate-home,.employer-home) .candidate-proof{flex-direction:row}:is(.candidate-home,.employer-home) .candidate-join-strip{grid-template-columns:1fr}:is(.candidate-home,.employer-home) .employer-path{grid-template-columns:1fr}:is(.candidate-home,.employer-home) .employer-capability{grid-column:auto}:is(.candidate-home,.employer-home) .site-footer__nav{grid-template-columns:1fr 1fr}.theme-choice{max-width:90px}}
html[data-theme=light]{color-scheme:light;--text:#162d4b;--muted:#4f6682}
html[data-theme=light] :is(.candidate-home,.employer-home){background:#eff5fc;color:#162d4b}
html[data-theme=light] :is(.candidate-home,.employer-home)::before{opacity:.4}
html[data-theme=light] #candidateParticles{opacity:.65;filter:none}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-header{background:linear-gradient(180deg,#ffffffed,#eaf3fbe6);border-color:#bed6ee}
html[data-theme=light] :is(.candidate-home,.employer-home) :is(.candidate-nav,.hero-float,.candidate-card-strip,.candidate-jobs-panel,.candidate-tools-stack>article,.candidate-join-strip,.employer-path){background:linear-gradient(135deg,#ffffffed,#e9f3ffed);border-color:#bfd7ef;box-shadow:0 16px 40px #2b64a014,inset 0 1px #fff}
html[data-theme=light] :is(.candidate-home,.employer-home) :is(.candidate-nav a,.hero-float strong,.candidate-proof p,.candidate-benefit-list li,.candidate-btn--outline,.site-footer__brand .shortlistii-logo,.footer-group h3){color:#183552}
html[data-theme=light] :is(.candidate-home,.employer-home) :is(p,small,.journey-point span,.employer-capability span,.footer-group a){color:#4f6682}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-eyebrow{background:#e1eeff;color:#2054a0;border-color:#bed8fa}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-btn--outline{background:#ffffffab;border-color:#80b4ef}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-job-list,html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-empty{background:transparent}
html[data-theme=light] :is(.candidate-home,.employer-home) .site-footer{background:#e6eff9;border-color:#bfd7ef}
html[data-theme=light] :is(.candidate-home,.employer-home) .hero-float>span{color:#146d95}
html[data-theme=light] :is(.candidate-home,.employer-home) .theme-choice{background:#fff;color:#234362;color-scheme:light;border-color:#bdd2e8}
html[data-theme=light] :is(.candidate-home,.employer-home) .panel-heading{background:#e6f0fc}
html[data-theme=light] :is(.candidate-home,.employer-home) .employer-capability b{color:#203e60}
html[data-theme=light] :is(.candidate-home,.employer-home) .shortlistii-logo .logo-text{color:#163556;text-shadow:none}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-btn--primary{color:#fff;background:linear-gradient(135deg,#1265de,#0754c5)}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-hero h1 span{background:linear-gradient(90deg,#075acb,#087daa);background-clip:text;-webkit-background-clip:text}
html[data-theme=light] :is(.candidate-home,.employer-home) .panel-heading>a{color:#145bb0;background:#ffffffb8}
/* Keyboard, touch, long-content and short-viewport behavior. */
html[data-theme=dark]{color-scheme:dark}
:is(.candidate-home,.employer-home) .theme-choice{font-size:16px;min-height:44px;max-width:110px}
:is(.candidate-home,.employer-home) .candidate-menu-button{min-width:44px;min-height:44px;align-items:center;justify-content:center}
:is(.candidate-home,.employer-home) .candidate-header__actions .candidate-btn{min-height:44px}
:is(.candidate-home,.employer-home) .candidate-job-card ul{flex-wrap:wrap}
:is(.candidate-home,.employer-home) .candidate-job-side{max-width:210px;overflow-wrap:anywhere}
:is(.candidate-home,.employer-home) .panel-heading{gap:14px;flex-wrap:wrap}
:is(.candidate-home,.employer-home) #loginSection form{height:100%;overflow-y:auto;overscroll-behavior:contain}
:is(.candidate-home,.employer-home) #loginPanel{height:auto;min-height:100%;overflow:visible}
:is(.candidate-home,.employer-home) #loginPanel input{font-size:16px}
:is(.candidate-home,.employer-home) #loginPanel .login-password-toggle{min-width:44px;min-height:44px}
:is(.candidate-home,.employer-home) .theme-choice:focus-visible{outline:3px solid #65d7ff;outline-offset:3px}
html[data-theme=light] :is(.candidate-home,.employer-home) :is(a,button,select):focus-visible{outline-color:#075acb}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel{background:linear-gradient(155deg,#f8fbff,#eaf2ff);color:#193753}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel :is(h2,.login-panel__audience strong,.floating-label){color:#25486c}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel .floating-input{background:#fff;color:#183552;border-color:#93b1d3;caret-color:#075acb}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel :is(.login-panel__audience,.login-panel__heading-icon){background:#dceaff}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel :is(.forgot,.icon-left,.login-panel__eyebrow,.login-password-toggle){color:#175b99}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel #errorMsg{color:#a21d37}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel #closeLogin{background:#e3edfa;color:#25486c}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-job-title>span{color:#126340;background:#d6f3e4}
html[data-theme=light] :is(.candidate-home,.employer-home) :is(.panel-kicker,.assistant-card__title>span){color:#146443}
html[data-theme=light] :is(.candidate-home,.employer-home) .recommended-card :is(a,.recommended-item){color:#183552}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-job-side small{color:#4f6682}
html[data-theme=light] :is(.candidate-home,.employer-home) .assistant-card__action{color:#fff}
@media(min-width:761px) and (max-width:1200px){:is(.candidate-home,.employer-home) .candidate-menu-button{grid-column:2;grid-row:1;order:initial}:is(.candidate-home,.employer-home) .candidate-header__actions{grid-column:3;grid-row:1}}
@media(max-width:900px){:is(.candidate-home,.employer-home) .candidate-jobs-panel .candidate-job-card{grid-template-columns:48px minmax(0,1fr)}:is(.candidate-home,.employer-home) .candidate-job-side{grid-column:2;max-width:none;justify-self:start;text-align:left}:is(.candidate-home,.employer-home) .candidate-job-side>a{min-width:44px;min-height:44px}}
@media(max-width:760px){:is(.candidate-home,.employer-home) .candidate-nav.is-open{max-height:calc(100dvh - 80px);overflow-y:auto}:is(.candidate-home,.employer-home) .candidate-nav a{min-height:44px}:is(.candidate-home,.employer-home) .candidate-hero__visual{overflow:hidden}:is(.candidate-home,.employer-home) .candidate-header__actions{gap:6px}:is(.candidate-home,.employer-home) .theme-choice{max-width:100px}:is(.candidate-home,.employer-home) .candidate-shell{min-width:0}:is(.candidate-home,.employer-home) .candidate-job-card{overflow-wrap:anywhere}}
@media(max-width:360px){:is(.candidate-home,.employer-home) .candidate-header__inner{gap:6px}:is(.candidate-home,.employer-home) .theme-choice{max-width:90px}:is(.candidate-home,.employer-home) .candidate-header__actions .candidate-btn{padding-inline:8px}}
@media(prefers-reduced-motion:reduce){:is(.candidate-home,.employer-home) *, :is(.candidate-home,.employer-home) *::before,:is(.candidate-home,.employer-home) *::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}
html[data-theme=light] :is(.candidate-home,.employer-home) :is(.assistant-card__title h2,.candidate-job-side strong){color:#183552}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-job-card ul{color:#4f6682}
html[data-theme=light] :is(.candidate-home,.employer-home) .panel-footer{background:#e8f1fc}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-job-side>a{background:#dceaff;color:#145bb0}
html[data-theme=light] :is(.candidate-home,.employer-home) .assistant-card__action{background:linear-gradient(135deg,#1265de,#0754c5);border-color:#1265de}
:is(.candidate-home,.employer-home) .candidate-jobs-panel .candidate-job-card :is(p,ul){font-size:12px}
:is(.candidate-home,.employer-home) .candidate-job-title>span{font-size:11px}
:is(.candidate-home,.employer-home) .candidate-job-side :is(strong,small){font-size:12px}
:is(.candidate-home,.employer-home) .candidate-btn{min-height:44px;font-size:13px}
:is(.candidate-home,.employer-home) .candidate-header__actions .candidate-btn{font-size:13px}
:is(.candidate-home,.employer-home) .assistant-card__action{min-height:44px}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-nav a:is(:hover,:focus-visible){background:#dbeaff;color:#163556;border-color:#84b1e8}
/* A labelled appearance control retains the platform's accessible native picker. */
:is(.candidate-home,.employer-home) .appearance-control{position:relative;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:7px 12px;border:1px solid rgba(105,168,237,.32);border-radius:12px;background:linear-gradient(145deg,rgba(20,48,79,.8),rgba(5,19,39,.94));box-shadow:inset 0 1px 0 rgba(255,255,255,.07);color:#e8f3ff;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease;flex-shrink:0}
:is(.candidate-home,.employer-home) .appearance-control__icon{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:rgba(47,141,255,.13);color:#82c5ff;font-size:18px}
:is(.candidate-home,.employer-home) .appearance-control__copy{display:flex;flex-direction:column;gap:3px;text-align:left;line-height:1.15}
:is(.candidate-home,.employer-home) .appearance-control__label{font:600 11px/1.2 Manrope,sans-serif;color:#a9c1dd;white-space:nowrap}
:is(.candidate-home,.employer-home) .appearance-control__value{font:700 13px/1.2 Manrope,sans-serif;color:#eef6ff}
:is(.candidate-home,.employer-home) .appearance-control__chevron{font-size:12px;color:#a9c1dd;margin-left:4px}
:is(.candidate-home,.employer-home) .appearance-control select.theme-choice{position:absolute;inset:0;width:100%;height:100%;max-width:none;min-height:0;margin:0;padding:0;opacity:0;cursor:pointer;font-size:16px}
:is(.candidate-home,.employer-home) .appearance-control:hover{border-color:#62b5ff;box-shadow:0 0 18px rgba(42,132,239,.13),inset 0 1px rgba(255,255,255,.08)}
:is(.candidate-home,.employer-home) .appearance-control:focus-within{outline:3px solid #65d7ff;outline-offset:3px}
html[data-theme=light] :is(.candidate-home,.employer-home) .appearance-control{background:linear-gradient(145deg,#fff,#eaf3ff);border-color:#b2cdec;box-shadow:inset 0 1px #fff;color:#173f6b}
html[data-theme=light] :is(.candidate-home,.employer-home) .appearance-control__value{color:#173f6b}
html[data-theme=light] :is(.candidate-home,.employer-home) :is(.appearance-control__label,.appearance-control__chevron){color:#4c6887}
html[data-theme=light] :is(.candidate-home,.employer-home) .appearance-control__icon{color:#1763b8;background:#dcecff}
html[data-theme=light] :is(.candidate-home,.employer-home) .appearance-control:focus-within{outline-color:#075acb}
@media(max-width:760px){:is(.candidate-home,.employer-home) .appearance-control{gap:6px;padding:7px 9px;min-height:44px}:is(.candidate-home,.employer-home) .appearance-control__icon{display:none}:is(.candidate-home,.employer-home) .appearance-control__chevron{margin-left:0}:is(.candidate-home,.employer-home) .appearance-control__label{font-size:10px}:is(.candidate-home,.employer-home) .appearance-control__value{font-size:12px}}
/* Keep every part of the wordmark legible on light surfaces. */
html[data-theme=light] :is(.candidate-home,.employer-home) .shortlistii-logo .person .head{background:linear-gradient(180deg,#267fe1,#0757bd);box-shadow:none}
html[data-theme=light] :is(.candidate-home,.employer-home) .shortlistii-logo .person .body{background:#183c61;box-shadow:none}
html[data-theme=light] :is(.candidate-home,.employer-home) .shortlistii-logo .person .tie{background:#9bd5ff}
/* Draw the essential menu affordance without depending on an icon font. */
:is(.candidate-home,.employer-home) .candidate-menu-button{color:#e5f2ff;background:#0c2039;border:1px solid #41658c;border-radius:10px;padding:0;flex-shrink:0}
:is(.candidate-home,.employer-home) .candidate-menu-icon{position:relative;display:block;width:18px;height:2px;background:currentColor;border-radius:2px}
:is(.candidate-home,.employer-home) .candidate-menu-icon::before,:is(.candidate-home,.employer-home) .candidate-menu-icon::after{content:"";position:absolute;left:0;width:18px;height:2px;background:currentColor;border-radius:2px}
:is(.candidate-home,.employer-home) .candidate-menu-icon::before{top:-6px}:is(.candidate-home,.employer-home) .candidate-menu-icon::after{top:6px}
:is(.candidate-home,.employer-home) .candidate-menu-button[aria-expanded=true] .candidate-menu-icon{background:transparent}
:is(.candidate-home,.employer-home) .candidate-menu-button[aria-expanded=true] .candidate-menu-icon::before{top:0;transform:rotate(45deg)}
:is(.candidate-home,.employer-home) .candidate-menu-button[aria-expanded=true] .candidate-menu-icon::after{top:0;transform:rotate(-45deg)}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-menu-button{color:#183c61;background:#e6f0fc;border-color:#729ac8;box-shadow:inset 0 1px #fff}
html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-menu-button:hover,html[data-theme=light] :is(.candidate-home,.employer-home) .candidate-menu-button[aria-expanded=true]{color:#074ea8;background:#d6e8fd;border-color:#3f7cc4}
/* Give the mobile wordmark real dimensions instead of independently scaled figures. */
@media(max-width:760px){
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo{gap:0;align-items:flex-end;flex-shrink:0}
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .logo-text{font-size:24px;line-height:1}
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .logo-ii{transform:none;margin:0 0 3px 2px;gap:4px;align-items:flex-end;height:20px}
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .person{width:7px;height:20px}
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .person .head{width:6px;height:6px;top:0;box-shadow:none}
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .person .body{width:5px;height:12px;border-radius:2px;box-shadow:none}
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .person .tie{width:2px;height:7px;top:8px}
}
@media(max-width:360px){
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .logo-text{font-size:22px}
  :is(.candidate-home,.employer-home) .candidate-header .shortlistii-logo .logo-ii{margin-bottom:2px}
  :is(.candidate-home,.employer-home) .appearance-control{padding-inline:7px}
  :is(.candidate-home,.employer-home) .appearance-control__chevron{display:none}
}
/* Theme-aware drifting particles inside the login slider. */
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel{
  --login-particle-blue:#2167be;
  --login-particle-accent:#4269b5;
  --login-particle-soft:#267f9e;
}
html[data-theme=light] :is(.candidate-home,.employer-home) .login-panel__particles span{
  box-shadow:0 0 8px 1px color-mix(in srgb,var(--particle-color) 22%,transparent);
}
:is(.candidate-home,.employer-home) #loginSection .login-panel__particles span{animation-play-state:paused}
:is(.candidate-home,.employer-home) #loginSection.is-open .login-panel__particles span{animation-play-state:running}
/* Light slider: visible blue motes and layered ambient color, below opaque fields. */
:is(.candidate-home,.employer-home) .login-panel__particles .login-particle-light{display:none}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel{
  --login-particle-blue:#1262cf;--login-particle-accent:#6852ce;--login-particle-soft:#087fa5;
  background:radial-gradient(ellipse at 95% 8%,#d6eaff 0,transparent 48%),radial-gradient(ellipse at 8% 88%,#e6e0ff 0,transparent 43%),linear-gradient(155deg,#f8fbff,#edf3ff 55%,#f3f5ff);
  border-left:1px solid #c5d7f2;box-shadow:-24px 0 70px #152d5833,inset 0 1px #fff;
}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel::before{opacity:.5;background-image:linear-gradient(#688fc010 1px,transparent 1px),linear-gradient(90deg,#688fc010 1px,transparent 1px)}
html[data-theme=light] :is(.candidate-home,.employer-home) .login-panel__particles{mask-image:linear-gradient(to bottom,#0009,#000 14%,#000 90%,#0005);-webkit-mask-image:linear-gradient(to bottom,#0009,#000 14%,#000 90%,#0005)}
html[data-theme=light] :is(.candidate-home,.employer-home) .login-panel__particles span{
  display:block;width:calc(var(--particle-size) + 1.4px);height:calc(var(--particle-size) + 1.4px);
  box-shadow:0 0 0 3px color-mix(in srgb,var(--particle-color) 7%,transparent),0 0 12px 2px color-mix(in srgb,var(--particle-color) 20%,transparent);
  animation-name:loginLightParticleDrift;
}
@keyframes loginLightParticleDrift{
  0%{opacity:0;transform:translate3d(0,20px,0) scale(.8)}
  10%{opacity:.62}
  70%{opacity:.72}
  100%{opacity:0;transform:translate3d(var(--particle-drift),-110vh,0) scale(1.05)}
}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel .login-panel__heading-icon{color:#2264ba;background:linear-gradient(135deg,#e1edff,#e8e2ff);border-color:#b7cef0;box-shadow:0 8px 24px #4269ba18}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel .login-panel__audience{background:#eef3ffeb;border-color:#c7d6ee;box-shadow:0 8px 22px #38568c0a}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel .login-panel__audience-icon{color:#2264ba;background:#dce8ff}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel #signInBtn{background:linear-gradient(110deg,#1766dc,#6847d7);box-shadow:0 10px 26px #4d62d42e;border-color:#4067d4;color:#fff}
html[data-theme=light] :is(.candidate-home,.employer-home) #loginPanel .floating-input:focus{background:#fff;border-color:#518bdf;box-shadow:0 0 0 4px #518bdf19}
/* The small hiring-workspace illustration follows the surrounding theme. */
html[data-theme=light] .candidate-home .employer-path__visual{background:linear-gradient(145deg,#fff,#e8f1ff);border-color:#9fbde3;box-shadow:0 12px 30px #244c7e1a}
html[data-theme=light] .candidate-home .employer-preview__head{background:#e1edfc;color:#315374;border-color:#c0d4ed}
html[data-theme=light] .candidate-home .employer-preview__rail{background:#edf4ff;color:#456687;border-color:#c0d4ed}
html[data-theme=light] .candidate-home .employer-preview__title b{color:#193e65}
html[data-theme=light] .candidate-home .employer-preview__cards span{background:#fff;border-color:#c3d7ef}
html[data-theme=light] .candidate-home .employer-preview__cards b{color:#315374}
html[data-theme=light] .candidate-home .employer-preview__cards span:nth-child(2) i{color:#167254}
html[data-theme=light] .candidate-home .employer-preview__cards span:nth-child(3) i{color:#97600d}
html[data-theme=light] .candidate-home .employer-preview__head span{color:#315374}
html[data-theme=light] .candidate-home .employer-capability>i{color:#2269ae}
html[data-theme=light] .candidate-home .employer-capability:nth-child(3)>i{color:#25806e}