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

:root {
  --ink-950: #07111f;
  --ink-900: var(--lrl-ink-800, #10243d);
  --ink-800: #10243d;
  --ink-700: var(--lrl-ink, #07111f);
  --slate-600: #475569;
  --slate-500: #64748b;
  --slate-400: #94a3b8;
  --line-100: #e6ebf1;
  --surface-white: #ffffff;
  --surface-mist: #f8fafc;

  --cyan-700: #0789a2;
  --cyan-600: #0ea5c2;
  --teal-700: #0f766e;
  --gold-400: #f4c95d;
  --gold-500: var(--lrl-gold, #f4c95d);
  --gold-700: #9a6a04;

  --font-sans: "Inter", sans-serif;
}

* { box-sizing: border-box; }
body { margin: 0; font-family: var(--font-sans); -webkit-font-smoothing: antialiased; color: var(--ink-700); }
a { color: var(--cyan-700); text-decoration: none; }
a:hover { color: var(--cyan-600); }

.badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 7px 14px;
  border-radius: 999px;
  background: rgba(245, 189, 69, .14);
  border: 1px solid rgba(245, 189, 69, .32);
  color: var(--gold-700);
  font-size: 11.5px;
  font-weight: 850;
  letter-spacing: .08em;
  text-transform: uppercase;
}
.badge::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--gold-500);
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 52px;
  padding: 14px 24px;
  border: none;
  border-radius: 13px;
  font-size: 15px;
  font-weight: 850;
  text-decoration: none;
  cursor: pointer;
  transition: transform .2s ease;
}
.btn:hover { transform: translateY(-2px); }
.btn-gold { color: var(--ink-950); background: var(--gold-500); box-shadow: 0 14px 30px rgba(245,189,69,.3); }
.btn-outline { color: var(--lrl-ink, #07111f); background: #fff; border: 1px solid var(--lrl-line, #e6ebf1); box-shadow: 0 6px 16px rgba(15,23,42,.05); }
.btn-dark { color: #fff; background: var(--ink-950); border: 1px solid rgba(255,255,255,.12); }

.card-link {
  position: relative;
  display: flex;
  flex-direction: column;
  padding: 32px;
  border: 1px solid var(--line-100);
  border-radius: 22px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(15,23,42,.03);
  text-decoration: none;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.card-link:hover { transform: translateY(-4px); border-color: rgba(245,189,69,.46); box-shadow: 0 22px 48px rgba(15,23,42,.1); }