/* ============================================
   RESPONSIVE - Mobile First Breakpoints
   ============================================ */

/* Tablet (max-width: 900px) */
@media(max-width:900px){
  .hero-inner{grid-template-columns:1fr;text-align:center}
  .hero p{margin-left:auto;margin-right:auto}
  .hero-cta{justify-content:center}
  .hero-stats{justify-content:center}
  .hero-visual{display:none}
}

/* Mobile (max-width: 768px) */
@media(max-width:768px){
  .nav{display:none}
  .search-toggle{display:grid}
  .hamburger-btn{display:grid}
  .footer-grid{grid-template-columns:1fr 1fr}
}

/* Small mobile (max-width: 480px) */
@media(max-width:480px){
  .footer-grid{grid-template-columns:1fr}
  .hero h1{font-size:1.8rem}
  .quiz-layout{padding:1rem 0}
  .quiz-question{padding:1.25rem}
  .quiz-result{padding:2rem 1.25rem}
  .quiz-result-score{font-size:2.2rem}
  .quiz-result-actions{flex-direction:column}
  .quiz-result-actions .btn{width:100%;justify-content:center}
  .cookie-consent-inner{flex-direction:column;text-align:center}
  .quiz-card-meta{flex-wrap:wrap;gap:.5rem}
}