@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Work+Sans:wght@300;400;600;700&display=swap');

:root{--pixel-green:#39ff14;--pixel-blue:#0ff;--bg:#0a0a0a;--card:#151515;--text:#ccc;--dim:#666;--border:#2a2a2a;}

*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;}
body{font-family:'Work Sans',sans-serif;background:var(--bg);color:var(--text);line-height:1.8;}
h1,h2,h3{font-family:'Press Start 2P',monospace;line-height:1.6;}
a{color:var(--pixel-green);text-decoration:none;transition:.3s;}a:hover{color:var(--pixel-blue);}

.nh{position:fixed;top:0;width:100%;z-index:1000;background:rgba(10,10,10,.95);height:56px;display:flex;align-items:center;justify-content:space-between;padding:0 1.5rem;border-bottom:2px solid var(--pixel-green);}
.nh-logo{font-family:'Press Start 2P',monospace;font-size:.9rem;color:var(--pixel-green);}
.nh-links{display:flex;gap:1.2rem;list-style:none;}
.nh-links a{color:var(--dim);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;font-weight:600;}
.nh-links a:hover{color:var(--pixel-green);}
.nh-ham{display:none;background:none;border:none;cursor:pointer;}
.nh-ham span{display:block;width:22px;height:2px;background:var(--pixel-green);margin:4px 0;}

.nx-hero{min-height:100vh;background:var(--bg);display:flex;align-items:center;justify-content:center;text-align:center;padding:80px 1.5rem 60px;position:relative;}
.nx-hero::before{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent,transparent 2px,rgba(57,255,20,.03) 2px,rgba(57,255,20,.03) 4px);pointer-events:none;}
.nx-hero h1{font-size:1.6rem;color:var(--pixel-green);margin-bottom:1.5rem;position:relative;text-shadow:0 0 10px rgba(57,255,20,.5);}
.nx-hero p{color:var(--dim);font-size:1rem;max-width:580px;margin:0 auto 2rem;position:relative;}
.btn-retro{display:inline-block;padding:12px 36px;background:var(--pixel-green);color:var(--bg);font-family:'Press Start 2P',monospace;font-size:.7rem;transition:.3s;position:relative;}
.btn-retro:hover{background:var(--pixel-blue);color:var(--bg);}

.ns{display:flex;justify-content:center;gap:2rem;flex-wrap:wrap;padding:1.5rem;background:var(--card);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.ns span{font-size:.82rem;color:var(--dim);display:flex;align-items:center;gap:.4rem;}

.nw{max-width:1100px;margin:0 auto;padding:60px 1.5rem;}
.nw h2{font-size:1rem;text-align:center;margin-bottom:1rem;color:var(--pixel-green);text-shadow:0 0 8px rgba(57,255,20,.3);}
.nw .nsub{text-align:center;color:var(--dim);max-width:560px;margin:0 auto 2.5rem;font-size:.95rem;}

.ng{max-width:920px;margin:0 auto 3rem;border:2px solid var(--pixel-green);overflow:hidden;box-shadow:0 0 30px rgba(57,255,20,.1);}
.ng iframe{width:100%;height:570px;border:none;display:block;}

.n3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:3rem;}
.nc{background:var(--card);border:1px solid var(--border);padding:1.8rem;transition:.3s;}
.nc:hover{border-color:var(--pixel-green);}
.nc .ni{font-size:1.8rem;margin-bottom:.6rem;}
.nc h3{font-size:.7rem;margin-bottom:.5rem;color:var(--pixel-green);}
.nc p{font-size:.85rem;color:var(--dim);}

.nf{background:var(--card);border-top:2px solid var(--pixel-green);padding:2rem 1.5rem;text-align:center;}
.nfr{display:flex;justify-content:center;gap:1.5rem;flex-wrap:wrap;margin-bottom:1rem;}
.nfr a{color:var(--dim);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;}
.nfr a:hover{color:var(--pixel-green);}
.nfc{color:#444;font-size:.72rem;}

.nav-ol{position:fixed;inset:0;background:rgba(0,0,0,.92);display:flex;align-items:center;justify-content:center;z-index:9999;}
.nav-ol.x{display:none;}
.nav-ob{background:var(--card);border:2px solid var(--pixel-green);padding:2rem;text-align:center;max-width:400px;width:90%;}
.nav-ob h2{color:var(--pixel-green);font-size:.9rem;margin-bottom:1rem;text-shadow:0 0 8px rgba(57,255,20,.4);}
.nav-ob p{color:var(--dim);margin-bottom:1.5rem;font-size:.88rem;}
.nav-or{display:flex;gap:1rem;justify-content:center;}
.noy{padding:10px 28px;background:var(--pixel-green);color:var(--bg);border:none;cursor:pointer;font-family:'Press Start 2P',monospace;font-size:.65rem;transition:.3s;}
.noy:hover{background:var(--pixel-blue);}
.non{padding:10px 28px;background:transparent;border:1px solid var(--dim);color:var(--dim);cursor:pointer;font-family:'Press Start 2P',monospace;font-size:.65rem;transition:.3s;}
.non:hover{border-color:#e44;color:#e44;}

.np{max-width:860px;margin:0 auto;padding:100px 1.5rem 70px;}
.np h1{font-size:1.2rem;margin-bottom:1.5rem;color:var(--pixel-green);text-shadow:0 0 8px rgba(57,255,20,.3);}
.np h2{font-size:.8rem;margin:2rem 0 .7rem;text-align:left;color:var(--pixel-green);}
.np p{color:var(--dim);margin-bottom:1rem;font-size:.93rem;}
.np ul{margin:1rem 0 1rem 1.5rem;color:var(--dim);}
.np li{margin-bottom:.5rem;}

@media(max-width:768px){
  .nh-ham{display:block;}
  .nh-links{position:fixed;top:56px;right:-100%;width:70%;height:calc(100vh - 56px);background:rgba(10,10,10,.98);flex-direction:column;padding:2rem;transition:right .3s;}
  .nh-links.show{right:0;}
  .nx-hero h1{font-size:1rem;}
  .n3{grid-template-columns:1fr;}
  .ng iframe{height:380px;}
  .ns{flex-direction:column;align-items:center;gap:.6rem;}
}