@font-face {
  font-family: Manrope;
  src: url("/fonts/manrope/manrope-greek.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
  unicode-range: U+0370-03FF;
}
@font-face {
  font-family: Manrope;
  src: url("/fonts/manrope/manrope-latin.woff2") format("woff2");
  font-weight: 200 800;
  font-display: swap;
}
:root {
  color-scheme: dark;
  font-family: Manrope, system-ui, sans-serif;
  background: #2b1550;
  color: #fff3d6;
  line-height: 1.7;
}
body {
  margin: 0;
  background: radial-gradient(ellipse at 100% 0, #8a2f4a, transparent 70%);
  min-height: 100vh;
}
main {
  max-width: 46rem;
  padding: 2rem 1.5rem 4rem;
  margin: auto;
}
a {
  color: inherit;
  text-underline-offset: 0.25em;
}
a:hover,
a:focus {
  color: #ffb347;
}
.wordmark {
  font-size: 2rem;
  font-weight: 800;
  text-decoration: none;
  letter-spacing: -0.07em;
}
h1 {
  font-size: clamp(2rem, 6vw, 3.8rem);
  line-height: 1.1;
  letter-spacing: -0.055em;
  margin: 3rem 0 2rem;
}
h2 {
  font-size: 1.4rem;
  margin-top: 2rem;
}
li {
  margin-bottom: 1rem;
}
strong {
  font-weight: 800;
}
footer {
  border-top: 1px solid #fff3d633;
  margin-top: 3rem;
  padding-top: 1.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  font-size: 0.9rem;
}
.beta {
  color: #ffb347;
}
.email {
  overflow-wrap: anywhere;
}