/* ============================================
   ABHAA FUEL SOLUTIONS - Minimal Animations
   Industrial, Subtle, Professional
   ============================================ */

@keyframes dropBounce {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-12px); }
}

@keyframes loaderFill {
    0% { width: 0%; }
    100% { width: 100%; }
}

@keyframes waveRotate {
    from { transform: rotate(0deg); }
    to { transform: rotate(360deg); }
}

@keyframes pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.4; }
}

@keyframes scrollWheel {
    0% { transform: translateX(-50%) translateY(0); opacity: 1; }
    100% { transform: translateX(-50%) translateY(10px); opacity: 0; }
}

@keyframes blink {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; }
}

@keyframes gaugeAnimate {
    from { stroke-dashoffset: 565; }
    to { stroke-dashoffset: 150; }
}

@keyframes needleSwing {
    0%, 100% { transform: rotate(-30deg); }
    50% { transform: rotate(30deg); }
}

/* ============================================
   SCROLL ANIMATIONS
   ============================================ */
.animate-on-scroll {
    opacity: 0;
    transform: translateY(30px);
    transition: opacity 0.6s ease, transform 0.6s ease;
}

.animate-on-scroll.visible {
    opacity: 1;
    transform: translateY(0);
}

/* Stagger */
.animate-on-scroll:nth-child(1) { transition-delay: 0.05s; }
.animate-on-scroll:nth-child(2) { transition-delay: 0.1s; }
.animate-on-scroll:nth-child(3) { transition-delay: 0.15s; }
.animate-on-scroll:nth-child(4) { transition-delay: 0.2s; }
.animate-on-scroll:nth-child(5) { transition-delay: 0.25s; }
.animate-on-scroll:nth-child(6) { transition-delay: 0.3s; }

/* ============================================
   SUBTLE HOVER EFFECTS
   ============================================ */
.service-card:hover {
    transform: translateY(-2px);
}

.stat-card:hover {
    transform: translateY(-2px);
}

.about-feature:hover {
    transform: translateX(4px);
}

/* Timer pulse on update */
.timer-value.updating {
    animation: timerPulse 0.3s ease;
}

@keyframes timerPulse {
    0% { opacity: 0.5; }
    100% { opacity: 1; }
}

/* Subtle glow on countdown cards */
.countdown-card:hover .timer-value {
    text-shadow: 0 0 8px currentColor;
}

/* Nav link hover lift */
.nav-link:hover {
    transform: translateY(-1px);
}

/* Button subtle lift */
.btn:hover {
    transform: translateY(-1px);
}