@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&family=Playfair+Display:wght@700&display=swap');

body {
  font-family: 'Inter', sans-serif;
  background: #000000 !important;
  color: #ddd;
  overflow-x: hidden;
  position: relative;
}

body::after {
  content: '';
  position: fixed;
  inset: 0;
  background: linear-gradient(45deg, #000000, #000000, #000000, #000000);
  background-size: 400% 400%;
  animation: nebulaMove 70s ease infinite;
  z-index: -2;
}

@keyframes nebulaMove {
  0% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
  100% { background-position: 0% 50%; }
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image:
    radial-gradient(#ffffff 1.1px, transparent 1px),
    radial-gradient(#ffffff 0.8px, transparent 1px),
    radial-gradient(#e5e5e5 0.6px, transparent 1px);
  background-size: 140px 140px, 85px 85px, 210px 210px;
  background-position: 25px 35px, 90px 120px, 55px 170px;
  opacity: 0.75;
  z-index: -1;
}

.gold-text, .text-gold {
  background: linear-gradient(135deg, #fff9d1, #e8c46b, #d4a017, #b8972e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 -4px 6px rgba(255,249,209,0.8),
               4px 6px 8px rgba(0,0,0,0.9);
  font-weight: 900;
}

.glass-card {
  background: rgba(12, 12, 12, 0.9);
  backdrop-filter: blur(22px);
  border: 1px solid rgba(232, 196, 107, 0.5);
}

.gold-btn {
  background: linear-gradient(135deg, #fff9d1, #e8c46b, #d4a017);
  color: #111;
  font-weight: 700;
}

@media (max-width: 767px) {
  .mobile-ticket {
    margin-left: auto;
    margin-right: 40px;
  }
}

.emoji-normal {
    -webkit-text-fill-color: initial !important;
    background: none !important;
    text-shadow: none !important;
    filter: none !important;
}