/* Grafasco — Shared Styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Montserrat:wght@400;500;600;700;800&display=swap');

html {
  scroll-behavior: smooth;
}

body {
  background-color: #02040A; /* navy-950 */
  color: #f3f4f6;
}

/* Custom scrollbar for a sleeker look */
::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-track {
  background: #02040A;
}
::-webkit-scrollbar-thumb {
  background: #111D4A;
  border-radius: 3px;
}
::-webkit-scrollbar-thumb:hover {
  background: #D4AF37;
}

/* Animations */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(20px); }
  100% { opacity: 1; transform: translateY(0); }
}
.animate-fade-in-up {
  animation: fadeInUp 0.8s ease-out forwards;
}

@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}
.animate-marquee {
  animation: marquee 40s linear infinite;
}

.animate-pulse-slow {
  animation: pulse 4s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Background dot-grid pattern */
.bg-dot-grid {
  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGNpcmNsZSBjeD0iMSIgY3k9IjEiIHI9IjEiIGZpbGw9InJnYmEoMjEyLCAxNzUsIDU1LCAwLjAzKSIvPjwvc3ZnPg==');
  -webkit-mask-image: linear-gradient(to bottom, white, transparent);
  mask-image: linear-gradient(to bottom, white, transparent);
}

/* Simple page content styling for legal pages */
.legal-content h2 {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-weight: 700;
  font-size: 1.5rem;
  margin-top: 2.5rem;
  margin-bottom: 1rem;
}
.legal-content h2:first-child {
  margin-top: 0;
}
.legal-content p,
.legal-content li {
  color: #9CA3AF;
  line-height: 1.8;
  font-size: 0.95rem;
}
.legal-content ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
}
.legal-content p {
  margin-bottom: 1rem;
}
.legal-content strong {
  color: #E5C158;
}
.legal-content a {
  color: #D4AF37;
  text-decoration: underline;
  text-decoration-color: rgba(212,175,55,0.3);
}
.legal-content a:hover {
  color: #E5C158;
}