body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  background-color: #080303;
  color: #FDFBF7;
  min-height: 100vh;
  background-image:
    radial-gradient(circle at 50% 0%, rgba(136, 19, 19, 0.45) 0%, transparent 60%),
    radial-gradient(circle at 90% 90%, rgba(217, 119, 6, 0.15) 0%, transparent 50%);
}

.font-luxury { font-family: 'Cinzel', Georgia, serif; }
.portal-card {
  background: linear-gradient(145deg, rgba(28, 12, 12, 0.75) 0%, rgba(18, 6, 6, 0.85) 100%);
  border: 1px solid rgba(212, 175, 55, 0.25);
  transition: all 0.35s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(16px);
}
.portal-card:hover {
  transform: translateY(-5px);
  border-color: rgba(212, 175, 55, 0.75);
  box-shadow: 0 20px 40px -10px rgba(136, 19, 19, 0.4), 0 0 25px rgba(212, 175, 55, 0.2);
}
.gold-gradient-text {
  background: linear-gradient(135deg, #FFF0B3 0%, #D4AF37 50%, #AA8010 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}