.notice-banner {
  width: 100%;
  overflow: hidden;
  background-color: #001f3f; /* Deep blue to match Crossbell's theme */
  color: #fff;
  padding: 10px 0;
  font-weight: 600;
  font-size: 1rem;
  position: relative;
}

.notice-banner::before {
  content: "";
  position: absolute;
  top: 0; left: 0; width: 100%; height: 100%;
  background: linear-gradient(to right, #001f3f, #001f3f00);
  z-index: 1;
}

.notice-banner span {
  display: inline-block;
  padding-left: 100%;
  animation: scroll-left 40s linear infinite;
  white-space: nowrap;
  z-index: 2;
  position: relative;
}

@keyframes scroll-left {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}