@import url("./fonts.css");
html {
  color-scheme: dark;
}
body {
  background: #172126 !important;
  color: #f0f3f4 !important;
  font-family: Onest, Arial, sans-serif !important;
}
a {
  color: #bedce9 !important;
}
.logo b {
  font-size: 18px !important;
  letter-spacing: -0.02em !important;
  line-height: 1.3 !important;
  max-width: 520px;
}
.logo span {
  color: #bedce9 !important;
}
.back {
  color: #f0f3f4 !important;
}
h1 {
  font-size: clamp(27px, 4.5vw, 42px) !important;
  line-height: 1.16 !important;
  letter-spacing: -0.03em !important;
}
h2 {
  color: #f0f3f4 !important;
}
p,
li,
.lead {
  color: #acbdc5 !important;
}
.req {
  background: #1d2a30 !important;
  border: 1px solid #3b4b53 !important;
}
footer {
  color: #acbdc5 !important;
  border-color: #3b4b53 !important;
}
.top {
  align-items: flex-start !important;
}
.wrap {
  padding-inline: 24px !important;
}
@media (max-width: 600px) {
  .logo b {
    max-width: 260px;
    font-size: 16px !important;
  }
  h1 {
    overflow-wrap: break-word;
  }
  .top {
    gap: 20px !important;
  }
}
@media (prefers-color-scheme: light) {
  html {
    color-scheme: light;
  }
  body {
    background: #eaf0f3 !important;
    color: #192b34 !important;
  }
  h2 {
    color: #192b34 !important;
  }
  p,
  li,
  .lead {
    color: #4e6774 !important;
  }
  a,
  .logo span {
    color: #335c71 !important;
  }
  .req {
    background: #e0e9ee !important;
    border-color: #bacbd3 !important;
  }
  .back {
    color: #192b34 !important;
  }
}