@media (max-width: 1024px) { /* Tablet */
      :root {
        --container-margin: 7%;
        --logo-size: clamp(100px, 25vw, 220px);
      }
      footer { font-size: 0.85rem; }
    }

    @media (max-width: 768px) { /* Mobile */
      :root {
        --container-margin: 5%;
        --logo-size: clamp(90px, 30vw, 180px);
      }
      h1 { font-size: clamp(1.2rem, 6vw, 2rem); }
      footer { font-size: 0.8rem; }
    }