@font-face{font-family:Archivo Black;src:url(../../../fonts/archivo-black-v23-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Grotesk;src:url(../../../fonts/space-grotesk-v22-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Space Mono;src:url(../../../fonts/space-mono-v17-latin-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:ZCOOL QingKe HuangYou;src:url(../../../fonts/zcool-qingke-huangyou-v16-chinese-simplified-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(../../../fonts/noto-sans-tc-v38-chinese-traditional-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(../../../fonts/noto-sans-tc-v38-chinese-traditional-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Noto Sans TC;src:url(../../../fonts/noto-sans-tc-v38-chinese-traditional-900.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}:root{--bg-color: #060606;--text-color: #eeeeee;--primary-color: #ccff00;--secondary-color: #ff1493;--accent-color: #00e5ff;--border-color: #ffffff;--shadow-color: #000000;--font-display: "ZCOOL QingKe HuangYou", "Archivo Black", sans-serif;--font-body: "Space Grotesk", "Noto Sans TC", sans-serif;--border-width: 3px;--shadow-offset: 6px}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-color);font-family:var(--font-body);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);text-transform:uppercase;line-height:1.1}a{color:inherit;text-decoration:none}.neo-box{background:var(--bg-color);border:var(--border-width) solid var(--border-color);box-shadow:var(--shadow-offset) var(--shadow-offset) 0 var(--primary-color);transition:transform .1s,box-shadow .1s}.neo-box:hover{transform:translate(-2px,-2px);box-shadow:calc(var(--shadow-offset) + 2px) calc(var(--shadow-offset) + 2px) 0 var(--secondary-color)}.neo-button{display:inline-block;background:var(--primary-color);color:#000;font-family:var(--font-display);padding:1rem 2rem;border:var(--border-width) solid #000;box-shadow:4px 4px #fff;cursor:pointer;font-size:1.2rem;text-transform:uppercase}.neo-button:hover{background:var(--secondary-color);box-shadow:6px 6px #fff;transform:translate(-2px,-2px)}.glitch-text{position:relative}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch-text:before{left:1px;text-shadow:-1px 0 var(--secondary-color);clip:rect(24px,550px,90px,0);animation:glitch-anim-2 3s infinite linear alternate-reverse;opacity:.7}.glitch-text:after{left:-1px;text-shadow:-1px 0 var(--primary-color);clip:rect(85px,550px,140px,0);animation:glitch-anim 2.5s infinite linear alternate-reverse;opacity:.7}@keyframes glitch-anim{0%{clip:rect(10px,9999px,15px,0)}20%{clip:rect(75px,9999px,80px,0)}40%{clip:rect(20px,9999px,25px,0)}60%{clip:rect(45px,9999px,50px,0)}80%{clip:rect(90px,9999px,95px,0)}to{clip:rect(10px,9999px,15px,0)}}@keyframes glitch-anim-2{0%{clip:rect(60px,9999px,65px,0)}20%{clip:rect(10px,9999px,15px,0)}40%{clip:rect(80px,9999px,85px,0)}60%{clip:rect(30px,9999px,35px,0)}80%{clip:rect(50px,9999px,55px,0)}to{clip:rect(20px,9999px,25px,0)}}.neon-flicker{color:var(--text-color);text-shadow:6px 6px 0px var(--primary-color);animation:neon-hard-cycle 3s infinite step-end,glitch-snap 4s infinite}@keyframes neon-hard-cycle{0%{text-shadow:6px 6px 0px var(--primary-color)}33%{text-shadow:6px 6px 0px var(--secondary-color)}66%{text-shadow:6px 6px 0px var(--accent-color)}}@keyframes glitch-snap{0%,90%,to{opacity:1;transform:translate(0)}91%{opacity:1;transform:translate(-4px,2px)}92%{opacity:0;transform:translate(4px,-2px)}93%{opacity:1;transform:translate(0)}95%{transform:skew(20deg)}96%{transform:skew(0)}}.reveal-base{opacity:0;transition:opacity .5s cubic-bezier(.22,1,.36,1),transform .5s cubic-bezier(.22,1,.36,1),filter .5s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.reveal-up{transform:translateY(60px)}.reveal-scale{transform:scale(.85) rotate(-3deg)}.reveal-rotate{transform:rotate(-8deg) translateY(30px)}.reveal-left{transform:translate(-60px) rotate(2deg)}.reveal-right{transform:translate(60px) rotate(-2deg)}.reveal-base.visible{opacity:1;transform:translate(0) scale(1) rotate(0)}.stagger-child:nth-child(1){transition-delay:.1s}.stagger-child:nth-child(2){transition-delay:.2s}.stagger-child:nth-child(3){transition-delay:.3s}.stagger-child:nth-child(4){transition-delay:.4s}.rgb-split{position:relative}.rgb-split:before,.rgb-split:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .3s ease;pointer-events:none}.rgb-split:before{color:#f0f;transform:translate(-2px);mix-blend-mode:screen}.rgb-split:after{color:#0ff;transform:translate(2px);mix-blend-mode:screen}.rgb-split:hover:before,.rgb-split:hover:after{opacity:.7}.rgb-split.active:before,.rgb-split.active:after{opacity:.5;animation:rgb-glitch .3s ease forwards}@keyframes rgb-glitch{0%{opacity:0;transform:translate(0)}50%{opacity:.8}to{opacity:0}}.shadow-shift{transition:box-shadow .4s cubic-bezier(.22,1,.36,1),transform .4s cubic-bezier(.22,1,.36,1)}.shadow-shift.active{box-shadow:-6px -6px 0 var(--secondary-color);transform:translate(3px,3px)}.brutal-underline{position:relative;display:inline-block}.brutal-underline:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:4px;background:var(--primary-color);transition:width .6s cubic-bezier(.22,1,.36,1)}.brutal-underline.active:after{width:100%}.skew-scroll{transition:transform .3s ease-out}.skew-scroll.active{transform:skew(-2deg)}@keyframes glitch-burst{0%,to{transform:translate(0);opacity:1}20%{transform:translate(-3px,2px);opacity:.8}40%{transform:translate(3px,-2px);opacity:.6}60%{transform:translate(-2px,-3px);opacity:.8}80%{transform:translate(2px,3px);opacity:1}}.glitch-on-scroll.active{animation:glitch-burst .4s ease}@keyframes color-cycle{0%{filter:hue-rotate(0deg)}33%{filter:hue-rotate(120deg)}66%{filter:hue-rotate(240deg)}to{filter:hue-rotate(360deg)}}.color-cycle-on-view{animation:color-cycle 3s ease-in-out infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition-duration:.01ms!important;transition-delay:0s!important}.mixtape-card:hover .gear{animation:none!important}}