/* Responsive Media Queries */
@media (max-width: 992px) {
  .nav-links { font-size: 0.85rem; gap: 0.5rem; }
  .hero h1 { font-size: 2.6rem; }
}

@media (max-width: 768px) {
  header { padding: 1rem; flex-wrap: wrap; gap: 1rem; }
  .nav-links { display: none; width: 100%; flex-direction: column; gap: 0.8rem; background: var(--bg-secondary); padding: 1rem; border-radius: var(--radius-md); }
  .nav-links.active { display: flex; }
  .hero h1 { font-size: 2.2rem; }
  .footer-bottom { flex-direction: column; text-align: center; }
}