body {
  font-family: 'Roboto', sans-serif;
  overflow-x: hidden;
}

@media (max-width: 768px) {
  body {
    overflow: auto;
  }
}

/* Animations */
@keyframes pulse-red {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.7; }
}

/* Utility Classes */
.card-stat-title {
  line-height: 1.2;
  white-space: normal;
}

.counter-glow {
  text-shadow: 0 0 40px rgba(239, 68, 68, 0.9);
}

.mobile-card-text {
  line-height: 1.1;
  text-align: center;
}

.modal {
  display: none;
}

.modal.active {
  display: flex;
}

.neon-border {
  border: 1px solid rgba(55, 65, 81, 0.5);
  box-shadow: 0 0 15px rgba(59, 130, 246, 0.1);
}

.pulse-red {
  animation: pulse-red 2s infinite;
}

.responsive-text-large {
  font-size: clamp(0.75rem, 2.5vw, 2rem);
  line-height: 1.1;
  text-align: center;
}

.responsive-text-medium {
  font-size: clamp(0.5rem, 1.5vw, 1.5rem);
  line-height: 1.1;
  text-align: center;
}

.responsive-text-small {
  font-size: clamp(0.35rem, 1vw, 0.875rem);
  line-height: 1.2;
  text-align: center;
}

/* Mobile responsiveness */

/* <480px */
@media (max-width: 480px) {
  .grid-cols-1.sm\:grid-cols-2.md\:grid-cols-3.lg\:grid-cols-6 {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .text-2xl { font-size: 0.6rem !important; }
  .text-3xl { font-size: 0.65rem !important; }
  .text-4xl { font-size: 0.65rem !important; }
  .text-5xl { font-size: 0.75rem !important; }
  .text-6xl { font-size: 0.875rem !important; }
  .text-8xl { font-size: 2rem !important; }
  .text-9xl { font-size: 2.5rem !important; }
  .text-base { font-size: 0.45rem !important; }
  .text-lg { font-size: 0.5rem !important; }
  .text-sm { font-size: 0.4rem !important; }
  .text-xl { font-size: 0.55rem !important; }
  .text-xs { font-size: 0.35rem !important; }

  .lg\:text-5xl { font-size: 0.75rem !important; }
  .lg\:text-6xl { font-size: 0.875rem !important; }
  .lg\:text-9xl { font-size: 2.5rem !important; }
}

/* <640px */
@media (max-width: 640px) {
  .text-2xl { font-size: 0.65rem !important; }
  .text-3xl { font-size: 0.75rem !important; }
  .text-4xl { font-size: 0.75rem !important; }
  .text-5xl { font-size: 0.875rem !important; }
  .text-6xl { font-size: 1rem !important; }
  .text-base { font-size: 0.5rem !important; }
  .text-lg { font-size: 0.55rem !important; }
  .text-sm { font-size: 0.45rem !important; }
  .text-xl { font-size: 0.6rem !important; }
  .text-xs { font-size: 0.4rem !important; }

  .lg\:text-5xl { font-size: 0.875rem !important; }
  .lg\:text-6xl { font-size: 1rem !important; }
}

/* <768px */
@media (max-width: 768px) {
  .h-1\/6,
  .h-2\/6 {
    height: auto;
    min-height: 100px;
  }

  .h-screen {
    height: auto;
    min-height: 100vh;
  }

  .leading-none {
    line-height: 0.9 !important;
  }

  .text-2xl { font-size: 0.75rem !important; }
  .text-3xl { font-size: 0.875rem !important; }
  .text-4xl { font-size: 0.875rem !important; }
  .text-5xl { font-size: 1rem !important; }
  .text-6xl { font-size: 1.25rem !important; }
  .text-8xl { font-size: 2.5rem !important; }
  .text-9xl { font-size: 3rem !important; }
  .text-base { font-size: 0.55rem !important; }
  .text-lg { font-size: 0.6rem !important; }
  .text-sm { font-size: 0.5rem !important; }
  .text-xl { font-size: 0.65rem !important; }
  .text-xs { font-size: 0.45rem !important; }

  .lg\:text-5xl { font-size: 1rem !important; }
  .lg\:text-6xl { font-size: 1.25rem !important; }
  .lg\:text-9xl { font-size: 3rem !important; }

  .text-center {
    text-align: center !important;
  }

  .mobile-card-text {
    line-height: 1.1;
    text-align: center;
  }
}

/* <1200px */
@media (max-width: 1200px) {
  .text-4xl { font-size: 1.25rem !important; }
  .text-5xl { font-size: 1.5rem !important; }
  .text-6xl { font-size: 1.75rem !important; }

  .lg\:text-5xl { font-size: 1.5rem !important; }
  .lg\:text-6xl { font-size: 1.75rem !important; }
}