html { scroll-behavior: smooth; }

.bg-pattern {
  background-image: radial-gradient(circle at 1px 1px, rgba(248,246,241,0.16) 1px, transparent 0);
  background-size: 28px 28px;
}

.progress-track { background: #DEE2E8; }

.card-hover { transition: transform .3s ease, border-color .3s ease; }
.card-hover:hover { transform: translateY(-3px); }

.lightbox-open { overflow: hidden; }

.hairline { box-shadow: 0 1px 0 0 #DEE2E8; }