.container{padding:16px;max-width:1400px;margin:0 auto}
.grid{display:grid;gap:16px}
.grid-4{grid-template-columns:repeat(4,1fr)}
.grid-3{grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
@media(max-width:1024px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr}}
.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}
.flex-center{display:flex;align-items:center;justify-content:center}
.gap-8{gap:8px}.gap-16{gap:16px}
.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}
.text-muted{color:var(--gray-500)}
.text-sm{font-size:12px}
.text-lg{font-size:18px;font-weight:600}
.text-xl{font-size:22px;font-weight:700}
h1{font-size:24px;font-weight:700}h2{font-size:20px;font-weight:700}h3{font-size:16px;font-weight:600}
.hidden{display:none !important}