/* DJ SIXX – navigation / engagement update */
.page-hero {
  width: min(1180px, calc(100% - 36px));
  margin: 34px auto 18px;
  padding: 30px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 22px;
  background: linear-gradient(135deg, rgba(18,32,59,.96), rgba(11,17,31,.98));
  box-shadow: 0 18px 55px rgba(0,0,0,.25);
}
.page-hero h1 { margin: 4px 0 10px; }
.page-hero p { max-width: 780px; color: var(--muted, #b8c2d6); }

.quick-links {
  width: min(1180px, calc(100% - 36px));
  margin: 18px auto 34px;
  display: grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 14px;
}
.quick-link {
  display: block;
  padding: 18px;
  border: 1px solid rgba(255,255,255,.10);
  border-radius: 16px;
  background: rgba(255,255,255,.045);
  text-decoration: none;
  color: inherit;
  transition: transform .18s ease, border-color .18s ease, background .18s ease;
}
.quick-link:hover {
  transform: translateY(-2px);
  border-color: rgba(73,163,255,.55);
  background: rgba(73,163,255,.08);
}
.quick-link strong { display:block; margin-bottom:5px; }
.quick-link span { color: var(--muted, #b8c2d6); font-size:.92rem; }

.home-highlight {
  width: min(1180px, calc(100% - 36px));
  margin: 0 auto 34px;
  padding: 18px 22px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.09);
  background: rgba(255,255,255,.035);
  display:flex;
  gap:16px;
  justify-content:space-between;
  align-items:center;
}
.home-highlight p { margin:0; }
.home-highlight .btn { flex:0 0 auto; }

.topbar nav a.active {
  color:#fff;
  border-bottom:2px solid currentColor;
}

.back-home {
  display:inline-block;
  margin-top:14px;
  opacity:.9;
}

@media (max-width: 900px) {
  .quick-links { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 620px) {
  .quick-links { grid-template-columns: 1fr; }
  .page-hero { padding:22px; }
  .home-highlight { align-items:flex-start; flex-direction:column; }
}