.home-base{--brand-primary:#6366f1;--brand-cyan:#06b6d4}.hero-gradient-text{background-image:conic-gradient(from var(--grad-angle,180deg)at 50% 50%,#2a4ec6,#3d82f2,#5c6df0,#7c6df0,#9b5de5,#8b6cf0,#a078f0,#8b6cf0,#7c6df0,#3d82f2,#2a4ec6);-webkit-text-fill-color:transparent;background-size:300px 300px;-webkit-background-clip:text;background-clip:text}.hero-gradient-border{background:rgba(255,255,255,.05);border:none;position:relative}.hero-gradient-border:before{content:"";background:conic-gradient(from var(--grad-angle,180deg)at 50% 50%,#2a4ec6,#3d82f2,#5c6df0,#7c6df0,#9b5de5,#8b6cf0,#a078f0,#8b6cf0,#7c6df0,#3d82f2,#2a4ec6);-webkit-mask-composite:xor;opacity:.5;pointer-events:none;border-radius:9999px;padding:1px;position:absolute;top:0;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#fff 0,#fff 0),linear-gradient(#fff 0,#fff 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}html:has(.home-base){scroll-snap-type:y mandatory}.hud-card{background:var(--glass-bg);border:1px solid var(--line-hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .3s;position:relative;overflow:hidden}.hud-card:before{content:"";background:linear-gradient(90deg,transparent,var(--line-strong),transparent);opacity:0;height:1px;transition:opacity .3s;position:absolute;top:0;left:0;right:0}.hud-card:hover{border-color:rgba(99,102,241,.25);transform:translateY(-2px)}.hud-card:hover:before{opacity:1}.grid-bg{background-size:40px 40px;background-image:linear-gradient(to right,var(--line-hairline)1px,transparent 1px),linear-gradient(to bottom,var(--line-hairline)1px,transparent 1px);-webkit-mask-image:linear-gradient(#000 40%,transparent 100%);mask-image:linear-gradient(#000 40%,transparent 100%)}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100%)}}.animate-scan{pointer-events:none;background:linear-gradient(transparent,rgba(99,102,241,.03),transparent);animation:4s linear infinite scanline;position:absolute;top:0;bottom:0;left:0;right:0}.video-info-box{background:var(--glass-bg);border:1px solid var(--line-hairline);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color .3s,box-shadow .3s}.video-info-box:hover{border-color:color-mix(in srgb,var(--brand-primary)25%,transparent);box-shadow:0 2px 20px color-mix(in srgb,var(--brand-primary)6%,transparent)}