.top-bar{position:fixed;top:10px;left:0;right:0;height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 20px 0 0;background-color:var(--bg-color);border-bottom:var(--border-width) solid var(--black);z-index:1000}.logo{background:var(--black);padding:0 20px;height:100%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:var(--accent)}.header-right{display:flex;align-items:center;gap:15px}.counter{font-weight:700;border:var(--border-width) dashed var(--black);padding:5px 15px;background:var(--bg-color);color:var(--black)}.desktop-nav{display:none;gap:15px}.nav-btn{border:3px solid var(--black);background:#fff;padding:5px 15px;font-weight:700;box-shadow:3px 3px 0 var(--black);text-decoration:none;color:var(--black);transition:transform .2s ease,box-shadow .2s ease,background-color .2s ease}.nav-btn:hover{background-color:var(--accent);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--black)}.nav-btn.active{background-color:var(--accent);text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:4px;transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--black)}.mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;gap:5px;background-color:#fff;border:3px solid var(--black);box-shadow:3px 3px 0 var(--black);padding:10px;cursor:pointer;z-index:1001;transition:transform .1s,box-shadow .1s}.mobile-menu-btn:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--black)}.hamburger-line{width:24px;height:3px;background-color:var(--black);transition:transform .3s,opacity .3s}.mobile-menu-btn.is-active .hamburger-line:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-menu-btn.is-active .hamburger-line:nth-child(2){opacity:0}.mobile-menu-btn.is-active .hamburger-line:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-menu-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:var(--bg-color);z-index:999;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out}.mobile-menu-overlay.is-active{opacity:1;pointer-events:auto}.mobile-menu-content{display:flex;flex-direction:column;gap:25px;text-align:center;width:80%;max-width:300px}.mobile-link{font-size:1.5rem;padding:15px}@media (min-width: 768px){.desktop-nav{display:flex}.mobile-menu-btn,.mobile-menu-overlay{display:none}}@media (max-width: 767px){.desktop-only{display:none}}.main-footer[data-astro-cid-pt4kw7sp]{width:100vw;position:relative;left:50%;margin-left:-50vw;padding:40px 20px;border-top:var(--border-width) solid var(--black);display:flex;flex-direction:column;align-items:center;gap:15px;text-align:center;margin-top:50px}.footer-logo[data-astro-cid-pt4kw7sp]{font-size:1.5rem;font-weight:700;background:var(--green);color:var(--yellow);padding:5px 15px}.social-links[data-astro-cid-pt4kw7sp] a[data-astro-cid-pt4kw7sp]{color:var(--black);font-weight:700;text-decoration:none;border-bottom:3px solid var(--black);padding:0 5px}.social-links[data-astro-cid-pt4kw7sp] a[data-astro-cid-pt4kw7sp]:hover{background:var(--green)}:root{--bg-color: #ffffff;--green: #5B7553;--accent: #ED6A5A;--black: #051522;--grid: #D0D6D6;--teal-light: #87BAB1;--teal: #4D7374;--navy: #052731;--pure-black: #000000;--border-width: 5px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Mono,monospace;background-color:var(--bg-color);background-image:radial-gradient(rgba(17,17,17,.15) 2px,transparent 2px);background-size:25px 25px;color:var(--black);overflow-x:hidden;overflow-y:auto;width:100vw;max-width:100%;position:relative}html{overflow-x:hidden;width:100vw;max-width:100%}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.progress-container{position:fixed;top:0;left:0;right:0;height:10px;background:var(--bg-color);border-bottom:var(--border-width) solid var(--black);z-index:1002}.progress-bar{height:100%;background:var(--green);width:0%;border-right:var(--border-width) solid var(--black);transition:width .1s ease-out}h1{font-size:2.5rem;text-transform:uppercase;line-height:1.1}h2{font-size:1.8rem;text-transform:uppercase}p{font-size:1rem;line-height:1.4}.code-symbol{font-weight:700;font-size:2rem}.text-accent{color:var(--accent)}.text-black{color:var(--black)}.text-teal{color:var(--teal)}.text-white{color:var(--bg-color)}.bg-black{background-color:var(--black)}.bg-accent{background-color:var(--accent)}.bg-green{background-color:var(--green)}.bg-white{background-color:#fff}.bg-green,.bg-black{color:#fff}.bg-accent{color:var(--black)}.brutalist-box{border:var(--border-width) solid var(--black);box-shadow:6px 6px 0 var(--black)}.v-scroll-container{display:flex;flex-direction:column;width:100%;max-width:100vw;overflow-x:hidden;padding-top:100px;padding-bottom:50px}.scroll-section{width:100%;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;margin-bottom:2rem}.card{width:100%;max-width:400px;min-height:60vh;display:grid;gap:15px;transition:gap .6s cubic-bezier(.25,1,.5,1)}.module{border:var(--border-width) solid var(--black);box-shadow:6px 6px 0 var(--black);padding:20px;display:flex;flex-direction:column;justify-content:center;transition:all .6s cubic-bezier(.25,1,.5,1)}.scroll-section:not(.is-active) .module{border-radius:40px 10px 50px 20px;transform:scale(.85) rotate(-3deg);box-shadow:0 0 0 var(--black);opacity:.6}.scroll-section:not(.is-active) .card{gap:35px}.scrolling-banner{width:100vw;position:relative;left:50%;margin-left:-50vw;padding:15px 0;border-top:var(--border-width) solid var(--black);border-bottom:var(--border-width) solid var(--black);font-weight:700;font-size:1.5rem;white-space:nowrap;transform:rotate(-1deg);z-index:10;margin-bottom:2rem;overflow:hidden}.scrolling-banner.alt-rotation{transform:rotate(1.5deg)}.banner-content{display:flex;width:max-content;animation:scrollMarquee 20s linear infinite}.banner-content.reverse{animation:scrollMarquee 20s linear infinite reverse}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.floating-symbols-container{width:100%;height:100px;display:flex;justify-content:center;align-items:center;gap:30px;margin-bottom:3rem}.bg-shape{width:50px;height:50px;border:var(--border-width) solid var(--black);box-shadow:4px 4px 0 var(--black);transition:transform .3s}.bg-shape:hover{transform:translate(-3px,-3px) rotate(15deg)}.shape-circle{border-radius:50%}@media (min-width: 768px){.card{width:450px}.scroll-section{margin-bottom:5rem}}