@import "https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--c0:#0a0a0d;--c1:#2b2f36;--c2:#7d8590;--c3:#e8e8ea;--am:#ffb000;--amd:#7a5200;--page-bg:#050507;--font-pixel:"Press Start 2P", "Courier New", Courier, monospace;--font-mono:"Courier New", Courier, monospace}html{scroll-behavior:smooth}body{background:var(--page-bg);color:var(--c3);font-family:var(--font-mono);min-height:100vh;position:relative}.overlay-scanlines{pointer-events:none;z-index:100;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#0000001f 2px 4px);position:fixed;inset:0}.overlay-vignette{pointer-events:none;z-index:99;background:radial-gradient(#0000 50%,#00000080 100%);position:fixed;inset:0}#stars-canvas{z-index:0;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}main{z-index:1;max-width:780px;margin:0 auto;padding:3rem 1.5rem;position:relative}.hero{text-align:center;flex-direction:column;align-items:center;gap:1.5rem;padding:3rem 0 4rem;display:flex}.hero-icon{opacity:.9;width:160px;height:160px}.hero-icon svg{filter:drop-shadow(0 0 20px #ffb00014);width:100%;height:100%}.icon-path{stroke-dasharray:800;stroke-dashoffset:800px;animation:2.5s ease-out forwards draw-path}@keyframes draw-path{to{stroke-dashoffset:0}}.title{font-family:var(--font-pixel);color:var(--am);text-shadow:0 0 16px #ffb00040,0 0 48px #ffb0001a;letter-spacing:6px;font-size:2.4rem;line-height:1.3}@media (width<=480px){.title{letter-spacing:4px;font-size:1.6rem}.hero-icon{width:120px;height:120px}}.tagline{font-family:var(--font-pixel);color:var(--c2);letter-spacing:2px;max-width:400px;font-size:.7rem;line-height:1.6}@media (width<=480px){.tagline{font-size:.55rem}}.hero-actions{margin-top:1rem}.btn{font-family:var(--font-pixel);letter-spacing:1px;border:2px solid var(--am);color:var(--am);cursor:pointer;background:0 0;padding:1rem 2rem;font-size:.7rem;text-decoration:none;transition:all .2s;display:inline-block;position:relative}.btn-primary:hover{background:var(--am);color:var(--page-bg);box-shadow:0 0 24px #ffb00040}.about{text-align:center;border-top:1px solid var(--c1);border-bottom:1px solid var(--c1);padding:3rem 2rem}.about-sub{font-family:var(--font-pixel);color:var(--am);letter-spacing:2px;margin-bottom:1.2rem;font-size:.6rem}.about-desc{font-family:var(--font-mono);color:var(--c2);max-width:540px;margin:0 auto 1.2rem;font-size:.9rem;line-height:1.7}.about-meta{font-family:var(--font-pixel);color:var(--c1);letter-spacing:3px;font-size:.5rem}.features{grid-template-columns:repeat(3,1fr);gap:1.5rem;padding:4rem 0;display:grid}@media (width<=600px){.features{grid-template-columns:1fr;gap:1rem}}.feature-card{border:1px solid var(--c1);text-align:center;padding:1.8rem 1.2rem;transition:border-color .25s}.feature-card:hover{border-color:var(--amd)}.feature-num{font-family:var(--font-pixel);color:var(--c1);letter-spacing:1px;margin-bottom:.8rem;font-size:.5rem}.feature-title{font-family:var(--font-pixel);color:var(--am);letter-spacing:2px;margin-bottom:.8rem;font-size:.65rem}.feature-card p{color:var(--c2);font-size:.75rem;line-height:1.6}.section-title{font-family:var(--font-pixel);color:var(--c3);letter-spacing:4px;margin-bottom:2rem;font-size:.7rem}.platforms-section{text-align:center;border-top:1px solid var(--c1);padding:4rem 0}.platform-grid{flex-wrap:wrap;justify-content:center;gap:1.5rem;display:flex}.platform-btn{border:1px solid var(--c1);flex-direction:column;align-items:center;gap:.4rem;min-width:130px;padding:1.2rem 2rem;text-decoration:none;transition:all .2s;display:flex}.platform-btn:hover{border-color:var(--am);background:#ffb0000a}.platform-name{font-family:var(--font-pixel);color:var(--c3);letter-spacing:2px;font-size:.65rem}.platform-btn:hover .platform-name{color:var(--am)}.platform-desc{color:var(--c1);letter-spacing:1px;text-transform:uppercase;font-size:.6rem}.footer{text-align:center;border-top:1px solid var(--c1);padding:3rem 0 2rem}.footer p{font-family:var(--font-pixel);color:var(--c1);letter-spacing:2px;font-size:.45rem;line-height:1.8}.footer-nav{margin-top:.8rem}.footer-nav a{font-family:var(--font-pixel);color:var(--c1);letter-spacing:2px;font-size:.4rem;text-decoration:none;transition:color .2s}.footer-nav a:hover{color:var(--am)}