@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Permanent+Marker&display=swap";:root{--bg-void: #111111;--cyan-pierce: #00ffff;--pink-scream: #ff00ff;--yellow-hazard: #ffff00;--white-pure: #ffffff;--shadow-brutal-cyan: 6px 6px 0px var(--cyan-pierce);--shadow-brutal-pink: 6px 6px 0px var(--pink-scream);--shadow-brutal-yellow: 6px 6px 0px var(--yellow-hazard);--shadow-brutal-white: 6px 6px 0px var(--white-pure);--border-thick: 4px solid var(--white-pure);--border-thick-pink: 4px solid var(--pink-scream);--border-thick-cyan: 4px solid var(--cyan-pierce);--border-thick-yellow: 4px solid var(--yellow-hazard)}*{box-sizing:border-box;margin:0;padding:0;cursor:crosshair}html,body{background-color:var(--bg-void);color:var(--white-pure);font-family:Inter,sans-serif;overflow-x:hidden;max-width:100vw;-webkit-font-smoothing:antialiased}#root,.app-container{overflow-x:hidden;width:100%}h1,h2,h3,h4{text-transform:uppercase;letter-spacing:-.05em}::-webkit-scrollbar{width:12px}::-webkit-scrollbar-track{background:var(--bg-void);border-left:2px solid var(--pink-scream)}::-webkit-scrollbar-thumb{background:var(--cyan-pierce);border:2px solid var(--bg-void)}::-webkit-scrollbar-thumb:hover{background:var(--pink-scream)}.font-marker{font-family:Permanent Marker,cursive}.brutal-box{background-color:var(--bg-void);border:var(--border-thick);padding:2rem;box-shadow:var(--shadow-brutal-white);transition:transform .1s ease,box-shadow .1s ease;position:relative}@keyframes brutal-shake{0%{transform:translate(2px,2px) rotate(0)}25%{transform:translate(-2px,-1px) rotate(-1deg)}50%{transform:translate(1px,2px) rotate(1deg)}75%{transform:translate(-1px,-2px) rotate(0)}to{transform:translate(2px,2px) rotate(-1deg)}}.brutal-box:hover{box-shadow:4px 4px 0 var(--white-pure);animation:brutal-shake .3s infinite;z-index:10}.brutal-box.pink{border:var(--border-thick-pink);box-shadow:var(--shadow-brutal-pink)}.brutal-box.pink:hover{box-shadow:4px 4px 0 var(--pink-scream)}.brutal-box.cyan{border:var(--border-thick-cyan);box-shadow:var(--shadow-brutal-cyan)}.brutal-box.cyan:hover{box-shadow:4px 4px 0 var(--cyan-pierce)}.brutal-box.yellow{border:var(--border-thick-yellow);box-shadow:var(--shadow-brutal-yellow);color:var(--bg-void);background-color:var(--yellow-hazard)}.brutal-box.yellow:hover{box-shadow:4px 4px 0 var(--yellow-hazard)}.brutal-button{background-color:var(--cyan-pierce);color:var(--bg-void);border:var(--border-thick-cyan);padding:1rem 2rem;font-size:1.2rem;font-weight:900;text-transform:uppercase;box-shadow:var(--shadow-brutal-pink);display:inline-block;text-decoration:none;transition:all .1s}.brutal-button:hover{background-color:var(--pink-scream);border-color:var(--pink-scream);box-shadow:var(--shadow-brutal-cyan);transform:translate(-2px,-2px)}.brutal-button:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--cyan-pierce)}.section-container{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;padding:2rem}.scribble{position:absolute;pointer-events:none;z-index:-1;opacity:.8}@media (max-width: 768px){.section-container{padding:1rem}}@keyframes text-glitch{0%{text-shadow:2px 2px var(--pink-scream),-2px -2px var(--cyan-pierce);transform:translate(0)}10%{text-shadow:-3px 0 var(--pink-scream),3px 0 var(--cyan-pierce);transform:translate(-2px,1px)}20%{text-shadow:2px -1px var(--pink-scream),-2px 2px var(--cyan-pierce);transform:translate(1px,-2px)}30%{text-shadow:2px 2px var(--pink-scream),-2px -2px var(--cyan-pierce);transform:translate(0)}to{text-shadow:2px 2px var(--pink-scream),-2px -2px var(--cyan-pierce);transform:translate(0)}}.glitch{animation:text-glitch 2s infinite;display:inline-block}.chaos-marquee{position:fixed;left:-10vw;width:120vw;background:var(--yellow-hazard);color:var(--bg-void);font-family:Inter,sans-serif;font-weight:900;font-size:3rem;padding:1rem 0;z-index:9999;overflow:hidden;white-space:nowrap;pointer-events:none;opacity:.9;mix-blend-mode:difference}.chaos-marquee.top{top:5%;transform:rotate(-3deg)}.chaos-marquee.bottom{bottom:5%;transform:rotate(3deg);background:var(--pink-scream)}.chaos-marquee-content{display:inline-block;animation:marquee 10s linear infinite}.chaos-marquee-content.reverse{animation:marquee-reverse 10s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}