:root{
      --bg:#1c1e21; --box:#2a2d31; --line:#3b4147; --ink:#ffffff; --accent:#5caeff; --accent2:#78bcff;
    }
    body{font-family:'Press Start 2P',monospace;background:var(--bg);color:var(--ink)}
    .container{max-width:1040px;margin:0 auto;padding:0 16px}

    /* Navbar */
    .navbar{background:var(--box);border-bottom:3px solid var(--line)}
    .nav-inner{display:flex;align-items:center;justify-content:space-between;padding:12px 0}
    .nav-btn{background:var(--accent);color:#0f0f0f;border:2px solid #fff;padding:8px 14px;font-size:12px;text-transform:uppercase;transition:all .2s ease}
    .nav-btn:hover{background:var(--accent2);transform:translateY(-2px)}

    /* Boxes & Buttons */
    .pixel-box{background:var(--box);border:3px solid var(--line);box-shadow:6px 6px 0 #0f0f0f}
    .pixel-button{background:var(--accent);color:#0f0f0f;border:2px solid #fff;padding:.8rem 1rem;font-size:12px;text-transform:uppercase;transition:all .2s ease;display:inline-flex;justify-content:center;width:100%}
    .pixel-button:hover{background:var(--accent2);transform:translateY(-1px)}
    .pixel-ghost{background:transparent;border:2px solid #fff;color:#fff}

    /* Type */
    h1{font-size:clamp(22px,2.6vw,30px);line-height:1.25}
    h2{font-size:clamp(16px,2vw,19px)}
    .lead{font-size:clamp(11px,1.1vw,13px);line-height:1.75}
    .mini{font-size:clamp(10px,1vw,12px);line-height:1.7}
    .badge{font-size:11px;border:2px solid var(--line);padding:4px 8px;background:#1e2124;color:#cfd4d8}

    /* Desktop tightening */
    @media (min-width: 1024px){
      .section-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
      .pixel-box{box-shadow:5px 5px 0 #0f0f0f}
      .tight-p{padding:20px}
      .mt-tight{margin-top:14px}
    }
    .section-grid { display: grid; grid-template-columns: 1fr; gap: 16px; }
@media (min-width:1024px){
  .section-grid { grid-template-columns: 1fr 1fr; gap: 16px; }
}