/* Extra small screens adjustments */
@media (max-width: 350px) {
  .logo h1 {
    font-size: 1.2rem !important;
  }
  
  .hero-content h1 {
    font-size: 1.5rem !important;
  }
  
  .btn {
    padding: 0.8rem !important;
    font-size: 0.9rem !important;
  }
  
  .feature-icon {
    width: 50px !important;
    height: 50px !important;
    font-size: 1.3rem !important;
  }
  
  .feature-card h3 {
    font-size: 1.2rem !important;
  }
  
  .feature-card p {
    font-size: 0.9rem !important;
  }
  
  .term-card h3 {
    font-size: 1.2rem !important;
  }
  
  .footer-logo h2 {
    font-size: 1.3rem !important;
  }
  
  .learn-hero h1 {
    font-size: 1.6rem !important;
  }
}