html {
  scroll-behavior: smooth;
}

/* Custom styles to ensure proper rendering */
body {
  margin: 0;
  padding: 0;
}

/* Ensure images are responsive */
img {
  max-width: 100%;
  height: auto;
}

/* Smooth transitions for all interactive elements */
a, button {
  transition: all 0.2s ease-in-out;
}

/* Ensure backdrop blur works on nav */
nav {
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}