body {
  font-family: 'Inter', sans-serif;
  overflow-x: hidden;
  /* Prevent horizontal scroll from animations */
}

#bg-canvas {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: -1;
  pointer-events: none;
}

.grid-pattern {
  background-image: radial-gradient(circle, #cbd5e1 1px, transparent 1px);
  background-size: 30px 30px;
}

.architectural-bg {
  background-image: radial-gradient(circle, #007BFF11 1px, transparent 1px);
  background-size: 20px 20px;
}

/* Custom Floating Animation */
@keyframes float {
  0% {
    transform: translateY(0px);
  }

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

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

.animate-float {
  animation: float 6s ease-in-out infinite;
}