html {
  scroll-behavior: smooth;
}

/* Glass Water Effect */
.glass-nav {
  backdrop-filter: blur(12px);
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255,255,255,0.9);
}

/* Water Gradient Animation */
@keyframes waterFlow {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

.water-bg {
  background: linear-gradient(120deg, rgba(0,200,255,0.25), rgba(0,120,255,0.25), rgba(0,200,255,0.25));
  background-size: 200% 200%;
  animation: waterFlow 8s ease infinite;
}
.hero-title{
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.42), rgba(0, 0, 0, 0.42));
    padding: 0.2em 0.5em;
    border-radius: 12px;
    text-shadow: 0 4px 14px rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(1px);
}