/* CSS */
:root {
  font-family: Inter, sans-serif;
  font-feature-settings: 'liga' 1, 'calt' 1; /* fix for Chrome */
}
@supports (font-variation-settings: normal) {
  :root { font-family: InterVariable, sans-serif; }

  html {
  scroll-behavior: smooth;
}

}
body {
  font-family: Inter, sans-serif;
  background: #1a1a1b;
  color: #efeffa;
  line-height: 1.6;
  padding: 40px;
}

.ghost {
  background-color: #fffbfb;
  color: #1a1a1b;
}

h1, h2, h3 {
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border-bottom: 1px solid #2a2d35;
  padding: 12px;
  text-align: left;
}

a {
  color: #a89eff;
  text-decoration: none;
}

a {
  transition: text-shadow 0.2s ease, filter 0.2s ease;
}

a:hover {
  filter: brightness(1.1);
  text-shadow: 0 0 5px rgba(169, 142, 255, 0.6);
}

a {
  /* Define the gradient */
  background-image: linear-gradient(to right, #6effe7, #c9a0ff); /* Red to Blue gradient */
  /* Clip the background to the text shape */
  -webkit-background-clip: text; /* For Safari/older browsers */
  background-clip: text;
  /* Make the text transparent so the background shows through */
  -webkit-text-fill-color: transparent; /* For Safari/older browsers */
  text-fill-color: transparent;
  /* Ensure no default underline interferes */
  text-decoration: none;
}

hr {
border-top: 1px solid #2e2e2e;
border-bottom: none;
border-left: 1px solid #000000;
border-right: 1px solid #000000;
}

mark {
  background-color: #ffe7d8; color: #000000;
}