/* FuelAccounting Custom Refinements (Matches Clean Energy / Oil & Gas Audit Theme) */

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Inter', sans-serif;
  color: #334155;
}

h1, h2, h3, h4, .font-display {
  font-family: 'Plus Jakarta Sans', sans-serif;
}

input[type=range] {
  accent-color: #3493ee;
}

/* Radar pulse animation for play buttons & live badges */
@keyframes radar-pulse {
  0% { transform: scale(0.96); box-shadow: 0 0 0 0 rgba(52, 147, 238, 0.5); }
  70% { transform: scale(1.05); box-shadow: 0 0 0 16px rgba(52, 147, 238, 0); }
  100% { transform: scale(0.96); box-shadow: 0 0 0 0 rgba(52, 147, 238, 0); }
}

.radar-pulse-btn {
  animation: radar-pulse 2.2s infinite;
}

/* Marquee Running Ticker */
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}

.animate-marquee {
  display: flex;
  width: 200%;
  animation: marquee 28s linear infinite;
}

.animate-marquee:hover {
  animation-play-state: paused;
}

/* Subtle topographic contour pattern */
.bg-topo-pattern {
  background-image: radial-gradient(rgba(52, 147, 238, 0.16) 1px, transparent 1px), radial-gradient(rgba(52, 147, 238, 0.08) 1px, transparent 1px);
  background-size: 24px 24px;
  background-position: 0 0, 12px 12px;
}

/* Abstract Tech Grid & Glow Utilities */
.bg-tech-grid {
  background-size: 36px 36px;
  background-image: 
    linear-gradient(to right, rgba(52, 147, 238, 0.09) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(52, 147, 238, 0.09) 1px, transparent 1px);
}

.bg-dot-grid {
  background-size: 24px 24px;
  background-image: radial-gradient(rgba(52, 147, 238, 0.22) 1.2px, transparent 1.2px);
}

.hero-glow-1 {
  position: absolute;
  top: -12%;
  left: 10%;
  width: 550px;
  height: 550px;
  background: radial-gradient(circle, rgba(52, 147, 238, 0.32) 0%, rgba(52, 147, 238, 0.08) 45%, transparent 70%);
  filter: blur(65px);
  pointer-events: none;
}

.hero-glow-2 {
  position: absolute;
  bottom: 5%;
  right: 5%;
  width: 480px;
  height: 480px;
  background: radial-gradient(circle, rgba(56, 189, 248, 0.25) 0%, rgba(30, 64, 175, 0.12) 50%, transparent 70%);
  filter: blur(60px);
  pointer-events: none;
}