@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;--black-pure: #000000;--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}html{scroll-behavior:smooth;overflow-x:clip}body{background-color:var(--bg-void);color:var(--white-pure);font-family:Inter,sans-serif;overflow-x:clip;width:100%;min-height:100vh;-webkit-font-smoothing:antialiased;cursor:crosshair}#root,.app-container{overflow-x:clip;width:100%;position:relative}a,button,input,textarea,select,[role=button],.brutal-button,.brutal-link-button,.back-to-top{cursor:pointer!important}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}.desktop-only{display:flex}.mobile-only{display:none}.brutal-hud-nav{position:sticky;top:0;left:0;width:100%;background:#111111f0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:3px solid var(--white-pure);padding:.75rem 2rem;display:flex;justify-content:space-between;align-items:center;z-index:1000;box-shadow:0 4px 0 var(--cyan-pierce)}.hud-brand{display:flex;align-items:center;gap:.75rem;font-weight:900;font-size:.95rem;letter-spacing:.05em}.hud-blinker{color:var(--yellow-hazard);font-size:1.1rem;animation:blinker 1s steps(2,start) infinite}@keyframes blinker{to{visibility:hidden}}.hud-code{background:var(--pink-scream);color:var(--white-pure);padding:.2rem .55rem;font-size:.85rem;font-weight:900;letter-spacing:.08em;border:2px solid var(--black-pure);box-shadow:2px 2px 0 var(--yellow-hazard);transform:rotate(-1.5deg)}.hud-title{color:var(--cyan-pierce);font-size:1.1rem}.hud-links{display:flex;gap:1.25rem;align-items:center}.hud-link{color:var(--white-pure);text-decoration:none;font-weight:800;font-size:.85rem;padding:.3rem .6rem;border:2px solid transparent;transition:all .12s ease;letter-spacing:.05em}.hud-link:hover{background:var(--yellow-hazard);color:var(--bg-void);border-color:var(--white-pure);box-shadow:3px 3px 0 var(--pink-scream);transform:translate(-1px,-1px)}.hud-link.active{background:var(--yellow-hazard);color:var(--black-pure)!important;border-color:var(--white-pure);box-shadow:4px 4px 0 var(--pink-scream);transform:translate(-2px,-2px);font-weight:900}.hud-active-tag{background:var(--black-pure);color:var(--cyan-pierce);border:2px solid var(--cyan-pierce);box-shadow:2px 2px 0 var(--pink-scream);padding:.15rem .5rem;font-size:.75rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;transform:rotate(1deg);white-space:nowrap}.hud-mobile-toggle{background:var(--yellow-hazard);color:var(--black-pure);border:3px solid var(--black-pure);box-shadow:3px 3px 0 var(--pink-scream);padding:.4rem .85rem;font-size:.95rem;font-weight:900;letter-spacing:.05em;transform:rotate(-1.5deg);transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.hud-mobile-toggle:hover{background:var(--pink-scream);color:var(--white-pure);box-shadow:4px 4px 0 var(--cyan-pierce);transform:rotate(0) scale(1.05)}.hud-mobile-toggle:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--cyan-pierce)}.brutal-mobile-drawer{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#111111fa;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:99999;display:flex;flex-direction:column;padding:1.5rem;overflow-y:auto;box-sizing:border-box;border:6px solid var(--cyan-pierce);animation:drawer-fade-in .2s cubic-bezier(.16,1,.3,1)}@keyframes drawer-fade-in{0%{opacity:0;transform:scale(.97) translateY(-8px)}to{opacity:1;transform:scale(1) translateY(0)}}.drawer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:4px dashed var(--yellow-hazard)}.drawer-title{font-size:1.35rem;color:var(--yellow-hazard);letter-spacing:.05em;text-shadow:2px 2px 0 var(--black-pure)}.drawer-close-btn{background:var(--pink-scream);color:var(--white-pure);border:3px solid var(--black-pure);box-shadow:3px 3px 0 var(--cyan-pierce);padding:.4rem .8rem;font-size:.95rem;font-weight:900;transform:rotate(2deg);transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.drawer-close-btn:hover{background:var(--yellow-hazard);color:var(--black-pure);box-shadow:4px 4px 0 var(--pink-scream)}.drawer-nav-list{display:flex;flex-direction:column;gap:1.25rem;flex:1;justify-content:center}.drawer-nav-card{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 1.25rem;text-decoration:none;border:4px solid var(--black-pure);background:var(--white-pure);color:var(--black-pure);font-weight:900;font-size:1.15rem;letter-spacing:-.02em;transition:transform .15s ease,box-shadow .15s ease,background .15s ease}.drawer-nav-card.cyan{box-shadow:6px 6px 0 var(--cyan-pierce);transform:rotate(-1.5deg)}.drawer-nav-card.cyan:hover{background:var(--cyan-pierce);box-shadow:8px 8px 0 var(--pink-scream)}.drawer-nav-card.yellow{box-shadow:6px 6px 0 var(--yellow-hazard);transform:rotate(1deg)}.drawer-nav-card.yellow:hover{background:var(--yellow-hazard);box-shadow:8px 8px 0 var(--black-pure)}.drawer-nav-card.pink{box-shadow:6px 6px 0 var(--pink-scream);transform:rotate(-1deg)}.drawer-nav-card.pink:hover{background:var(--pink-scream);color:var(--white-pure);box-shadow:8px 8px 0 var(--cyan-pierce)}.drawer-nav-card.white{box-shadow:6px 6px 0 var(--white-pure);transform:rotate(1.5deg)}.drawer-nav-card.white:hover{background:var(--white-pure);box-shadow:8px 8px 0 var(--yellow-hazard)}.drawer-nav-card.active{border-width:5px;background:var(--yellow-hazard)!important;color:var(--black-pure)!important;box-shadow:8px 8px 0 var(--pink-scream)!important;transform:rotate(0) scale(1.02)}.drawer-active-pill{background:var(--black-pure);color:var(--yellow-hazard);padding:.2rem .55rem;font-size:.75rem;letter-spacing:.05em;border:2px solid var(--black-pure);margin-right:.5rem;white-space:nowrap}.drawer-nav-num{font-family:Permanent Marker,cursive;font-size:1.3rem;opacity:.55;margin-right:.75rem}.drawer-nav-text{flex:1;text-transform:uppercase}.drawer-nav-arrow{font-size:1.5rem}.drawer-footer{margin-top:2rem;padding-top:1.5rem;border-top:3px dashed var(--pink-scream);display:flex;flex-direction:column;gap:1rem;align-items:center}.drawer-socials{display:flex;gap:1rem;width:100%;justify-content:center}.drawer-status{color:var(--yellow-hazard);font-size:.85rem;letter-spacing:.05em}.back-to-top{position:fixed;bottom:2rem;right:2rem;background:var(--yellow-hazard);color:var(--bg-void);border:3px solid #000;box-shadow:4px 4px 0 var(--pink-scream);padding:.65rem 1.1rem;font-family:Inter,sans-serif;font-weight:900;font-size:.95rem;letter-spacing:.05em;z-index:999;transition:transform .1s ease,box-shadow .1s ease,background .1s ease}.back-to-top:hover{transform:translate(-3px,-3px);box-shadow:7px 7px 0 var(--cyan-pierce);background:var(--cyan-pierce);color:var(--bg-void)}.back-to-top:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--pink-scream)}.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);color:var(--white-pure)}.brutal-button:active{transform:translate(4px,4px);box-shadow:2px 2px 0 var(--cyan-pierce)}.brutal-link-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem .9rem;font-size:.9rem;font-weight:800;text-transform:uppercase;text-decoration:none;background:var(--bg-void);color:var(--white-pure);border:2px solid currentColor;box-shadow:3px 3px 0 currentColor;transition:transform .1s ease,box-shadow .1s ease,background .1s ease,color .1s ease}.brutal-link-button:hover{transform:translate(-2px,-2px);box-shadow:5px 5px 0 currentColor;background:var(--white-pure);color:var(--bg-void)!important}.brutal-link-button:active{transform:translate(2px,2px);box-shadow:1px 1px 0 currentColor}.section-container{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;padding:4rem 2rem;scroll-margin-top:60px}.scribble{position:absolute;pointer-events:none;z-index:-1;opacity:.8}@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-strip{width:104%;margin-left:-2%;margin-top:1.5rem;margin-bottom:1.5rem;overflow:hidden;background:var(--yellow-hazard);color:var(--bg-void);font-family:Inter,sans-serif;font-weight:900;font-size:clamp(1.3rem,3.5vw,2.3rem);padding:.9rem 0;white-space:nowrap;border-top:4px solid var(--black-pure);border-bottom:4px solid var(--black-pure);position:relative;z-index:25;box-shadow:0 6px #00000080;-webkit-user-select:none;user-select:none}.chaos-marquee-strip.yellow{background:var(--yellow-hazard);color:var(--bg-void)}.chaos-marquee-strip.pink{background:var(--pink-scream);color:var(--white-pure)}.chaos-marquee-strip.cyan{background:var(--cyan-pierce);color:var(--bg-void)}.chaos-marquee-content{display:inline-block;animation:marquee 16s linear infinite}.chaos-marquee-content.reverse{animation:marquee-reverse 16s linear infinite}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes marquee-reverse{0%{transform:translate(-50%)}to{transform:translate(0)}}@media (max-width: 768px){.section-container{padding:3rem 1.25rem;min-height:auto}.desktop-only{display:none!important}.mobile-only{display:flex!important}.brutal-hud-nav{flex-direction:row;justify-content:space-between;align-items:center;padding:.6rem 1rem}.hud-brand{gap:.5rem}.hud-code{font-size:.8rem;padding:.15rem .45rem}.back-to-top{bottom:1.25rem;right:1.25rem;padding:.5rem .85rem;font-size:.85rem}.chaos-marquee-strip{font-size:1.2rem;padding:.6rem 0}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}