/* Custom scrollbar */
::-webkit-scrollbar {
  width: 8px;
}
::-webkit-scrollbar-track {
  background: #fbfbfa;
}
::-webkit-scrollbar-thumb {
  background: #eaeaea;
  border-radius: 4px;
}
::-webkit-scrollbar-thumb:hover {
  background: #d1d1d1;
}

body {
  background-color: #fbfbfa;
  color: #0b1221;
  overflow-x: hidden;
}

.page-view {
  display: none;
  opacity: 0;
}

.page-view.active {
  display: block;
  opacity: 1;
}

/* Double Bezel Architecture */
.double-bezel {
  background: rgba(255, 255, 255, 0.5);
  padding: 6px;
  border-radius: 2rem;
  border: 1px solid #eaeaea;
}

.double-bezel-inner {
  background: #ffffff;
  border-radius: calc(2rem - 6px);
  padding: 2.5rem;
  box-shadow: 0 4px 24px -6px rgba(11, 18, 33, 0.04);
  height: 100%;
}

/* Marquee Animation */
@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-50%);
  }
}

.animate-marquee {
  display: flex;
  width: max-content;
  animation: marquee 30s linear infinite;
}

/* FAQ Accordion Transitions */
.faq-content {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.4s ease-out;
}

.faq-content.open {
  grid-template-rows: 1fr;
}

.faq-content > div {
  overflow: hidden;
}

.faq-icon {
  transition: transform 0.4s ease-out;
}

.faq-item.active .faq-icon {
  transform: rotate(45deg);
}