.hub-intro{position:relative;isolation:isolate;min-height:390px;margin:-40px -26px 42px;padding:84px 52px 52px;display:flex;align-items:flex-end;overflow:hidden;border-bottom:1px solid var(--theme-line,#41632f);background:#020604}
.hub-intro:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020605 0%,transparent 42%,#03080644 73%,#020604 100%),linear-gradient(180deg,transparent 48%,#020604 100%)}
.hub-neon{position:absolute;inset:-25%;z-index:-2;filter:blur(32px) saturate(150%);opacity:.88;transform:rotate(-8deg);animation:neon-field 12s ease-in-out infinite alternate}
.hub-neon i{position:absolute;display:block;border-radius:50%;mix-blend-mode:screen;will-change:transform}
.hub-neon i:nth-child(1){width:75%;height:20%;left:-8%;top:35%;background:var(--theme-wave-a,#38ff1499);box-shadow:0 0 80px var(--theme-glow,#52ff21);transform:rotate(14deg);animation:neon-wave-a 8s ease-in-out infinite alternate}
.hub-neon i:nth-child(2){width:66%;height:16%;right:-8%;top:22%;background:var(--theme-wave-b,#71ff36b8);box-shadow:0 0 95px var(--theme-deep-glow,#149900);transform:rotate(-21deg);animation:neon-wave-b 11s ease-in-out infinite alternate}
.hub-neon i:nth-child(3){width:52%;height:13%;right:8%;bottom:22%;background:var(--theme-wave-c,#61ff28aa);box-shadow:0 0 85px var(--theme-soft-glow,#73ff38);transform:rotate(23deg);animation:neon-wave-c 9s ease-in-out infinite alternate}
.hub-neon i:nth-child(4){width:35%;height:35%;left:38%;top:12%;background:var(--theme-wave-d,#2dff0b5c);box-shadow:0 0 120px var(--theme-deep-glow,#149900);animation:neon-pulse 7s ease-in-out infinite}
.hub-intro-content{width:100%;position:relative;z-index:1}
.hub-intro .hub-eyebrow{color:var(--theme-soft,#b8ff96);text-shadow:0 0 18px var(--theme-glow,#65ff23)}
.hub-intro .hub-head{margin-bottom:38px}
.hub-intro .hub-head h1{font-size:clamp(54px,8vw,96px);max-width:880px;text-shadow:0 8px 30px #000}
.hub-intro .hub-head p{color:#d3ddd0;max-width:330px;text-shadow:0 3px 15px #000;font-weight:550}
.hub-intro-meta{display:flex;gap:8px}
.hub-intro-meta span{padding:7px 11px;border:1px solid var(--theme-line,#9cff6c55);border-radius:999px;background:var(--theme-chip,#06100688);color:var(--theme-soft,#c8ffad);font-size:10px;letter-spacing:1.5px;backdrop-filter:blur(10px)}
@keyframes neon-field{to{transform:rotate(-3deg) scale(1.1) translate3d(2%,-2%,0)}}
@keyframes neon-wave-a{to{transform:rotate(8deg) translate3d(9%,28%,0) scale(1.08)}}
@keyframes neon-wave-b{to{transform:rotate(-14deg) translate3d(-12%,24%,0) scale(1.12)}}
@keyframes neon-wave-c{to{transform:rotate(17deg) translate3d(-16%,-25%,0) scale(1.15)}}
@keyframes neon-pulse{50%{transform:scale(1.3);opacity:.55}}
@media(max-width:760px){.hub-intro{min-height:370px;margin:-28px -14px 34px;padding:70px 22px 36px}.hub-intro .hub-head{display:block;margin-bottom:28px}.hub-intro .hub-head h1{font-size:54px}.hub-intro .hub-head p{margin-top:16px;max-width:290px}.hub-neon{inset:-8% -40%;filter:blur(26px)}}
@media(prefers-reduced-motion:reduce){.hub-neon,.hub-neon i{animation:none!important}}
