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

:root {
  --navy: #0f172a;
  --gold: #d4a853;
}

.gradient-hero {
  background: radial-gradient(1200px 600px at 20% 0%, rgba(212,168,83,0.25), transparent 60%),
              radial-gradient(900px 500px at 90% 10%, rgba(59,130,246,0.18), transparent 55%),
              linear-gradient(180deg, #0b1224 0%, #0f172a 60%, #0f172a 100%);
}

.card-premium {
  border: 1px solid rgba(226,232,240,0.9);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.06);
  padding: 28px;
}

.badge-gold {
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:6px 12px;
  border-radius:999px;
  background: rgba(212,168,83,0.12);
  color: #7a5a14;
  border: 1px solid rgba(212,168,83,0.25);
  font-size: 12px;
  font-weight: 600;
}

.h-display { font-family: "Playfair Display", Georgia, serif; letter-spacing: -0.02em; }