.section-grey {
  background-color: #F5F5F5;
}

.section-white {
  background-color: #FFFFFF;
}

.section-yellow {
  background: linear-gradient(to bottom right, #F4FE32, #D3F53B, #9CDA4A);
}
.section-yellow .tag {
  color: #000;
  opacity: 0.4;
}

.section-black {
  background-color: #1a1a1a !important;
  color: #ffffff;
}
.section-black .btn-target{
    color:#1a1a1a !important;
}
.section-black h1, .section-black h2, .section-black h3, .section-black h4, .section-black h5, .section-black h6 {
  color: #ffffff;
}
.section-black p, .section-black li {
  color: rgba(255, 255, 255, 0.8);
}
.section-black a:not(.btn-primary):not(.btn-secondary) {
  color: rgba(255, 255, 255, 0.8);
}
.section-black a:not(.btn-primary):not(.btn-secondary):hover {
  color: #DDF220;
}
.section-black .tag {
  color: #ffffff;
  opacity: 0.45;
}
.section-black .underline-text:after {
  background-color: #ffffff;
}
.section-black .btn-primary {
  background-color: #DDF220;
  color: #0B2117;
  border-color: #DDF220;
}
.section-black .btn-primary:hover {
  background-color: #c8db1a;
  border-color: #c8db1a;
}
.section-black .btn-secondary {
  background-color: transparent;
  color: #ffffff;
  border-color: rgba(255, 255, 255, 0.5);
}
.section-black .btn-secondary:hover {
  background-color: #ffffff;
  color: #000000;
  border-color: #ffffff;
}

.btn-primary,
.btn-secondary {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1.5rem;
  border-radius: 9999px;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  border: 2px solid transparent;
  transition: background-color 0.2s ease, color 0.2s ease, border-color 0.2s ease;
  cursor: pointer;
}

.section-white .btn-primary,
.section-grey .btn-primary {
  background-color: #DDF220;
  color: #000000;
  border-color: #DDF220;
}
.section-white .btn-primary:hover,
.section-grey .btn-primary:hover {
  background-color: #c8db1a;
  border-color: #c8db1a;
}
.section-white .btn-secondary,
.section-grey .btn-secondary {
  background-color: transparent;
  color: #000000;
  border-color: #000000;
}
.section-white .btn-secondary:hover,
.section-grey .btn-secondary:hover {
  background-color: #000000;
  color: #ffffff;
}

.beliefs-section h3 {
  font-size: 2.5em !important;
}

.text-white .underline-text:after {
  background-color: #fff;
}

.section-yellow .btn-primary {
  background-color: #000000;
  color: #ffffff;
  border-color: #000000;
}
.section-yellow .btn-primary:hover {
  background-color: #2e2e2e;
  border-color: #2e2e2e;
}
.section-yellow .btn-secondary {
  background-color: transparent;
  color: #000000;
  border-color: #000000;
}
.section-yellow .btn-secondary:hover {
  background-color: #000000;
  color: #ffffff;
}

section ul {
  list-style: unset;
  padding-left: 17px;
}

.scroll-indicator {
  position: absolute;
  bottom: 2.5rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.5rem;
  cursor: pointer;
  animation: scrollIndicatorPulse 2.4s ease-in-out infinite;
}
.scroll-indicator .scroll-mouse {
  width: 26px;
  height: 42px;
  border: 2px solid rgba(255, 255, 255, 0.85);
  border-radius: 13px;
  position: relative;
}
.scroll-indicator .scroll-mouse .scroll-wheel {
  width: 4px;
  height: 8px;
  background: #ffffff;
  border-radius: 2px;
  position: absolute;
  top: 6px;
  left: 50%;
  transform: translateX(-50%);
  animation: scrollWheel 1.6s cubic-bezier(0.45, 0.05, 0.55, 0.95) infinite;
}
.scroll-indicator .scroll-chevron {
  opacity: 0.85;
  animation: scrollChevronBounce 1.6s ease-in-out infinite;
}

@keyframes scrollWheel {
  0% {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
  60% {
    opacity: 0;
    transform: translateX(-50%) translateY(16px);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) translateY(16px);
  }
}
@keyframes scrollChevronBounce {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(4px);
  }
}
@keyframes scrollIndicatorPulse {
  0%, 100% {
    opacity: 0.85;
  }
  50% {
    opacity: 0.5;
  }
}

/*# sourceMappingURL=claudeStyle.css.map */