@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap');
    
body { 
  font-family: 'Inter', sans-serif; 
}

.title-font { 
  font-family: 'Space Grotesk', sans-serif; 
}

.text-gold {
  color: #D4AF37;
}

.bg-gold {
  background-color: #D4AF37;
}

.border-gold {
  border-color: #D4AF37;
}

.border-gold\/20 {
  border-color: rgba(212, 175, 55, 0.2);
}

.border-gold\/30 {
  border-color: rgba(212, 175, 55, 0.3);
}

.border-gold\/50 {
  border-color: rgba(212, 175, 55, 0.5);
}
    
.hero-bg {
  background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.5)), 
              url('fade-hero.jpeg') center/cover no-repeat;
  min-height: 80vh;
}

.glass {
  background: rgba(255, 255, 255, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(212, 175, 55, 0.1);
  transition: all 0.3s ease;
}

.glass:hover {
  border-color: rgba(212, 175, 55, 0.3);
  box-shadow: 0 10px 30px rgba(212, 175, 55, 0.1);
}

i {
  transition: transform 0.2s ease;
}

a:hover i {
  transform: scale(1.1);
}