@font-face{font-family:HitMePunk;src:url(/assets/Hit%20me_%20punk!%2001-D_n40nzN.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:HitMePunk2;src:url(/assets/Hit%20me_%20punk!%2005-VUulHBSg.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:VeryPunkFont;src:url(/assets/VeryVeryPunkFont-BMaLXqHV.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:DocallismeOnStreet;src:url(/assets/DOCALLISME%20ON%20STREET-BJOl5kPF.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}:root{font-family:DocallismeOnStreet,Impact,Arial Black,sans-serif;line-height:1.4;font-weight:900;color-scheme:dark;color:#fff;background-color:#000;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{margin:0;padding:0;box-sizing:border-box}a{font-weight:900;color:#0ff;text-decoration:none;text-shadow:2px 2px 0 #000;-webkit-text-stroke:1px #000;transition:all .3s ease}a:hover{color:#ff0080;transform:scale(1.05)}body{margin:0;padding:0;width:100%;min-width:320px;min-height:100vh;background:#000;overflow-x:hidden;position:relative}button{border-radius:0;border:4px solid #000;padding:1em 2em;font-size:1.2em;font-weight:900;font-family:Impact,Arial Black,sans-serif;background-color:#ff0;color:#000;text-transform:uppercase;letter-spacing:2px;cursor:pointer;transition:all .3s ease;position:relative;box-shadow:4px 4px #ff0080}button:before{content:"";position:absolute;inset:-4px;background:#0ff;z-index:-1;clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}button:hover{background-color:#ff0080;color:#fff;transform:translate(-4px,-4px);box-shadow:8px 8px #ff0}button:active{transform:translate(0);box-shadow:2px 2px #ff0080}@media (prefers-color-scheme: dark){:root{color:#fff;background-color:#000}}#root{width:100%;min-height:100vh;margin:0;padding:0;text-align:center;background:#000;position:relative;overflow-x:hidden}#root:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff0080,#7928ca,#0ff);opacity:.3;animation:bgPulse 4s ease-in-out infinite alternate;z-index:0}h1{font-size:clamp(4rem,15vw,10rem);font-family:VeryPunkFont,Impact,Arial Black,sans-serif;font-weight:900;letter-spacing:-.05em;margin:1.5rem 0 .25rem;color:#fff;animation:glitch 1s infinite;transform:translate(-.025em,-.0125em);-webkit-text-stroke:2px #000}html,body,#root{height:100%}body{overflow-y:auto;-webkit-overflow-scrolling:touch}h2{font-size:clamp(1rem,12vw,8rem);font-family:VeryPunkFont,Impact,Arial Black,sans-serif;font-weight:900;letter-spacing:-.03em;margin-top:-40px;color:#fff;animation:glitch 1s infinite;transform:translate(-.025em,-.0125em);-webkit-text-stroke:2px #000}h3{font-size:80px;font-family:HitMePunk,Impact,Arial Black,sans-serif;font-weight:800;letter-spacing:-.03em;color:#000;transform:translate(-.025em,-.0125em);-webkit-text-stroke:2px #000}.card{padding:3em;background:#fff;border:none;max-width:900px;width:90%;clip-path:polygon(2% 0%,98% 0%,100% 2%,100% 98%,98% 100%,2% 100%,0% 98%,0% 2%);box-shadow:8px 8px #ff0080cc,-8px -8px #0ffc,12px 12px #00000080;transform:rotate(-1deg);position:relative;margin:50px auto 0;touch-action:auto;-webkit-overflow-scrolling:touch}.app-container{position:relative;z-index:2;touch-action:auto}#root:before,body:before,body:after,.app-container:before,.app-container:after{pointer-events:none}header{position:relative;z-index:10;padding-top:1rem}nav a{cursor:pointer;padding:.25rem .5rem;text-shadow:none}.nav-bar{display:inline-flex;clip-path:polygon(2% 0%,98% 0%,100% 2%,100% 98%,98% 100%,2% 100%,0% 98%,0% 2%);gap:1rem;align-items:center;margin-top:.75rem;background:#fff;padding:.5rem 1rem;border-radius:12px;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);box-shadow:0 4px 12px #0006}.nav-link{color:#0ff;font-weight:900;font-size:50px;text-decoration:none;padding:.25rem .5rem;border-radius:6px;-webkit-text-fill-color:currentColor;text-shadow:2px 2px 0 rgba(0,0,0,.6)}.nav-link:hover{transform:translateY(-2px)}.nav-link.active{color:#ff0080;background:#ffffff0f}.card:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#000 2px,transparent 2px);background-size:16px 16px;opacity:.1;pointer-events:none}.card:after{content:"";position:absolute;top:-8px;right:-8px;width:60px;height:60px;background:#ff0080;clip-path:polygon(0 0,100% 0,100% 100%);transform:rotate(45deg)}.card h2{font-size:clamp(2.5rem,8vw,5rem);margin-bottom:1.5em;-webkit-text-stroke:2px #000;color:#fff;text-shadow:4px 4px 0 rgba(0,0,0,.3);transform:rotate(-1deg)}.event-list{list-style:none;padding:0;margin:2em 0}.event-item{margin:1.5em 0;font-size:clamp(1rem,3vw,1.5rem);color:#000;position:relative;padding:1.5em;background:#fff;clip-path:polygon(2% 0%,98% 0%,100% 100%,0% 100%);transition:all .3s ease;cursor:pointer}.event-item:before{content:"";position:absolute;inset:0;background:#0ff;clip-path:polygon(2% 0%,98% 0%,100% 100%,0% 100%);z-index:-1;transition:all .3s ease}.event-item:nth-child(2n):before{background:#ff0080}.event-item:nth-child(3n):before{background:#ff0}.event-item:hover{transform:translate(8px) translateY(-8px) scale(1.02)}.event-item:hover:after{content:"";position:absolute;right:-20px;top:50%;transform:translateY(-50%);width:40px;height:3px;background:#000;box-shadow:0 8px #000,0 16px #000}.event-date{color:#ff0080;font-weight:900;margin-right:1em;font-size:1.5em;-webkit-text-stroke:1px #000;font-family:HitMePunk2,Impact,Arial Black,sans-serif;display:inline-block}.event-item:nth-child(2n) .event-date{color:#ff0}.event-item:nth-child(3n) .event-date{color:#0ff}.event-name{color:#ff0080;font-weight:900;margin-right:1em;font-size:1.5em;-webkit-text-stroke:1px #000;font-family:HitMePunk2,Impact,Arial Black,sans-serif;display:inline-block}.event-item:nth-child(2n) .event-name{color:#ff0}.event-item:nth-child(3n) .event-name{color:#0ff}.read-the-docs{color:#fff;font-size:clamp(1.5rem,4vw,2.5rem);font-family:Impact,Arial Black,sans-serif;font-weight:900;text-transform:uppercase;padding:1em;background:#ff0;clip-path:polygon(5% 0%,95% 0%,100% 100%,0% 100%);transform:rotate(1deg);text-shadow:2px 2px 0 rgba(0,0,0,.2);margin-top:2em;position:relative;animation:textWiggle 2s ease-in-out infinite}.read-the-docs:before{content:"";position:absolute;inset:-4px;background:#000;clip-path:polygon(5% 0%,95% 0%,100% 100%,0% 100%);z-index:-1}body:before{content:"";position:fixed;top:10%;left:5%;width:100px;height:100px;background:#ff0080;opacity:.4;transform:rotate(45deg);animation:floatSlow 6s ease-in-out infinite;z-index:1}body:after{content:"";position:fixed;bottom:15%;right:5%;width:120px;height:120px;background:#0ff;opacity:.4;transform:rotate(-12deg);animation:floatSlower 8s ease-in-out infinite;z-index:1}.app-container:before{content:"";position:fixed;top:25%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#ff0080,transparent);transform:skewY(-3deg);z-index:1;animation:speedLine1 3s ease-in-out infinite}.app-container:after{content:"";position:fixed;top:75%;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00ffff,transparent);transform:skewY(3deg);z-index:1;animation:speedLine2 3s ease-in-out infinite}@keyframes glitchTitle{0%,90%,to{transform:translate(0)}92%{transform:translate(-5px,5px)}94%{transform:translate(5px,-5px)}96%{transform:translate(-5px,-5px)}98%{transform:translate(5px,5px)}}@keyframes glitchTitleReverse{0%,90%,to{transform:translate(0)}92%{transform:translate(5px,-5px)}94%{transform:translate(-5px,5px)}96%{transform:translate(5px,5px)}98%{transform:translate(-5px,-5px)}}@keyframes bgPulse{0%{opacity:.3;transform:scale(1)}to{opacity:.5;transform:scale(1.1)}}@keyframes cardFloat{0%,to{transform:rotate(-1deg) translateY(0)}50%{transform:rotate(-1deg) translateY(-10px)}}@keyframes floatSlow{0%,to{transform:translate(0) rotate(45deg)}50%{transform:translate(20px,-20px) rotate(45deg)}}@keyframes floatSlower{0%,to{transform:translate(0) rotate(-12deg)}50%{transform:translate(-20px,20px) rotate(-12deg)}}@keyframes starburstSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes textWiggle{0%,to{transform:rotate(1deg)}50%{transform:rotate(-1deg)}}@keyframes speedLine1{0%,to{opacity:.3;transform:skewY(-3deg) translate(0)}50%{opacity:.6;transform:skewY(-3deg) translate(50px)}}@keyframes speedLine2{0%,to{opacity:.3;transform:skewY(3deg) translate(0)}50%{opacity:.6;transform:skewY(3deg) translate(-50px)}}@keyframes glitch{0%{color:#a3169f;text-shadow:.05em 0 0 #a3169f,-.025em -.05em 0 #fff,.025em .05em 0 #f3f82d}14%{text-shadow:.05em 0 0 #a3169f,-.025em -.05em 0 #fff,.025em .05em 0 #f3f82d}15%{color:#f3f82d;text-shadow:-.05em -.025em 0 #a3169f,.025em -.025em 0 #fff,-.05em -.05em 0 #f3f82d}49%{text-shadow:-.05em -.025em 0 #a3169f,.025em -.025em 0 #fff,-.05em -.05em 0 #f3f82d}50%{text-shadow:.025em .05em 0 #a3169f,-.025em .05em 0 #fff,0 -.05em 0 #f3f82d}99%{color:#fff;text-shadow:.025em .05em 0 #a3169f,-.025em .05em 0 #fff,0 -.05em 0 #f3f82d}to{text-shadow:-.025em 0 0 #a3169f,-.025em -.025em 0 #fff,-.025em -.05em 0 #f3f82d}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 768px){.card{padding:2em}.event-item{padding:1em}}
