.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);color:var(--black);transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--black)}.nav-btn.active{background-color:var(--accent);color:var(--black);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;--yellow: #F4D06F;--border-width: 4px}*{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,.12) 2px,transparent 2px);background-size:24px 24px;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%;scroll-behavior:smooth}::-webkit-scrollbar{display:none}*{scrollbar-width:none;-ms-overflow-style:none}.progress-container{position:fixed;top:0;left:0;right:0;height:8px;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:clamp(2rem,5vw,2.8rem);text-transform:uppercase;line-height:1.15;font-weight:900;letter-spacing:-.5px}h2{font-size:clamp(1.4rem,4vw,2rem);text-transform:uppercase;font-weight:900;letter-spacing:-.3px}h3{font-size:1.25rem;font-weight:800}p{font-size:1rem;line-height:1.5}.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:#fff}.text-green{color:var(--green)}.text-yellow{color:var(--yellow)}.bg-black{background-color:var(--black);color:#fff}.bg-accent{background-color:var(--accent);color:var(--black)}.bg-green{background-color:var(--green);color:#fff}.bg-yellow{background-color:var(--yellow);color:var(--black)}.bg-white{background-color:#fff;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:80px;padding-bottom:60px}.scroll-section{width:100%;min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;margin-bottom:2rem}.card{width:100%;max-width:860px;min-height:auto;display:grid;gap:20px;transition:gap .35s cubic-bezier(.16,1,.3,1)}.module{border:var(--border-width) solid var(--black);box-shadow:6px 6px 0 var(--black);padding:24px;display:flex;flex-direction:column;justify-content:center;transition:all .35s cubic-bezier(.16,1,.3,1);position:relative}.scroll-section:not(.is-active) .module,.scroll-section:not(.is-active) .preview-card{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,.scroll-section:not(.is-active) .preview-grid{gap:35px}.scroll-section.is-active .module:hover,.scroll-section.is-active .preview-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--black)}.scrolling-banner{width:100%;max-width:100%;position:relative;left:0;margin:2.5rem 0;padding:14px 0;border-top:var(--border-width) solid var(--black);border-bottom:var(--border-width) solid var(--black);font-weight:900;font-size:1.25rem;letter-spacing:.5px;white-space:nowrap;transform:rotate(-1deg) scaleX(1.03);transform-origin:center center;z-index:10;overflow:hidden}.scrolling-banner.alt-rotation{transform:rotate(1deg) scaleX(1.03)}.banner-content{display:flex;width:max-content;animation:scrollMarquee 22s linear infinite}.banner-content.reverse{animation:scrollMarquee 22s linear infinite reverse}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.floating-symbols-container{width:100%;height:70px;display:flex;justify-content:center;align-items:center;gap:26px;margin:1.5rem 0}.bg-shape{width:44px;height:44px;border:var(--border-width) solid var(--black);box-shadow:4px 4px 0 var(--black);transition:transform .2s ease}.bg-shape:hover{transform:translate(-2px,-2px) rotate(12deg)}.shape-circle{border-radius:50%}@media (min-width: 768px){.scroll-section{padding:50px 20px}}