@media (max-width:768px){
  body{padding:1rem;padding-top:5rem}
  header{flex-direction:row;justify-content:space-between;align-items:center;gap:1.5rem;width:calc(100% - 2rem);top:1rem;height:auto;padding:.5rem 1rem}
  header.scrolled{top:.5rem}

  .nav-links {
    display: none;
    position: absolute;
    top: calc(100% + 10px);
    right: 0;
    width: 200px;
    background: white;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.5rem;
    border-radius: 20px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.1);
    gap: 1rem;
    border: 1px solid #eee;
  }
  .nav-links.active { display: flex; }
  .nav-links a { color: var(--text-color); }
  
  .mobile-nav-toggle { display: block; z-index: 11; }
  .mobile-nav-toggle svg { width: 24px; height: 24px; color: var(--text-color); }

  .about-section{flex-direction:column;gap:2rem}
  .about-section .about-text .cta-button {
    display: block;
    margin: 0 0 1rem 0;
    text-align: center;
  }
  .about-visual{width:100%;height:250px}
  .content-section{padding:3rem 0}

  main{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding-top:1rem;height:auto;min-height:80vh;gap:1rem}
  .side-text{flex-direction:row;justify-content:center;font-size:clamp(2rem,15vw,4rem);line-height:1}
  .wca-text{order:1}.center-content{order:2;padding:2rem 0}.year-text{order:3}

  .see-more{position:relative;bottom:auto;left:auto;transform:none;margin:2rem auto 0;display:table}
  
  #countdown {
      gap: 0.75rem;
      margin-top: 1.5rem;
  }
  #countdown > div {
      padding: 0.5rem;
      min-width: 65px;
      border-radius: 10px;
  }
   #countdown span:first-child {
      font-size: 1.8rem;
   }
   #countdown .countdown-label {
       font-size: 0.6rem;
   }

  .footer-top {
    flex-direction: column;
    text-align: center;
    gap: 2rem;
  }
  .footer-logo {
    justify-content: center;
    order: 1; /* Logo first */
  }
  .footer-links {
    order: 2; /* Links second */
    gap: 1rem 2rem; /* row-gap column-gap */
    justify-content: center;
  }
  .footer-socials {
    order: 3; /* Socials third */
    justify-content: center;
  }

  footer{padding:3rem 1rem 1.5rem;margin:0 -1rem -1rem}
  .footer-big-text{bottom:-1rem}
  .categories-table th, .categories-table td { padding: 0.75rem; }
  .categories-table th { font-size: 1.1rem; }
  .categories-table td { font-size: 0.95rem; }

  .categories-grid {
      grid-template-columns: 1fr;
      gap: 1.5rem;
  }
  
  .hosts-container { gap: 2rem; }
  .host img { width: 100px; height: 100px; }
  
  .key-awards-container { gap: 1.5rem; }
  .key-award-card { padding: 1.5rem; }
}

@media (max-width: 480px) {
  .media-item.wide {
    grid-column: span 1;
  }
}

@media (max-width: 768px) {
  .timeline-container::before {
    left: 20px;
    transform: translateX(0);
  }

  .timeline-item {
    width: 100%;
  }

  .timeline-item:nth-child(odd),
  .timeline-item:nth-child(even) {
    left: 0;
    text-align: left;
    padding-left: 50px;
    padding-right: 1rem;
  }
  
  .timeline-item:nth-child(odd)::after,
  .timeline-item:nth-child(even)::after {
    left: 12px;
  }
}