@font-face { font-family: "Exo"; src: url("/fonts/Exo-Regular.ttf") format("truetype"); font-weight: 400; font-display: swap; }
@font-face { font-family: "Exo"; src: url("/fonts/Exo-Bold.ttf") format("truetype"); font-weight: 700; font-display: swap; }

:root {
  --background: #161616;
  --text: #dadada;
  --muted: #6d6d6d;
  --line: #2c2c2c;
  --blue: #0064c8;
}

* { box-sizing: border-box; }

html, body { height: 100%; }

body {
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 48px 16px;
  background: var(--background);
  color: var(--text);
  font-family: "Exo", -apple-system, BlinkMacSystemFont, sans-serif;
  text-align: center;
  -webkit-font-smoothing: antialiased;
}

main { max-width: 420px; }

.mark { width: 88px; height: 88px; margin-bottom: 28px; }

h1 { margin: 0 0 12px; font-size: 44px; font-weight: 400; letter-spacing: 0.02em; }

h2 { margin: 0 0 12px; font-size: 26px; font-weight: 700; }

p { margin: 0 0 10px; font-size: 18px; line-height: 1.45; color: var(--text); }

.muted { color: var(--muted); font-size: 15px; }

.pill {
  display: inline-block;
  margin-top: 22px;
  padding: 10px 22px;
  border: 1.5px solid var(--text);
  border-radius: 12px;
  font-weight: 700;
}

footer { margin-top: 56px; color: var(--muted); font-size: 13px; }