header,.branding-preview-header{background:var(--branding-bg,var(--theme-header,var(--panel,#11141a)))}
header.has-custom-background .brand,header.has-custom-background .admin-link,header.has-custom-background .mobile-menu,.branding-preview-header.has-custom-background{color:var(--branding-ink)}
header.has-custom-background .language-select{background:transparent;color:var(--branding-ink);border-color:color-mix(in srgb,var(--branding-ink) 35%,transparent)}header.has-custom-background .language-select option{background:var(--panel);color:var(--white)}
header .brand,.branding-preview-header .brand{min-width:0}.custom-header-logo{display:block;object-fit:contain;width:auto;height:var(--logo-height,40px);max-height:56px;max-width:220px;flex-shrink:1;min-width:0}.brand-name{min-width:0}.has-custom-logo .brand-name{overflow:hidden;text-overflow:ellipsis}.brand-mark[hidden],.brand-name[hidden],.custom-header-logo[hidden]{display:none!important}
.branding-preview-header{min-height:84px;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:20px;border:1px solid var(--border,#303747);border-radius:12px;color:var(--white,#f3f4f7)}.branding-preview-header .brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit}.branding-preview-header .brand-mark{background:#70baff;color:#071324;width:40px;height:40px;border-radius:10px;display:grid;place-items:center}.branding-preview-label{font-size:11px;opacity:.75;flex-shrink:0}#branding-form{display:grid;gap:20px}.branding-options{display:flex;align-items:center;flex-wrap:wrap;gap:24px}.branding-options>label:first-child{min-width:180px}.branding-panel small{font-size:11px;line-height:1.7;color:var(--muted,#9ba5b5)}#header-colour-value,#logo-height-value{font-size:11px;color:var(--muted,#9ba5b5)}#branding-form input[type=color]{width:80px;height:40px;padding:3px}#branding-form input[type=range]{padding:0;width:180px}#branding-form input[type=checkbox]{width:auto}
@media(max-width:850px){header .custom-header-logo{max-width:160px}}
@media(max-width:650px){header .custom-header-logo{max-height:36px;max-width:110px}header .brand.has-custom-logo{flex-shrink:1;gap:7px}header .has-custom-logo .brand-name{max-width:100px}header .header-right{flex-shrink:0}.branding-preview-header{padding:16px;gap:12px}.branding-preview-header .custom-header-logo{max-width:130px;max-height:36px}.branding-preview-label{display:none}}
@media(max-width:380px){header .custom-header-logo{max-width:80px}header .has-custom-logo .brand-name{max-width:65px}}
/* Decorative motion remains behind links, logo and controls. */
.branding-preview-header{position:relative;isolation:isolate}.header-motion{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;border-radius:inherit}.header-motion:before,.header-motion:after{content:'';position:absolute;pointer-events:none}
.header-animation-aurora .header-motion:before{inset:-140% -15%;background:radial-gradient(ellipse at 25% 45%,#37b5ef66,transparent 40%),radial-gradient(ellipse at 70% 60%,#ad77ff55,transparent 42%);filter:blur(16px);opacity:.45;animation:yaalkalai-aurora 16s ease-in-out infinite alternate;will-change:transform}.header-animation-aurora .header-motion:after{inset:-100% -30%;background:radial-gradient(ellipse at 80% 50%,#44d7bd44,transparent 45%);opacity:.4;animation:yaalkalai-aurora 21s ease-in-out infinite alternate-reverse}
.header-animation-sweep .header-motion:before{top:0;bottom:0;width:45%;left:-45%;background:linear-gradient(110deg,transparent,#ffffff20,transparent);animation:yaalkalai-sweep 12s ease-in-out infinite}
@keyframes yaalkalai-aurora{from{transform:translate3d(-6%,0,0) rotate(-4deg)}to{transform:translate3d(7%,5%,0) rotate(5deg)}}@keyframes yaalkalai-sweep{0%,12%{transform:translate3d(0,0,0)}70%,100%{transform:translate3d(330%,0,0)}}
@media(prefers-reduced-motion:reduce){.header-motion{display:none}.header-motion:before,.header-motion:after{animation:none!important}}