@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-sans-3-latin-400-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-sans-3-latin-600-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-sans-3-latin-ext-400-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-sans-3-latin-ext-600-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("fonts/source-sans-3-cyrillic-400-normal.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: "Source Sans 3";
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url("fonts/source-sans-3-cyrillic-600-normal.woff2") format("woff2");
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}

:root {
  --bg: #FAFAF8;
  --text: #222831;
  --muted: #5A6270;
  --accent: #1F3A5F;
  --accent-hover: #2C4E7A;
  --rule: #DADDE2;
  --font: "Source Sans 3", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-ar: "Geeza Pro", "Noto Sans Arabic", "Segoe UI", Tahoma, sans-serif;
  --font-zh: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans CJK SC", sans-serif;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; }

body {
  margin: 0;
  font-family: var(--font);
  font-size: 1.125rem;
  line-height: 1.5;
  color: var(--text);
  background: var(--bg);
}

main {
  max-width: 34rem;
  margin: 0 auto;
  padding: 2.5rem 1.25rem 3rem;
}

h1 {
  margin: 0 0 1.25rem;
  font-size: clamp(1.75rem, 6.5vw, 2.25rem);
  font-weight: 600;
  line-height: 1.2;
}

h2 {
  margin: 0 0 .75rem;
  font-size: 1.125rem;
  font-weight: 600;
}

.reward {
  margin-bottom: 2rem;
  padding-left: 1rem;
  border-left: 4px solid var(--accent);
  font-size: 1.25rem;
}
.reward p { margin: 0; }
.reward strong { font-weight: 600; }

.contact { margin-bottom: 2.5rem; }

.btn {
  display: block;
  margin-bottom: .75rem;
  padding: .875rem 1rem;
  background: var(--accent);
  color: #fff;
  border-radius: 6px;
  font-size: 1.375rem;
  font-weight: 600;
  text-decoration: none;
  overflow-wrap: anywhere;
}
.btn small {
  display: block;
  font-size: .875rem;
  font-weight: 400;
  opacity: .85;
}
.btn[hidden] { display: none; }
.btn:hover { background: var(--accent-hover); }
.btn:focus-visible { outline: 3px solid var(--text); outline-offset: 3px; }

.note { font-size: 1rem; }

.languages ul {
  margin: 0;
  padding: 0;
  list-style: none;
  border-top: 1px solid var(--rule);
}
.languages li {
  padding: .75rem 0;
  border-bottom: 1px solid var(--rule);
}
.tag {
  display: block;
  font-size: .875rem;
  color: var(--muted);
}
.languages p { margin: 0; font-size: 1rem; }

[lang="ar"] { font-family: var(--font-ar); }
[lang="zh-Hans"] { font-family: var(--font-zh); }