@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;700;900&family=Permanent+Marker&display=swap";:root{--bg-void:#111;--cyan-pierce:#0ff;--pink-scream:#f0f;--yellow-hazard:#ff0;--white-pure:#fff;--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;cursor:crosshair;margin:0;padding:0}html,body{background-color:var(--bg-void);color:var(--white-pure);-webkit-font-smoothing:antialiased;max-width:100vw;font-family:Inter,sans-serif;overflow-x:hidden}#root,.app-container{width:100%;overflow-x:hidden}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);box-shadow:var(--shadow-brutal-white);padding:2rem;transition:transform .1s,box-shadow .1s;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 0px var(--white-pure);z-index:10;animation:.3s infinite brutal-shake}.brutal-box.pink{border:var(--border-thick-pink);box-shadow:var(--shadow-brutal-pink)}.brutal-box.pink:hover{box-shadow:4px 4px 0px 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 0px 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 0px var(--yellow-hazard)}.brutal-button{background-color:var(--cyan-pierce);color:var(--bg-void);border:var(--border-thick-cyan);text-transform:uppercase;box-shadow:var(--shadow-brutal-pink);padding:1rem 2rem;font-size:1.2rem;font-weight:900;text-decoration:none;transition:all .1s;display:inline-block}.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{box-shadow:2px 2px 0px var(--cyan-pierce);transform:translate(4px,4px)}.section-container{flex-direction:column;width:100%;min-height:100vh;padding:2rem;display:flex;position:relative}.scribble{pointer-events:none;z-index:-1;opacity:.8;position:absolute}@media (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:2s infinite text-glitch;display:inline-block}.chaos-marquee{background:var(--yellow-hazard);width:120vw;color:var(--bg-void);z-index:9999;white-space:nowrap;pointer-events:none;opacity:.9;mix-blend-mode:difference;padding:.5rem 0;font-family:Inter,sans-serif;font-size:1.5rem;font-weight:900;position:fixed;left:-10vw;overflow:hidden}.chaos-marquee.top{top:5%;transform:rotate(-3deg)}.chaos-marquee.bottom{background:var(--pink-scream);bottom:5%;transform:rotate(3deg)}.chaos-marquee-content{animation:10s linear infinite marquee;display:inline-block}.chaos-marquee-content.reverse{animation:10s linear infinite marquee-reverse}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}.sticky-nav{background:var(--bg-void);border-top:var(--border-thick-cyan);z-index:2000;width:100%;box-shadow:0px -4px 0px var(--pink-scream);justify-content:space-around;padding:.5rem 0;display:flex;position:fixed;bottom:0;left:0}.nav-item{color:var(--white-pure);text-transform:uppercase;background:0 0;border:none;flex-direction:column;align-items:center;gap:.2rem;font-family:Inter,sans-serif;font-size:.8rem;font-weight:700;transition:all .2s;display:flex}.nav-item:hover,.nav-item:active{color:var(--yellow-hazard);transform:translateY(-2px)}.drawer-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1999;opacity:0;pointer-events:none;background:#111c;justify-content:center;align-items:flex-end;width:100vw;height:100vh;padding-bottom:75px;transition:opacity .3s;display:flex;position:fixed;top:0;left:0}.drawer-backdrop.open{opacity:1;pointer-events:auto}.bottom-drawer{background:var(--bg-void);border:var(--border-thick-pink);width:100%;max-width:600px;max-height:85vh;box-shadow:0px -6px 0px var(--cyan-pierce);border-bottom:none;border-radius:20px 20px 0 0;padding:2rem 1.5rem;transition:transform .3s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow-y:auto;transform:translateY(100%)}.drawer-backdrop.open .bottom-drawer{transform:translateY(0)}.drawer-close{background:var(--pink-scream);color:var(--bg-void);border:2px solid var(--white-pure);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.5rem;font-weight:900;transition:all .2s;display:flex;position:absolute;top:1rem;right:1rem}.drawer-close:hover{background:var(--cyan-pierce);transform:scale(1.1)rotate(90deg)}