@media (max-width: 900px) {
  nav { padding: 14px 20px; }
  .nav-links {
    position: fixed;
    top: 0; right: -100%;
    width: 280px;
    height: 100vh;
    background: rgba(240,244,248,0.97);
    backdrop-filter: blur(24px);
    flex-direction: column;
    padding: 80px 32px 32px;
    gap: 20px;
    transition: right 0.4s ease;
    align-items: flex-start;
  }
  .nav-links.open { right: 0; }
  .nav-toggle { display: block; }
  #about .about-grid { grid-template-columns: 1fr; text-align: center; }
  .about-badges { justify-content: center; }
  #contact .contact-wrapper { grid-template-columns: 1fr; }
  .life-grid { grid-template-columns: 1fr; }
  .timeline-img { width: 90px; min-height: 120px; }
  .timeline-content { padding: 16px 16px 16px 4px; }
  section { padding: 70px 20px; }
  .gallery-slide { height: 320px; }
}
@media (max-width: 600px) {
  #hero h1 { font-size: clamp(2rem, 12vw, 3rem); }
  .hero-cta { flex-direction: column; align-items: stretch; }
  .hero-cta .btn { justify-content: center; }
  .passion-grid { grid-template-columns: 1fr; }
  .gallery-grid { grid-template-columns: 1fr 1fr; }
  .facts-grid { grid-template-columns: 1fr 1fr; }
  .achievements-grid { grid-template-columns: 1fr; }
  .blog-grid { grid-template-columns: 1fr; }
  .worlds-grid { grid-template-columns: 1fr 1fr; }
  .timeline-img { width: 70px; min-height: 100px; }
  .timeline-img .img-icon { font-size: 1.2rem; }
  .timeline-img .img-label { font-size: 0.5rem; }
  .timeline-content { padding: 12px 12px 12px 4px; }
  .timeline { padding-left: 28px; }
  .gallery-slide { height: 260px; }
  .gallery-slide .slide-icon { font-size: 2.5rem; }
  .gallery-slide .slide-label { font-size: 1rem; }
  .whatsapp-float { width: 48px; height: 48px; font-size: 1.4rem; bottom: 16px; right: 16px; }
}