:root{--acc-1:#62F5A1;--acc-2:#19E1FF}
.gradient-text{background:linear-gradient(90deg,var(--acc-1),var(--acc-2));-webkit-background-clip:text;background-clip:text;color:transparent}
.header-sticky{position:sticky;top:0;z-index:40;backdrop-filter:blur(8px);background:rgba(10,10,10,.6);border-bottom:1px solid rgba(255,255,255,.06)}
.nav a{transition:color .2s ease,text-shadow .2s ease}
.nav a:hover{color:#fff;text-shadow:0 0 8px rgba(97,246,168,.4)}
.card{transform-style:preserve-3d;transition:transform .25s ease,box-shadow .25s ease}
.card:hover{transform:translateY(-6px) rotateX(1.2deg) rotateY(-1.2deg)}
.card.featured{border:2px solid transparent;background:linear-gradient(#0b0b0b,#0b0b0b) padding-box,linear-gradient(45deg,var(--acc-1),var(--acc-2)) border-box;box-shadow:0 6px 24px rgba(25,225,255,.1),inset 0 0 0 1px rgba(255,255,255,.02)}
.btn.glow:hover{box-shadow:0 0 16px rgba(97,246,168,.35),0 0 24px rgba(25,225,255,.25)}
.marquee{display:flex;gap:32px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent)}
.marquee .track{display:flex;gap:32px;animation:scroll 28s linear infinite}
@keyframes scroll{to{transform:translateX(-50%)}}