/* Homepage styles */

#particles-js {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  z-index: 0;

  pointer-events: none;

}

.hero-gradient {

  background: radial-gradient(ellipse at top, oklch(var(--p) / 0.15) 0%, transparent 50%);

}

.feature-card {

  transition: all 0.3s ease;

}

.feature-card:hover {

  transform: translateY(-4px);

  box-shadow: 0 20px 40px -12px oklch(var(--p) / 0.25);

}

.deck-card-home {

  transition: all 0.3s ease;

}

.deck-card-home:hover {

  transform: translateY(-4px);

  box-shadow: 0 20px 40px -12px oklch(var(--p) / 0.2);

}

.logo-glow {

  filter: drop-shadow(0 0 30px oklch(var(--p) / 0.4));

}

@keyframes float {

  0%, 100% { transform: translateY(0); }

  50% { transform: translateY(-10px); }

}

.float-animation {

  animation: float 6s ease-in-out infinite;

}