@font-face{font-family:'DCC Ash';src:url(Resources/font.otf) format('opentype');font-weight:normal;font-style:normal;font-display:swap}:root{--cyan:#12b7ec;--yellow:#fff405;--pink:#fa51ac;--black:#050505;--white:#fff;--mouse-x:.5;--mouse-y:.5}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--pink);font-family:'DCC Ash',sans-serif;color:var(--black);min-height:100vh;overflow-x:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center}.halftone-bg{position:fixed;top:-50%;left:-50%;width:200%;height:200%;background-image:radial-gradient(var(--black) 10%,transparent 10%);background-size:40px 40px;opacity:.08;z-index:-1;animation:rotateDots 60s linear infinite;pointer-events:none}@keyframes rotateDots {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}.scanline{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 50%,rgba(0,0,0,.1) 50%);background-size:100% 4px;z-index:1000;pointer-events:none;opacity:.2}.content-wrapper{width:100%;max-width:600px;padding:60px 20px;display:flex;flex-direction:column;align-items:center;position:relative;z-index:10;transition:transform .1s ease-out}.hero-section{display:flex;flex-direction:column;align-items:center;margin-bottom:20px;text-align:center;animation:dropIn .8s cubic-bezier(.175,.885,.32,1.275) forwards}@keyframes dropIn {
    0% {
        transform: translateY(-100px) rotate(-10deg) scale(0.8);
        opacity: 0;
    }

    100% {
        transform: translateY(0) rotate(0deg) scale(1);
        opacity: 1;
    }
}.logo-container{position:relative;width:280px;height:280px;margin-bottom:-4vh}.title-container{height:0;margin:0;padding:0}.main-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(10px 10px 0 var(--cyan)) drop-shadow(-10px -10px 0 var(--yellow))}.pulse-logo{animation:float 4s ease-in-out infinite , logoGlitch 5s step-end infinite}@keyframes float {

    0%,
    100% {
        transform: translateY(0) rotate(0deg);
        filter: drop-shadow(10px 10px 0 var(--cyan)) drop-shadow(-10px -10px 0 var(--yellow));
    }

    50% {
        transform: translateY(-15px) rotate(2deg);
        filter: drop-shadow(15px 15px 0 var(--yellow)) drop-shadow(-15px -15px 0 var(--cyan));
    }
}@keyframes logoGlitch {

    0%,
    90% {
        transform: scale(1);
        filter: drop-shadow(10px 10px 0 var(--cyan)) drop-shadow(-10px -10px 0 var(--yellow));
    }

    91% {
        transform: scale(1.1) skewX(10deg);
        filter: drop-shadow(10px 10px 0 var(--cyan)) drop-shadow(-10px -10px 0 var(--yellow)) hue-rotate(90deg) contrast(150%);
    }

    92% {
        transform: scale(1) skewX(-10deg);
        filter: drop-shadow(10px 10px 0 var(--cyan)) drop-shadow(-10px -10px 0 var(--yellow)) hue-rotate(-90deg) invert(100%);
    }

    93% {
        transform: scale(1);
        filter: drop-shadow(10px 10px 0 var(--cyan)) drop-shadow(-10px -10px 0 var(--yellow));
    }
}.title{font-size:min(50vh,70vw);font-weight:500;color:var(--black);text-transform:uppercase;line-height:1;letter-spacing:-5px;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);opacity:.2;z-index:-2;pointer-events:none;white-space:nowrap;display:block;animation:titleFadeIn 2s cubic-bezier(.23,1,.32,1) forwards}@keyframes titleFadeIn {
    0% {
        opacity: 0;
        transform: translate(-50%, -50%) rotate(-30deg) scale(1.5);
        filter: blur(20px);
    }

    100% {
        opacity: 0.2;
        transform: translate(-50%, -50%) rotate(-15deg) scale(1);
        filter: blur(0);
    }
}@keyframes glitch-anim {
    0% {
        clip: rect(31px, 9999px, 94px, 0);
    }

    4.1% {
        clip: rect(91px, 9999px, 43px, 0);
    }

    /* ... abbreviated for brevity, but full version should be chaotic */
    100% {
        clip: rect(67px, 9999px, 62px, 0);
    }
}@keyframes glitch-anim2 {
    0% {
        clip: rect(65px, 9999px, 100px, 0);
    }

    100% {
        clip: rect(10px, 9999px, 20px, 0);
    }
}.links-grid{display:flex;flex-direction:column;gap:40px;width:100%;align-items:center}.link-btn{width:100%;max-width:400px;background-color:var(--black);color:var(--white);text-decoration:none;font-size:2.5rem;padding:20px 40px;display:flex;align-items:center;justify-content:center;gap:20px;border:6px solid var(--white);border-radius:0;position:relative;text-transform:uppercase;box-shadow:-12px 12px 0 var(--cyan) , 12px -12px 0 var(--yellow);transition:all .1s}.link-wrapper{width:100%;display:flex;justify-content:center;animation:slideUpEntrance .6s cubic-bezier(.165,.84,.44,1) both}.link-wrapper:nth-child(1) {animation-delay:.1s}.link-wrapper:nth-child(2) {animation-delay:.2s}.link-wrapper:nth-child(3) {animation-delay:.3s}.link-wrapper:nth-child(4) {animation-delay:.4s}.link-wrapper:nth-child(5) {animation-delay:.5s}.link-wrapper:nth-child(even) .link-btn {transform:rotate(2deg)}.link-wrapper:nth-child(odd) .link-btn {transform:rotate(-2deg)}@keyframes slideUpEntrance {
    0% {
        transform: translateY(50px);
        opacity: 0;
    }

    100% {
        transform: translateY(0);
        opacity: 1;
    }
}.link-btn:hover{transform:scale(1.1) rotate(0deg)!important;background-color:var(--white);color:var(--black);border-color:var(--black);box-shadow:-25px 25px 0 var(--cyan) , 25px -25px 0 var(--yellow) , 0 0 50px rgba(255,255,255,.5);z-index:20;animation:vibrate .1s linear infinite}@keyframes vibrate {
    0% {
        transform: scale(1.1) translate(0, 0);
    }

    25% {
        transform: scale(1.1) translate(-2px, 2px);
    }

    50% {
        transform: scale(1.1) translate(2px, -2px);
    }

    75% {
        transform: scale(1.1) translate(-2px, -2px);
    }

    100% {
        transform: scale(1.1) translate(2px, 2px);
    }
}.link-btn .icon svg{width:45px;height:45px;transition:transform .2s}.link-btn:hover .icon svg{transform:rotate(15deg) scale(1.2);fill:var(--black)}.floating{animation:floating 4s ease-in-out infinite}.floating-delayed{animation:floating 4.5s ease-in-out .5s infinite}@keyframes floating {

    0%,
    100% {
        transform: translateY(0) rotate(2deg);
    }

    50% {
        transform: translateY(-15px) rotate(-1deg);
    }
}.footer-distorted{margin-top:80px;padding:20px;background:var(--yellow);border:4px solid var(--black);transform:skewX(-15deg);font-weight:bold;letter-spacing:2px}.marquee-container{position:fixed;width:150vw;background:var(--yellow);color:var(--black);font-family:sans-serif;font-weight:900;font-size:1.5rem;padding:10px 0;transform:rotate(-3deg);border-top:4px solid var(--black);border-bottom:4px solid var(--black);z-index:50;pointer-events:none;box-shadow:4px 4px 0 rgba(0,0,0,.5);overflow:hidden}.marquee-container.top{top:20px;left:-25vw}.marquee{display:flex;white-space:nowrap;animation:marquee 30s linear infinite;width:max-content}.marquee span{padding-right:0}@keyframes marquee {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-50%);
    }
}@media (max-width:600px){.main-logo{width:200px}.link-btn{font-size:1.8rem;padding:8px 16px}}@media (min-width:992px){body{justify-content:center}.content-wrapper{max-width:1200px;flex-direction:row;align-items:center;justify-content:center;gap:80px;padding:40px;min-height:100vh;perspective:1000px}.hero-section{margin-bottom:0;flex:0 0 400px;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease-out}.hero-section:hover{transform:rotateY(-10deg) rotateX(5deg)}.logo-container{width:380px;height:380px}.links-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:60px 50px;flex:0 1 1000px}.link-wrapper{width:100%;display:flex;justify-content:center}.link-wrapper:last-child:nth-child(odd) {grid-column:span 2}.link-wrapper:last-child:nth-child(odd) .link-btn {width:100%;max-width:450px}.link-btn{max-width:none;width:100%;font-size:2rem;padding:22px 35px;white-space:nowrap}.link-btn .icon svg{width:40px;height:40px}.footer-distorted{position:fixed;bottom:20px;right:20px;margin-top:0;z-index:100;font-size:.8rem;transform:skewX(-15deg) scale(.8)}.marquee-container.top{top:30px;transform:rotate(-2deg) scale(1.05)}}