html {
  scroll-behavior: smooth;
}

.pattern {
  background-image: radial-gradient(circle at 1px 1px, rgba(255,255,255,0.5) 1px, transparent 0);
  background-size: 28px 28px;
}

#header.scrolled {
  box-shadow: 0 4px 20px rgba(15, 34, 81, 0.08);
}