/* ===== KEYFRAMES ===== */
@keyframes fadeUp {
  from { opacity: 0; transform: translateY(40px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes fadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}
@keyframes fadeLeft {
  from { opacity: 0; transform: translateX(40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes fadeRight {
  from { opacity: 0; transform: translateX(-40px); }
  to   { opacity: 1; transform: translateX(0); }
}
@keyframes float {
  0%,100% { transform: translateY(0px); }
  50%     { transform: translateY(-16px); }
}
@keyframes marquee {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes pulseRing {
  0%   { transform: scale(1); opacity: 0.6; }
  100% { transform: scale(1.6); opacity: 0; }
}
@keyframes gradientPan {
  0%   { background-position: 0% 50%; }
  50%  { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}
@keyframes blobFloat1 {
  0%,100% { transform: translate(0, 0) scale(1); }
  33%     { transform: translate(30px, -20px) scale(1.05); }
  66%     { transform: translate(-20px, 10px) scale(0.97); }
}
@keyframes blobFloat2 {
  0%,100% { transform: translate(0, 0) scale(1); }
  40%     { transform: translate(-25px, 15px) scale(1.03); }
  70%     { transform: translate(20px, -10px) scale(0.98); }
}
@keyframes cursorBlink {
  0%,100% { opacity: 1; }
  50%     { opacity: 0; }
}
@keyframes shimmer {
  0%   { background-position: -200% center; }
  100% { background-position: 200% center; }
}

/* ===== SCROLL REVEAL ===== */
.reveal {
  opacity: 0;
  transform: translateY(36px);
  transition: opacity 0.72s cubic-bezier(0.4,0,0.2,1),
              transform 0.72s cubic-bezier(0.4,0,0.2,1);
}
.reveal.revealed { opacity: 1; transform: translateY(0); }

.reveal-left {
  opacity: 0; transform: translateX(-36px);
  transition: opacity 0.72s cubic-bezier(0.4,0,0.2,1),
              transform 0.72s cubic-bezier(0.4,0,0.2,1);
}
.reveal-left.revealed { opacity: 1; transform: translateX(0); }

.reveal-right {
  opacity: 0; transform: translateX(36px);
  transition: opacity 0.72s cubic-bezier(0.4,0,0.2,1),
              transform 0.72s cubic-bezier(0.4,0,0.2,1);
}
.reveal-right.revealed { opacity: 1; transform: translateX(0); }

.reveal-scale {
  opacity: 0; transform: scale(0.94);
  transition: opacity 0.72s cubic-bezier(0.4,0,0.2,1),
              transform 0.72s cubic-bezier(0.4,0,0.2,1);
}
.reveal-scale.revealed { opacity: 1; transform: scale(1); }

.d1 { transition-delay: 0.08s; }
.d2 { transition-delay: 0.16s; }
.d3 { transition-delay: 0.24s; }
.d4 { transition-delay: 0.32s; }
.d5 { transition-delay: 0.40s; }
.d6 { transition-delay: 0.48s; }

/* ===== FLOAT ===== */
.float-anim { animation: float 5.5s ease-in-out infinite; }

/* ===== MARQUEE ===== */
.marquee-wrap { overflow: hidden; width: 100%; }
.marquee-track {
  display: flex;
  width: max-content;
  animation: marquee 38s linear infinite;
}
.marquee-track:hover { animation-play-state: paused; }

/* ===== BACKGROUND BLOBS ===== */
.hero-blobs {
  position: absolute; inset: 0;
  pointer-events: none; overflow: hidden;
}
.blob {
  position: absolute;
  border-radius: 50%;
  filter: blur(80px);
  opacity: 0.20;
}
.blob-1 {
  width: 560px; height: 560px;
  background: radial-gradient(circle, rgba(46,107,230,0.9) 0%, transparent 70%);
  top: -180px; right: -80px;
  animation: blobFloat1 12s ease-in-out infinite;
}
.blob-2 {
  width: 360px; height: 360px;
  background: radial-gradient(circle, rgba(46,107,230,0.7) 0%, transparent 70%);
  bottom: -100px; left: 8%;
  animation: blobFloat2 10s ease-in-out infinite;
}
.blob-3 {
  width: 280px; height: 280px;
  background: radial-gradient(circle, rgba(100,160,255,0.4) 0%, transparent 70%);
  top: 40%; left: 30%;
  animation: blobFloat1 14s ease-in-out infinite reverse;
}

/* ===== GRID PATTERN ===== */
.grid-pattern {
  position: absolute; inset: 0;
  background-image:
    linear-gradient(rgba(46,107,230,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(46,107,230,0.04) 1px, transparent 1px);
  background-size: 72px 72px;
  pointer-events: none;
  z-index: 1;
}

/* ===== TYPING CURSOR ===== */
.cursor {
  display: inline-block;
  width: 2px; height: 1em;
  background: var(--gold);
  margin-left: 3px;
  vertical-align: text-bottom;
  animation: cursorBlink 1s step-end infinite;
}

/* ===== BLUE SHIMMER TEXT ===== */
.shimmer-text {
  background: linear-gradient(90deg,
    var(--gold) 0%, #6BA8FF 25%, var(--gold) 50%, #1A4DB5 75%, var(--gold) 100%
  );
  background-size: 200% auto;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  animation: shimmer 4s linear infinite;
}

/* ===== PAGE TRANSITION ===== */
.page-enter { animation: fadeIn 0.4s ease forwards; }

/* ===== PULSE RING (stats accent) ===== */
.pulse-ring {
  position: relative;
  display: inline-block;
}
.pulse-ring::before {
  content: '';
  position: absolute;
  inset: -6px;
  border-radius: 50%;
  border: 1.5px solid rgba(46,107,230,0.4);
  animation: pulseRing 2.5s ease-out infinite;
}