body {
  font-family: 'Plus Jakarta Sans', 'Inter', sans-serif;
  background: #fff;
  color: #475569;
}

.sitemap-hero {
  background: #0a0f1a;
  padding: 130px 0 70px;
  text-align: center;
}

.sitemap-hero h1 {
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 800;
  color: #fff;
  margin-bottom: 12px;
}

.sitemap-hero p {
  color: #94a3b8;
}

.sitemap-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: 70px 28px 100px;
}

.sitemap-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 28px;
}
    @media(max-width:768px){ .sitemap-grid { grid-template-columns:1fr 1fr; } }
    @media(max-width:480px){ .sitemap-grid { grid-template-columns:1fr; } }
    .sitemap-group { background:#f8fafc; border:1px solid #e2e8f0; border-radius:18px; padding:28px; }
    .sitemap-group-title { display:flex; align-items:center; gap:10px; font-size:0.75rem; font-weight:700; text-transform:uppercase; letter-spacing:1.2px; color:#7c3aed; margin-bottom:18px; }
    .sitemap-group-title i { font-size:1rem; }
    .sitemap-links { list-style:none; padding:0; margin:0; display:flex; flex-direction:column; gap:10px; }
    .sitemap-links a { display:flex; align-items:center; gap:8px; color:#334155; font-size:0.92rem; font-weight:600; text-decoration:none; transition:color 0.2s; }
    .sitemap-links a i { color:#94a3b8; font-size:0.75rem; transition:color 0.2s; }
    .sitemap-links a:hover { color:#7c3aed; }
    .sitemap-links a:hover i { color:#7c3aed; }