/* Minimal custom styles for the landing page */
:root {
  --glow-sky: 88, 196, 255;
}

.glow {
  position: relative;
}
.glow::after {
  content: "";
  position: absolute;
  inset: -20px;
  background: radial-gradient(240px 120px at 50% -20px, rgba(var(--glow-sky), 0.25), rgba(var(--glow-sky), 0));
  pointer-events: none;
  filter: blur(8px);
}

@keyframes floaty {
  0% { transform: translateY(0px); }
  50% { transform: translateY(-6px); }
  100% { transform: translateY(0px); }
}
.floaty { animation: floaty 6s ease-in-out infinite; }

html {
  scroll-behavior: smooth;
}