:root {
  --ink: #07184c;
  --primary: #fed701;
  --secondary: #048e13;
}

body {
  background-image:
    radial-gradient(ellipse 80% 50% at 10% -10%, rgba(254, 215, 1, 0.18), transparent 55%),
    radial-gradient(ellipse 60% 40% at 100% 0%, rgba(4, 142, 19, 0.08), transparent 50%);
}

.blur-paywall {
  filter: blur(5px);
  user-select: none;
  pointer-events: none;
}

.card-signal {
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}
.card-signal:hover {
  transform: translateY(-2px);
  box-shadow: 0 12px 30px rgba(7, 24, 76, 0.08);
}

@keyframes fade-up {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}
.animate-fade-up {
  animation: fade-up 0.6s ease both;
}
.animate-fade-up-delay {
  animation: fade-up 0.7s ease 0.12s both;
}
.animate-fade-up-delay-2 {
  animation: fade-up 0.7s ease 0.24s both;
}