body {
  font-family: sans-serif;
  background: #0f0f10;
  color: white;
  margin: 0;
  padding: 0;
  text-align: center;
}

.mystical-title {
  font-size: 3rem;
  color: #61dafb;
}

.mystical-subtitle {
  font-size: 1.25rem;
  color: #a0aec0;
}

.mystical-button-primary {
  padding: 1rem 2rem;
  font-size: 1.25rem;
  border-radius: 12px;
  background: linear-gradient(135deg, #0099ff, #8b5cf6);
  color: white;
  border: none;
  cursor: pointer;
}

.mystical-button-primary:hover {
  transform: scale(1.05);
}

.cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  gap: 1rem;
}

.tarot-card {
  background: #1a0a2e;
  padding: 1rem;
  border-radius: 12px;
}

.interpretation-box {
  margin-top: 1rem;
  background: #0a0a30;
  padding: 1rem;
  border-radius: 12px;
}