.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem}.grid-2-sm{display:grid;grid-template-columns:1fr 1fr;gap:1rem;padding:1rem 1.5rem;background:#0d1829}.nav-bar{background:#1e293b;border-bottom:1px solid #334155;display:flex;align-items:center;gap:1.5rem;padding:.75rem 2rem;overflow-x:auto;-webkit-overflow-scrolling:touch;white-space:nowrap;scrollbar-width:thin;scrollbar-color:#334155 transparent}.nav-bar::-webkit-scrollbar{height:3px}.nav-bar::-webkit-scrollbar-thumb{background:#334155;border-radius:2px}.page-wrap{padding:1.5rem 2rem}@media (max-width: 768px){.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2,.grid-2-sm{grid-template-columns:1fr}.page-wrap{padding:.75rem 1rem}.nav-bar{padding:.65rem 1rem;gap:.75rem}}@media (max-width: 480px){.grid-3{grid-template-columns:1fr}}