/* LaunchPad Techno - Custom Styles */
/* Supplements Tailwind CSS utility classes */

/* Smooth scrolling */
html {
  scroll-behavior: smooth;
}

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

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

.logo-marquee:hover {
  animation-play-state: paused;
}

.logo-marquee-track {
  padding: 0 2rem;
}

/* Focus visible for accessibility */
a:focus-visible,
button:focus-visible {
  outline: 2px solid #3b82f6;
  outline-offset: 2px;
  border-radius: 4px;
}

/* Cookie banner slide-up animation */
#cookie-banner {
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Legal page prose styling */
.prose-legal h2 {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  margin-top: 2rem;
  margin-bottom: 0.75rem;
}

.prose-legal p,
.prose-legal li {
  color: #475569;
  line-height: 1.75;
  margin-bottom: 0.5rem;
}

.prose-legal ul {
  list-style: disc;
  padding-left: 1.5rem;
  margin-bottom: 1rem;
}

.prose-legal a {
  color: #3b82f6;
  text-decoration: underline;
}

.prose-legal a:hover {
  color: #2563eb;
}