/* VEP Landing Page — custom styles beyond Tailwind CDN */

html {
  scroll-behavior: smooth;
}

/* Smooth details/summary animation */
details summary {
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}

details[open] summary ~ * {
  animation: slide-down 0.2s ease-out;
}

@keyframes slide-down {
  from { opacity: 0; transform: translateY(-8px); }
  to { opacity: 1; transform: translateY(0); }
}

/* Loading spinner for signup button */
.btn-loading {
  pointer-events: none;
  opacity: 0.7;
}

.btn-loading::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 8px;
  border: 2px solid transparent;
  border-top: 2px solid currentColor;
  border-radius: 50%;
  animation: spin 0.6s linear infinite;
  vertical-align: middle;
}

@keyframes spin {
  to { transform: rotate(360deg); }
}

/* Mobile nav toggle (future enhancement) */
@media (max-width: 768px) {
  .hero-title {
    font-size: 2.5rem;
  }
}