/* CBAR sandbox background, KOMPAS palette and reduced-motion support. */
:root{--brand-navy:#004976;--brand-mint:#4bc7b5;--brand-gold:#dfae36;--brand-ink:#002144}
.login-layout .intro,.login-layout .login-intro{position:relative;isolation:isolate;overflow:hidden;background-image:linear-gradient(145deg,#004976 15%,#002144 100%);background-size:cover;background-position:center}
.intro>.brand,.intro>div,.intro>small,.login-intro>.brand,.login-intro>div,.login-intro>small{position:relative;z-index:1}
.login-panel{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(150deg,#f5f8fa,#fff 62%)}
.login-panel::before{content:"";position:absolute;inset:-18px;z-index:0;background-image:none;pointer-events:none}
.brand-particles{position:absolute;inset:0;z-index:0;width:100%;height:100%;opacity:.7;pointer-events:none;mix-blend-mode:screen}
.login-card{position:relative;z-index:1;max-width:100%}
.primary{background:var(--brand-mint);color:var(--brand-ink)}
.primary:hover:not(:disabled){background:#79d9ca}
.eyebrow{color:var(--brand-navy)}
.intro .eyebrow,.login-intro .eyebrow{color:#95e6d9}
@media(max-width:720px){.login-card{width:100%}.intro-stats{gap:clamp(.5rem,3vw,1.5rem);flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){.primary,nav button,.login-panel::before{transition:none!important}.login-panel::before{background-position:center}}