@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Orbitron:wght@400;700;900&family=Russo+One&family=Audiowide&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent}::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-x-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:transparent;--tw-gradient-via:transparent;--tw-gradient-to:transparent;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-duration:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-shadow:0 0 transparent;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 transparent;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 transparent;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 transparent;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 transparent}}}.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.left-1\/2{left:50%}.left-1\/3{left:33.3333%}.z-0{z-index:0}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}.mx-auto{margin-left:auto;margin-right:auto}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.aspect-square{aspect-ratio:1}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-full{width:100%}.flex-1{flex:1}.flex-grow{flex-grow:1}.-translate-x-1\/2{--tw-translate-x:calc(calc(1/2*100%)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.-rotate-90{rotate:-90deg}.rotate-45{rotate:45deg}.rotate-90{rotate:90deg}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}:where(.space-x-reverse>:not(:last-child)){--tw-space-x-reverse:1}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px*var(--tw-divide-y-reverse));border-bottom-width:calc(1px*calc(1 - var(--tw-divide-y-reverse)))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.bg-transparent{background-color:transparent}.bg-gradient-to-br{--tw-gradient-position:to bottom right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-r{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.bg-gradient-to-t{--tw-gradient-position:to top in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.to-transparent{--tw-gradient-to:transparent;--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position),var(--tw-gradient-from)var(--tw-gradient-from-position),var(--tw-gradient-to)var(--tw-gradient-to-position))}.object-contain{object-fit:contain}.text-center{text-align:center}.text-right{text-align:right}.italic{font-style:italic}.opacity-0{opacity:0}.opacity-5{opacity:.05}.opacity-20{opacity:.2}.opacity-30{opacity:.3}.opacity-75{opacity:.75}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-colors{transition-property:color,background-color,border-color,outline-color,-webkit-text-decoration-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-shadow{transition-property:box-shadow;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,ease);transition-duration:var(--tw-duration,0s)}.duration-300{--tw-duration:.3s;transition-duration:.3s}.duration-500{--tw-duration:.5s;transition-duration:.5s}@media (hover:hover){.group-hover\:scale-110:is(:where(.group):hover *){--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:scale-125:is(:where(.group):hover *){--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:scale-125:hover{--tw-scale-x:125%;--tw-scale-y:125%;--tw-scale-z:125%;scale:var(--tw-scale-x)var(--tw-scale-y)}.hover\:bg-gradient-to-r:hover{--tw-gradient-position:to right in oklab;background-image:linear-gradient(var(--tw-gradient-stops))}.hover\:bg-clip-text:hover{-webkit-background-clip:text;background-clip:text}.hover\:text-transparent:hover{color:transparent}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}}.focus\:border-transparent:focus{border-color:transparent}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(2px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}:root{--neon-pink:#ff1493;--hot-magenta:#f0f;--electric-cyan:#0ff;--electric-blue:#00bfff;--neon-purple:#9d00ff;--sunset-orange:#ff6b35;--sunset-yellow:gold;--chrome-silver:silver;--metallic-gold:#d4af37;--space-black:#0a0a0f;--grid-blue:#1e90ff;--laser-green:#0f0;--vhs-static:#2a2a35}body{background:var(--space-black);color:#fff;direction:rtl;min-height:100vh;font-family:Russo One,sans-serif;position:relative;overflow-x:hidden}body:before{content:"";background:radial-gradient(ellipse at top,rgba(157,0,255,.3) 0%,transparent 50%),radial-gradient(ellipse at bottom,rgba(255,0,255,.2) 0%,transparent 50%),linear-gradient(180deg,var(--space-black)0%,#1a0033 100%);pointer-events:none;z-index:1;width:100%;height:100%;position:fixed;top:0;left:0}.laser-grid{transform-origin:50%;pointer-events:none;z-index:2;background-image:linear-gradient(rgba(0,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(0,255,255,.1) 1px,transparent 1px);background-size:50px 50px;width:100%;height:100%;animation:20s linear infinite grid-move;position:fixed;top:0;left:0;transform:perspective(500px)rotateX(60deg)}@keyframes grid-move{0%{transform:perspective(500px)rotateX(60deg)translateY(0)}to{transform:perspective(500px)rotateX(60deg)translateY(50px)}}.container{z-index:10;position:relative}.chrome-text{-webkit-text-fill-color:transparent;text-transform:uppercase;letter-spacing:3px;text-shadow:0 1px #ccc,0 2px #c9c9c9,0 3px #bbb,0 4px #b9b9b9,0 5px #aaa,0 6px 1px rgba(0,0,0,.1),0 0 5px rgba(0,0,0,.1),0 1px 3px rgba(0,0,0,.3),0 3px 5px rgba(0,0,0,.2),0 5px 10px rgba(0,0,0,.25);background:linear-gradient(#eee 0%,#999 50%,#777 51%,#555 100%);-webkit-background-clip:text;background-clip:text;font-family:Bebas Neue,sans-serif;font-weight:900}.neon-text{color:var(--neon-pink);text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 30px var(--neon-pink),0 0 40px var(--hot-magenta),0 0 70px var(--hot-magenta),0 0 80px var(--hot-magenta),0 0 100px var(--hot-magenta),0 0 150px var(--hot-magenta);font-family:Audiowide,cursive;animation:1.5s infinite alternate neon-flicker}.neon-cyan{color:var(--electric-cyan);text-shadow:0 0 10px var(--electric-cyan),0 0 20px var(--electric-cyan),0 0 30px var(--electric-cyan),0 0 40px var(--electric-blue),0 0 70px var(--electric-blue),0 0 80px var(--electric-blue)}@keyframes neon-flicker{0%,to{text-shadow:0 0 10px var(--neon-pink),0 0 20px var(--neon-pink),0 0 30px var(--neon-pink),0 0 40px var(--hot-magenta),0 0 70px var(--hot-magenta)}50%{text-shadow:0 0 5px var(--neon-pink),0 0 15px var(--neon-pink),0 0 25px var(--neon-pink),0 0 35px var(--hot-magenta),0 0 60px var(--hot-magenta)}}.btn-80s{text-transform:uppercase;letter-spacing:2px;background:linear-gradient(45deg,var(--neon-purple),var(--hot-magenta));border:2px solid var(--electric-cyan);color:#fff;padding:15px 40px;font-family:Orbitron,sans-serif;font-weight:700;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(157,0,255,.5),inset 0 0 20px rgba(255,0,255,.2)}.btn-80s:before{content:"";background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.btn-80s:hover{text-shadow:0 0 10px rgba(255,255,255,.8);transform:scale(1.05);box-shadow:0 0 30px rgba(0,255,255,.8),0 0 60px rgba(255,0,255,.6),inset 0 0 30px rgba(255,255,255,.3)}.btn-80s:hover:before{left:100%}.btn-cassette{border:3px solid var(--chrome-silver);color:var(--electric-cyan);text-transform:uppercase;letter-spacing:3px;background:linear-gradient(135deg,#2a2a35 0%,#1a1a25 100%);padding:12px 30px;font-family:Bebas Neue,sans-serif;transition:all .1s;position:relative;box-shadow:0 5px #000,0 5px 15px rgba(0,0,0,.5)}.btn-cassette:active{transform:translateY(3px);box-shadow:0 2px #000,0 2px 5px rgba(0,0,0,.5)}.vhs-glitch{animation:3s infinite vhs-distortion;position:relative}.vhs-glitch:before,.vhs-glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.vhs-glitch:before{color:var(--electric-cyan);z-index:-1;animation:.5s infinite glitch-1}.vhs-glitch:after{color:var(--hot-magenta);z-index:-2;animation:.5s infinite glitch-2}@keyframes vhs-distortion{0%,to{filter:hue-rotate()saturate()}20%{filter:hue-rotate(20deg)saturate(1.5)}40%{filter:hue-rotate(-20deg)saturate(1.2)}}@keyframes glitch-1{0%,to{clip:rect(30px,9999px,40px,0);transform:skew(.5deg)}20%{clip:rect(80px,9999px,90px,0);transform:skew(.8deg)}40%{clip:rect(10px,9999px,100px,0);transform:skew(.3deg)}60%{clip:rect(50px,9999px,60px,0);transform:skew(.7deg)}80%{clip:rect(90px,9999px,100px,0);transform:skew(.4deg)}}@keyframes glitch-2{0%,to{clip:rect(65px,9999px,100px,0);transform:skew(.5deg)}20%{clip:rect(10px,9999px,30px,0);transform:skew(.2deg)}40%{clip:rect(40px,9999px,80px,0);transform:skew(.6deg)}60%{clip:rect(20px,9999px,60px,0);transform:skew(.3deg)}80%{clip:rect(30px,9999px,90px,0);transform:skew(.8deg)}}.sunset-bg{background:linear-gradient(#1a0033 0%,#4a0066 20%,purple 40%,#ff1493 60%,#ff6b35 80%,gold 100%);position:relative}.sunset-bg:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(255,0,255,.3) 2px,rgba(255,0,255,.3) 4px);width:100%;height:60%;position:absolute;bottom:0;left:0}.poster-card{border:3px solid var(--neon-pink);background:linear-gradient(135deg,#1a0033 0%,#0a0a0f 100%);transition:all .3s;position:relative;overflow:hidden;transform:perspective(1000px)rotateY(-5deg);box-shadow:0 0 30px rgba(255,20,147,.5),inset 0 0 30px rgba(157,0,255,.2)}.poster-card:hover{transform:perspective(1000px)rotateY(0)scale(1.05);box-shadow:0 0 50px rgba(255,20,147,.8),0 0 100px rgba(0,255,255,.4),inset 0 0 50px rgba(255,255,255,.1)}.poster-card:before{content:"";background:linear-gradient(45deg,var(--neon-pink),var(--electric-cyan),var(--neon-purple),var(--hot-magenta));z-index:-1;filter:blur(10px);opacity:0;transition:opacity .3s;position:absolute;top:-2px;bottom:-2px;left:-2px;right:-2px}.poster-card:hover:before{opacity:1}.lightning{pointer-events:none;z-index:100;width:100%;height:100%;position:fixed;top:0;left:0}.lightning:before,.lightning:after{content:"";background:linear-gradient(to bottom,transparent,var(--electric-cyan),transparent);opacity:0;filter:blur(1px);width:2px;height:100%;position:absolute;top:0}.lightning:before{animation:4s infinite lightning-strike;left:20%}.lightning:after{animation:4s 2s infinite lightning-strike;right:30%}@keyframes lightning-strike{0%,95%{opacity:0}96%,97%{opacity:1;transform:scaleY(1)}98%,to{opacity:0;transform:scaleY(0)}}.synth-wave{opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 200'%3E%3Cpath fill='none' stroke='%23FF1493' stroke-width='2' d='M0,100 Q300,50 600,100 T1200,100'/%3E%3C/svg%3E") 0 0/100% 100%;width:100%;height:200px;animation:3s linear infinite wave;position:absolute;bottom:0;left:0}@keyframes wave{0%{transform:translate(0)}to{transform:translate(-1200px)}}.terminal-80s{border:2px solid var(--laser-green);color:var(--laser-green);background:rgba(0,0,0,.9);padding:20px;font-family:Orbitron,monospace;position:relative;overflow:hidden;box-shadow:0 0 20px rgba(0,255,0,.5),inset 0 0 20px rgba(0,255,0,.1)}.terminal-80s:before{content:"";pointer-events:none;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(0,255,0,.03) 2px,rgba(0,255,0,.03) 4px);width:100%;height:100%;position:absolute;top:0;left:0}.cassette-ui{background:linear-gradient(135deg,#3a3a45 0%,#2a2a35 100%);border:3px solid #1a1a25;border-radius:10px;padding:20px;position:relative;box-shadow:0 10px 30px rgba(0,0,0,.8),inset 0 2px 5px rgba(255,255,255,.1)}.cassette-ui:before,.cassette-ui:after{content:"";background:radial-gradient(circle,#4a4a55 30%,#2a2a35 31%);border:2px solid #1a1a25;border-radius:50%;width:60px;height:60px;animation:2s linear infinite spin;position:absolute;top:50%;transform:translateY(-50%)}.cassette-ui:before{left:30px}.cassette-ui:after{right:30px}@keyframes spin{0%{transform:translateY(-50%)rotate(0)}to{transform:translateY(-50%)rotate(360deg)}}.metallic{-webkit-text-fill-color:transparent;text-shadow:0 2px 4px rgba(0,0,0,.5),0 4px 8px rgba(0,0,0,.3);background:linear-gradient(135deg,gold 0%,orange 25%,gold 50%,orange 75%,gold 100%);-webkit-background-clip:text;background-clip:text}::-webkit-scrollbar{background:var(--space-black);width:12px}::-webkit-scrollbar-track{background:linear-gradient(180deg,var(--space-black),#1a0033);border:1px solid var(--neon-purple)}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--neon-pink),var(--hot-magenta));border:1px solid var(--electric-cyan);box-shadow:0 0 10px var(--neon-pink),inset 0 0 5px rgba(255,255,255,.3)}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,var(--electric-cyan),var(--electric-blue));box-shadow:0 0 20px var(--electric-cyan),inset 0 0 10px rgba(255,255,255,.5)}h1{font-size:max(2.5rem,min(8vw,5rem))}h2{font-size:max(2rem,min(6vw,3.5rem))}h3{font-size:max(1.5rem,min(4vw,2.5rem))}.float{animation:3s ease-in-out infinite float}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}.pulse-glow{animation:2s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px rgba(255,20,147,.5)}50%{box-shadow:0 0 40px rgba(255,20,147,.8),0 0 60px rgba(0,255,255,.5)}}.retro-badge{background:linear-gradient(45deg,var(--sunset-orange),var(--sunset-yellow));color:var(--space-black);text-transform:uppercase;letter-spacing:2px;box-shadow:3px 3px 0 var(--space-black);padding:5px 15px;font-family:Bebas Neue,sans-serif;font-weight:700;display:inline-block;transform:rotate(-5deg)}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-x-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:transparent}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:transparent}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:transparent}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-duration{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 transparent}