.site-header.aurora-site-header { position: fixed; inset: 0 0 auto; z-index: 50; min-height: 5.5rem; overflow: visible; border-bottom: 1px solid rgba(0, 212, 255, .25) !important; background: #000 !important; box-shadow: 0 .7rem 2.5rem rgba(0, 0, 0, .5) !important; backdrop-filter: none !important; isolation: isolate; display: block; width: 100%; margin: 0; padding: 0; }
body.has-aurora-header { padding-top: 5.5rem; }
body.has-aurora-section-nav { padding-top: 8.5rem; }
body.has-aurora-header::before { position: fixed; inset: -12%; z-index: -2; contain: strict; content: ""; pointer-events: none; background: radial-gradient(ellipse 40% 36% at 20% 48%, rgba(0,255,170,.16), transparent 72%), radial-gradient(ellipse 38% 40% at 48% 30%, rgba(0,200,255,.15), transparent 70%), radial-gradient(ellipse 42% 36% at 77% 58%, rgba(180,0,255,.13), transparent 72%), radial-gradient(ellipse 34% 44% at 70% 22%, rgba(255,0,128,.12), transparent 68%); will-change: transform; animation: aurora-page-drift 28s ease-in-out infinite alternate; animation-delay: var(--aurora-page-drift-delay, 0s); }
@keyframes aurora-page-drift { 0% { transform: translate3d(-2%, 1%, 0) rotate(-1deg) scale(1); } 35% { transform: translate3d(3%, -2%, 0) rotate(1deg) scale(1.05); } 70% { transform: translate3d(-1%, 3%, 0) rotate(-1deg) scale(.98); } 100% { transform: translate3d(2%, -1%, 0) rotate(1deg) scale(1.03); } }
.aurora-site-header::before { position: absolute; inset: -7rem -8%; z-index: -2; contain: strict; content: ""; pointer-events: none; background: radial-gradient(ellipse 36% 31% at 15% 50%, rgba(0,255,170,.3), transparent 72%), radial-gradient(ellipse 32% 35% at 42% 34%, rgba(0,200,255,.24), transparent 71%), radial-gradient(ellipse 34% 31% at 76% 58%, rgba(180,0,255,.23), transparent 72%), radial-gradient(ellipse 28% 37% at 90% 20%, rgba(255,0,128,.2), transparent 69%); will-change: transform; animation: aurora-header-drift 20s ease-in-out infinite alternate; animation-delay: var(--aurora-header-drift-delay, 0s); }
.aurora-site-header::after { position: absolute; inset: 0; z-index: -1; content: ""; pointer-events: none; background: repeating-linear-gradient(0deg, transparent, transparent 2px, rgba(255,255,255,.018) 2px, rgba(255,255,255,.018) 4px); }
@keyframes aurora-header-drift { 0% { transform: translate3d(0, 0, 0) rotate(0) scale(1); } 35% { transform: translate3d(-2%, 2%, 0) rotate(1deg) scale(1.04); } 70% { transform: translate3d(2%, -1%, 0) rotate(-1deg) scale(.98); } 100% { transform: translate3d(-1%, 1%, 0) rotate(1deg) scale(1.02); } }
.aurora-site-header .aurora-header-stars { position: absolute; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; }
.aurora-site-header .aurora-header-star-layer { position: absolute; inset: 0; opacity: 0; will-change: opacity; animation: aurora-header-star-layer-twinkle var(--star-duration) ease-in-out infinite; animation-delay: var(--star-delay); }
.aurora-site-header .aurora-header-star { position: absolute; width: 2px; height: 2px; border-radius: 50%; background: #fff; opacity: 0; animation: aurora-header-twinkle var(--star-duration) ease-in-out infinite; animation-delay: var(--star-delay); }
@keyframes aurora-header-star-layer-twinkle { 0%, 100% { opacity: 0; } 50% { opacity: 1; } }
@keyframes aurora-header-twinkle { 0%, 100% { opacity: 0; transform: scale(.5); } 50% { opacity: var(--star-brightness); transform: scale(1); } }
.aurora-site-header .nav-wrap { position: relative; z-index: 2; width: min(calc(100% - 2rem), var(--content, 72rem)); min-height: 5.5rem; height: auto; margin: auto; display: grid; grid-template-columns: auto 1fr; align-items: center; column-gap: 1.25rem; }
.aurora-site-header .aurora-navigation { display: contents; }
.aurora-site-header .aurora-global-nav, .aurora-site-header .aurora-section-nav { display: flex; align-items: center; gap: .2rem; overflow-x: auto; scrollbar-width: thin; }
.aurora-site-header .aurora-global-nav { justify-content: flex-end; }
.aurora-site-header .aurora-section-nav { position: absolute; top: 100%; left: 0; right: 0; height: 3rem; min-height: 3rem; padding: 0; border-top: 1px solid rgba(247,243,251,.1); background: transparent; }
.aurora-site-header .aurora-global-nav a, .aurora-site-header .aurora-section-nav a { flex: 0 0 auto; padding: .48rem .58rem; border-radius: .6rem; color: rgba(247,243,251,.78); font-size: .78rem; text-decoration: none; }
.aurora-site-header .aurora-global-nav a:hover, .aurora-site-header .aurora-global-nav a[aria-current="page"], .aurora-site-header .aurora-section-nav a:hover, .aurora-site-header .aurora-section-nav a[aria-current="page"] { color: #fff; background: rgba(168,85,247,.15); box-shadow: inset 0 0 0 1px rgba(0,212,255,.26); }
.aurora-site-header .brand-name, .aurora-site-header .aurora-brand-name { position: relative; flex: 0 0 auto; color: transparent; background: linear-gradient(135deg, #00ffaa 0%, #00d4ff 25%, #a855f7 50%, #ff007f 75%, #00ffaa 100%); background-position: 0 50%; background-size: 300% 300%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 0 16px rgba(0,255,170,.24)); font-size: clamp(1rem, 2.2vw, 1.48rem); font-weight: 250; letter-spacing: .14em; line-height: 1.1; text-align: left; text-decoration: none; text-transform: uppercase; white-space: nowrap; }
.aurora-brand-layer { position: absolute; inset: 0; color: transparent; background: linear-gradient(135deg, #00ffaa 0%, #00d4ff 25%, #a855f7 50%, #ff007f 75%, #00ffaa 100%); background-size: 300% 300%; background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; pointer-events: none; opacity: 0; will-change: opacity; animation-duration: 8s; animation-timing-function: ease-in-out; animation-iteration-count: infinite; animation-delay: var(--aurora-header-color-delay, 0s); }
.aurora-brand-layer-1 { background-position: 33.333% 50%; animation-name: aurora-brand-layer-1; }.aurora-brand-layer-2 { background-position: 66.667% 50%; animation-name: aurora-brand-layer-2; }.aurora-brand-layer-3 { background-position: 100% 50%; animation-name: aurora-brand-layer-3; }
@keyframes aurora-brand-layer-1 { 0%, 100% { opacity: 0; } 16.667%, 83.333% { opacity: 1; } } @keyframes aurora-brand-layer-2 { 0%, 16.667%, 83.333%, 100% { opacity: 0; } 33.333%, 66.667% { opacity: 1; } } @keyframes aurora-brand-layer-3 { 0%, 33.333%, 66.667%, 100% { opacity: 0; } 50% { opacity: 1; } }
.aurora-gradient-title { position: relative; }
.aurora-gradient-title-layer { position: absolute; inset: 0; display: block; pointer-events: none; opacity: 0; }
.aurora-site-header .brand-name:hover, .aurora-site-header .aurora-brand-name:hover { color: transparent; filter: drop-shadow(0 0 9px rgba(0,255,170,.5)) drop-shadow(0 0 18px rgba(168,85,247,.32)); }
.aurora-site-header .nav-toggle { display: none; }
@media (min-width: 761px) and (max-width: 1120px) { .aurora-site-header .nav-wrap { width: calc(100% - 1rem); column-gap: .5rem; } .aurora-site-header .brand-name, .aurora-site-header .aurora-brand-name { font-size: 1rem; letter-spacing: .1em; } .aurora-site-header .aurora-global-nav a, .aurora-site-header .aurora-section-nav a { padding: .42rem .34rem; font-size: .68rem; } }
@media (max-width: 760px) { body.has-aurora-header::before { inset: -8%; background: radial-gradient(ellipse 48% 40% at 17% 45%, rgba(0,255,170,.16), transparent 72%), radial-gradient(ellipse 46% 44% at 48% 28%, rgba(0,200,255,.15), transparent 70%), radial-gradient(ellipse 50% 40% at 82% 62%, rgba(180,0,255,.13), transparent 72%), radial-gradient(ellipse 40% 48% at 72% 18%, rgba(255,0,128,.12), transparent 68%); } .aurora-site-header::before { inset: -5rem -6%; } .aurora-site-header { min-height: 5rem; } body.has-aurora-header, body.has-aurora-section-nav { padding-top: 5rem; } .aurora-site-header .nav-wrap { min-height: 5rem; display: flex; } .aurora-site-header .aurora-brand-name { max-width: calc(100% - 4rem); font-size: clamp(.82rem,4.2vw,1.1rem); letter-spacing: .1em; } .aurora-site-header .nav-toggle { width: 2.8rem; height: 2.8rem; display: inline-grid; place-items: center; margin-left: auto; border: 1px solid rgba(0,212,255,.3); border-radius: .7rem; color: #fff; cursor: pointer; background: rgba(0,212,255,.08); } .aurora-site-header .nav-toggle-lines { width: 1rem; display: grid; gap: .32rem; } .aurora-site-header .nav-toggle-lines i { height: 1px; display: block; background: currentColor; transition: transform .2s ease; } .aurora-site-header.nav-open .nav-toggle-lines i:first-child { transform: translateY(.165rem) rotate(45deg); } .aurora-site-header.nav-open .nav-toggle-lines i:last-child { transform: translateY(-.165rem) rotate(-45deg); } .aurora-site-header .aurora-navigation { position: absolute; top: calc(100% - 1px); left: 0; right: 0; display: none; max-height: calc(100vh - 5rem); overflow-y: auto; padding: .65rem; border: 1px solid rgba(0,212,255,.25); border-radius: 0 0 1rem 1rem; background: rgba(10,8,14,.97); box-shadow: 0 1.5rem 3rem rgba(0,0,0,.55); backdrop-filter: blur(20px); } .aurora-site-header.nav-open .aurora-navigation { display: flex; flex-direction: column; align-items: stretch; } .aurora-site-header .aurora-global-nav, .aurora-site-header .aurora-section-nav { display: flex; flex-direction: column; align-items: stretch; overflow: visible; padding: 0; border: 0; } .aurora-site-header .aurora-section-nav { position: static; margin-top: .35rem; padding-top: .35rem; border-top: 1px solid rgba(247,243,251,.12); } .aurora-site-header .aurora-global-nav a, .aurora-site-header .aurora-section-nav a { width: 100%; padding: .72rem .8rem; } }
@media (prefers-reduced-motion: reduce) { html:not([data-aurora-explicit-tier]) body.has-aurora-header::before, html:not([data-aurora-explicit-tier]) .aurora-site-header::before, html:not([data-aurora-explicit-tier]) .aurora-brand-layer, html:not([data-aurora-explicit-tier]) .aurora-site-header .aurora-header-star-layer, html:not([data-aurora-explicit-tier]) .aurora-site-header .aurora-header-star { animation: none; } html:not([data-aurora-explicit-tier]) .aurora-brand-layer { opacity: 0; } html:not([data-aurora-explicit-tier]) .aurora-site-header .aurora-header-star-layer, html:not([data-aurora-explicit-tier]) .aurora-site-header .aurora-header-star { opacity: .45; } }

html[data-aurora-effects="balanced"] .aurora-site-header .aurora-header-star-layer:nth-child(n+5), html[data-aurora-effects="balanced"] .aurora-site-header .aurora-header-star:nth-child(n+11) { animation: none; opacity: .45; }
html[data-aurora-effects="calm"] body.has-aurora-header::before, html[data-aurora-effects="calm"] .aurora-site-header::before, html[data-aurora-effects="calm"] .aurora-brand-layer, html[data-aurora-effects="calm"] .aurora-gradient-title-layer, html[data-aurora-effects="calm"] .aurora-site-header .aurora-header-star-layer, html[data-aurora-effects="calm"] .aurora-site-header .aurora-header-star { animation: none !important; }
html[data-aurora-effects="calm"] .aurora-brand-layer, html[data-aurora-effects="calm"] .aurora-gradient-title-layer { opacity: 0; }
html[data-aurora-effects="calm"] .aurora-site-header .aurora-header-star-layer, html[data-aurora-effects="calm"] .aurora-site-header .aurora-header-star { opacity: .45; }

.aurora-effects-control { position: fixed; right: max(.8rem,env(safe-area-inset-right)); bottom: max(.8rem,env(safe-area-inset-bottom)); z-index: 100; color: #f7f3fb; font-family: 'Segoe UI',Tahoma,Geneva,Verdana,sans-serif; font-size: .8rem; text-align: left; }
.aurora-effects-toggle { min-height: 2.35rem; display: flex; align-items: center; gap: .5rem; margin-left: auto; padding: .45rem .72rem; border: 1px solid rgba(0,212,255,.34); border-radius: 999px; color: inherit; cursor: pointer; background: rgba(8,7,12,.88); box-shadow: 0 .65rem 1.7rem rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.06); backdrop-filter: blur(12px); }
.aurora-effects-toggle i { width: .65rem; height: .65rem; border-radius: 50%; background: linear-gradient(135deg,#00ffaa,#00d4ff 35%,#a855f7 68%,#ff007f); box-shadow: 0 0 .7rem rgba(0,212,255,.5); }
.aurora-effects-toggle:focus-visible, .aurora-effects-options button:focus-visible { outline: 2px solid #00d4ff; outline-offset: 2px; }
.aurora-effects-panel { width: min(20rem,calc(100vw - 1.6rem)); margin-bottom: .55rem; padding: .9rem; border: 1px solid rgba(168,85,247,.35); border-radius: 1rem; background: rgba(8,7,12,.96); box-shadow: 0 1.2rem 3.5rem rgba(0,0,0,.62); backdrop-filter: blur(18px); }
.aurora-effects-panel[hidden] { display: none; }
.aurora-effects-heading { margin: 0; color: #fff; font-size: .92rem; font-weight: 700; }
.aurora-effects-copy { margin: .2rem 0 .65rem; color: rgba(247,243,251,.65); font-size: .72rem; }
.aurora-effects-options { display: grid; gap: .3rem; }
.aurora-effects-options button { display: grid; gap: .08rem; padding: .55rem .65rem; border: 1px solid transparent; border-radius: .7rem; color: rgba(247,243,251,.76); cursor: pointer; text-align: left; background: rgba(255,255,255,.035); }
.aurora-effects-options button[aria-checked="true"] { border-color: rgba(0,212,255,.42); color: #fff; background: linear-gradient(110deg,rgba(0,212,255,.12),rgba(168,85,247,.13)); }
.aurora-effects-options strong { font-size: .78rem; }
.aurora-effects-options small { color: rgba(247,243,251,.58); font-size: .66rem; }
.aurora-effects-status { min-height: 1em; margin: .65rem 0 0; color: rgba(0,255,170,.75); font-size: .66rem; }
@media (max-width: 430px) { .aurora-effects-control { right: .55rem; bottom: .55rem; } .aurora-effects-toggle { padding: .42rem .62rem; } }