/* Soub site — global base + keyframes (from the source <helmet> styles). */
* { box-sizing: border-box; }
html, body { margin: 0; padding: 0; }
body {
  background: var(--navy);
  color: var(--text);
  font-family: var(--font-display);
  line-height: 1.7;
}
a { color: inherit; text-decoration: none; }
input { font-family: inherit; }

@keyframes soubPulse {
  0%, 100% { opacity: .5; transform: translate(-50%, -50%) scale(1); }
  50%      { opacity: 1;  transform: translate(-50%, -50%) scale(1.04); }
}
@keyframes soubMarquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
@keyframes soubFade {
  from { opacity: 0; transform: translateY(16px); }
  to   { opacity: 1; transform: none; }
}

/* Until React mounts, keep the navy ground so there is no white flash. */
#root { min-height: 100vh; }