:root { color-scheme: dark; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; color: #edf2fc; background: #090c12; }
* { box-sizing: border-box; }
body { margin: 0; font-size: 18px; line-height: 1.7; background: radial-gradient(ellipse at top right, #10204470, transparent 60%); }
a { color: #91b4ff; text-underline-offset: 5px; }
a:hover { color: #cbdcff; }
button { font: inherit; }
a:focus-visible, button:focus-visible { outline: 3px solid #a8c5ff; outline-offset: 5px; }
.document-header, main, .document-footer { width: min(100%, 1100px); margin-inline: auto; padding: 32px; }
.document-header { display: flex; justify-content: space-between; align-items: center; gap: 28px; border-bottom: 1px solid #ffffff20; }
.identity { display: grid; gap: 8px; }
.brand { display: inline-flex; align-items: center; gap: 16px; color: #edf2fc; text-decoration: none; width: fit-content; }
.brand img { width: 72px; height: 72px; object-fit: contain; }
.wordmark { font: 700 26px/1.2 -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif; white-space: nowrap; }
.wordmark span { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; font-variant-numeric: lining-nums; }
.wallet-link { font-size: 15px; width: fit-content; }
.languages { display: flex; gap: 6px; padding: 6px; border: 1px solid #ffffff24; border-radius: 30px; background: #ffffff06; box-shadow: inset 0 1px #ffffff0c; direction: ltr; }
.languages button, .languages a { text-decoration: none;  min-height: 44px; padding: 8px 16px; border-radius: 24px; border: 1px solid transparent; background: transparent; color: #bdc7d9; cursor: pointer; font-size: 15px; font-weight: 600; white-space: nowrap; transition: background-color 140ms, border-color 140ms; }
.languages button:hover, .languages a:hover { background: #ffffff0c; color: #edf2fc; }
.languages button[aria-pressed="true"], .languages a[aria-current] { color: #edf2fc; border-color: #9fbfff70; background: linear-gradient(160deg, #88acff38, #315caf24); box-shadow: inset 0 1px 1px #ffffff30, 0 3px 12px #0003; }
main { padding-block: 48px 56px; }
h1 { font-size: clamp(30px, 4vw, 44px); line-height: 1.2; letter-spacing: -.025em; margin: 0 0 32px; text-wrap: balance; overflow-wrap: anywhere; }
p { color: #bdc7d9; margin-block: 24px; overflow-wrap: anywhere; }
article[hidden] { display: none; }
.document-footer { border-top: 1px solid #ffffff20; display: flex; flex-direction: column; align-items: center; gap: 20px; padding-block: 40px; font-size: 15px; text-align: center; }
.footer-brand { flex-direction: column; gap: 12px; }
.footer-brand img { width: 96px; height: 96px; }
.main-site { display: inline-block; padding: 8px 22px; border: 1px solid #ffffff26; border-radius: 24px; background: linear-gradient(#ffffff0d, #ffffff04); box-shadow: inset 0 1px #ffffff17; text-decoration: none; }
.document-links, .contacts { display: flex; justify-content: center; flex-wrap: wrap; column-gap: 24px; row-gap: 10px; }
.contacts a { overflow-wrap: anywhere; }
@media (max-width: 820px) {
  .document-header { flex-direction: column; align-items: start; }
}
@media (max-width: 480px) {
  .document-header, main, .document-footer { padding-inline: 20px; }
  .document-header { padding-block: 24px; gap: 22px; }
  .brand { gap: 12px; }
  .brand img { width: 56px; height: 56px; }
  .wordmark { font-size: 23px; }
  .languages { width: 100%; gap: 2px; padding: 4px; }
  .languages button, .languages a { text-decoration: none;  flex: 1; padding-inline: 8px; font-size: 14px; }
  main { padding-block: 32px; }
  body { font-size: 17px; }
  .footer-brand img { width: 88px; height: 88px; }
}
@media (prefers-reduced-motion: reduce) { .languages button, .languages a { text-decoration: none;  transition: none; } }
@media print {
  :root, body { color: #111; background: #fff; }
  .languages, .wallet-link { display: none; }
  p, a, .brand { color: #111; }
  main { padding-block: 24px; }
}

.wallet-link,.main-site,.document-links a,.contacts a{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:10px 20px;border:1px solid #b8d0ff40;border-radius:999px;background:linear-gradient(150deg,#a8c7ff1f,#30436e18);box-shadow:inset 0 1px 1px #ffffff26,0 6px 24px #0002;backdrop-filter:blur(16px) saturate(130%);text-decoration:none;line-height:1.4;font-weight:600}.wallet-link:hover,.main-site:hover,.document-links a:hover,.contacts a:hover{background-color:#8fb5ff16;border-color:#adc9ff80}.document-links,.contacts{gap:12px}@media(max-width:480px){.document-links,.contacts{width:100%}.document-links a,.contacts a{max-width:100%;font-size:14px}}

@font-face{font-family:Manrope;src:url("/fonts/Manrope.ttf") format("truetype");font-weight:200 800;font-display:swap}
.brand-wordmark,.brand-name,.wordmark{font-family:Manrope,system-ui,sans-serif!important;font-weight:800}