/* Reset & Global Base Settings */
html, body {
  margin: 0;
  padding: 0;
  background-color: #0A0A0C !important;
  color: #FFFFFF;
  overflow-x: hidden;
  font-family: 'Montserrat', sans-serif;
}

/* Custom Components & Utilities */
@layer utilities {
  .btn-fire {
    background: linear-gradient(135deg, #FF7D00 0%, #FF2A00 100%);
    box-shadow: 0 4px 20px rgba(255, 125, 0, 0.35);
    transition: all 0.3s ease;
  }
  
  .btn-fire:hover {
    transform: translateY(-2px);
    box-shadow: 0 8px 25px rgba(255, 42, 0, 0.5);
  }

  .glass-card {
    background: rgba(24, 24, 31, 0.7);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 87, 34, 0.2);
    transition: all 0.3s ease;
  }

  .glass-card:hover {
    border-color: rgba(255, 125, 0, 0.5);
    transform: translateY(-4px);
  }

  .text-glow-orange {
    text-shadow: 0 0 18px rgba(255, 125, 0, 0.6);
  }

  .touch-active {
    transition: transform 0.15s ease, opacity 0.15s ease;
  }

  .touch-active:active {
    transform: scale(0.96);
    opacity: 0.9;
  }
}