@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&display=swap');
  
/* Base styles */
body {
  background-color: #1a1a2e;
  color: white;
  font-family: 'Inter', sans-serif;
}

/* Custom Button Styles */
.luxury-button {
  position: relative;
  overflow: hidden;
  transition: all 0.3s ease;
}

.luxury-button::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2), transparent);
  transition: left 0.5s ease;
}

.luxury-button:hover::before {
  left: 100%;
}

.luxury-button-gold {
  background: linear-gradient(135deg, #d4af37 0%, #f4d03f 50%, #d4af37 100%);
  box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

.luxury-button-gold:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 20px rgba(212, 175, 55, 0.4);
}

.luxury-button-outline {
  border: 2px solid rgba(212, 175, 55, 0.5);
  background: transparent;
}

.luxury-button-outline:hover {
  border-color: #d4af37;
  background: rgba(212, 175, 55, 0.1);
  transform: translateY(-2px);
}

/* Make sure elements are visible before animation */
.hero-badge,
.hero-title,
.hero-description,
.hero-cta,
.invest-card,
.project-card,
.pricing-table,
.price-row,
.market-card,
.faq-item,
.section-title,
.cta-title,
.cta-subtitle,
.cta-buttons,
.form-input,
.form-submit,
.footer-logo,
.footer-copyright,
.footer-links {
  opacity: 1;
}

/* FAQ specific styles */
.faq-answer {
  overflow: hidden;
}

.faq-question svg {
  transition: transform 0.3s ease;
}

.faq-question svg.rotate-180 {
  transform: rotate(180deg);
}

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

/* Mobile menu styles */
#mobileMenu {
  transition: transform 0.5s ease;
}