/* Global font */
body {
  font-family: 'Poppins', ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, 'Noto Sans', Arial, 'Apple Color Emoji', 'Segoe UI Emoji', sans-serif;
}

/* Background animation with motion safety */
:root {
  --bg1: #0b1020;
  --bg2: #0a0f1c;
}

.bg-anim {
  position: fixed;
  inset: -10vmax;
  z-index: -1;
  filter: blur(60px);
  background:
    radial-gradient(50vmax 50vmax at 10% 20%, rgba(14, 165, 233, 0.18), transparent 60%),
    radial-gradient(40vmax 40vmax at 90% 10%, rgba(34, 211, 238, 0.18), transparent 60%),
    radial-gradient(60vmax 60vmax at 50% 90%, rgba(6, 182, 212, 0.18), transparent 60%),
    linear-gradient(120deg, var(--bg1), var(--bg2));
  animation: float 14s ease-in-out infinite alternate;
}

@keyframes float {
  0% { transform: translate3d(0, 0, 0) scale(1); }
  100% { transform: translate3d(2%, -2%, 0) scale(1.05); }
}

@media (prefers-reduced-motion: reduce) {
  .bg-anim { animation: none; }
}

/* Align countdown numbers nicely */
.tabular-nums { font-variant-numeric: tabular-nums; }

/* Improve gradient text rendering in WebKit */
h2 { -webkit-text-fill-color: transparent; }