h1, h2, h3, h4 {
  font-family: var(--font-head);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--color-dark);
}
h1 {
  max-width: 20ch;
}
.header {
  border-bottom: 1px solid var(--color-border);
  backdrop-filter: blur(10px);
}
.logo {
  font-family: var(--font-head);
  font-weight: 900;
  letter-spacing: -0.03em;
  color: var(--color-dark);
}
.yj8u7e {
  background: var(--color-accent);
  color: var(--color-on-accent);
  border-radius: 0.3em;
}
.xmae2t {
  color: var(--color-text-subtle);
  font-family: var(--font-family);
}
.xszjkr {
  gap: var(--space-5);
}
.qh3fib {
  color: var(--color-text-body);
  font-weight: 600;
  font-size: 0.98rem;
}
.qh3fib:hover, .qh3fib.y9d6bg {
  color: var(--color-dark);
}
.qh3fib.y9d6bg::after {
  height: 3px;
  background: var(--color-accent);
  border-radius: 0;
}
.nzklew {
  background: var(--color-accent);
  border-radius: var(--radius-full);
  padding: 0 0.6rem;
}
.nzklew span {
  background: var(--color-on-accent);
}
.tatlvy {
  border-radius: var(--radius-full);
  border: 2px solid transparent;
  font-weight: 700;
}
.atnape {
  background: var(--color-accent);
  color: var(--color-on-accent);
}
.atnape:hover {
  background: var(--color-accent-hover);
  color: var(--color-on-accent);
  box-shadow: 0 8px 22px rgba(242, 206, 0, 0.4);
  transform: translateY(-2px);
}
.efsspm {
  background: transparent;
  color: var(--color-dark);
  border-color: var(--color-ink);
}
.efsspm:hover {
  background: var(--color-ink);
  color: #fff;
}
.qx6xqf {
  border-bottom: 1px solid var(--color-border);
}
.dh6so4 {
  max-width: none;
}
.qx6xqf h1 .bdglyx {
  background: var(--color-accent);
  color: var(--color-on-accent);
  padding: 0.05em 0.22em;
  border-radius: 0.2em;
}
@media (max-width: 767px) {
  .qx6xqf h1 {
  font-size: clamp(1.75rem, 7.6vw, 2.25rem);
}

}
.tft6b5 {
  max-width: 58ch;
  font-size: 1.28rem;
  color: var(--color-text-body);
}
.xcbjvv {
  background: var(--color-bg-alt);
}
.ucqi7y {
  background: var(--color-ink);
  color: #fff;
}
.ucqi7y h2, .ucqi7y h3, .ucqi7y strong {
  color: #fff;
}
.ucqi7y p, .ucqi7y li {
  color: #b9bec9;
}
.ucqi7y a {
  color: #fff;
}
.at3qhd {
  color: var(--color-text-subtle);
  letter-spacing: 0.1em;
}
.mivmzu {
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
  box-shadow: var(--shadow-sm);
}
.mivmzu:hover {
  box-shadow: var(--shadow-lg);
}
.mivmzu h3 {
  font-size: var(--font-size-xl);
}
.tum02l {
  background: var(--color-ink);
  color: #fff;
  border-left: 0;
  border-radius: var(--radius-lg);
}
.tum02l .oneacx, .tum02l h2, .tum02l a {
  color: var(--color-accent);
}
.tum02l a:hover {
  color: #fff;
}
.tum02l li {
  color: #d8dbe2;
}
.tum02l li::before {
  background: var(--color-accent);
}
.g11rde th {
  border-bottom-color: var(--color-border-strong);
}
.wgkix3 {
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-border);
}
.wgkix3:hover {
  border-color: var(--color-ink);
  box-shadow: var(--shadow-lg);
}
.wgkix3.h5y33y {
  border-color: var(--color-accent);
  border-width: 2px;
}
.pvnwce {
  background: var(--color-accent);
  color: var(--color-on-accent);
}
.dsxsid {
  font-family: var(--font-head);
}
.q7gsao {
  border-bottom-color: var(--color-border);
}
.qhuiwx {
  font-size: var(--font-size-lg);
}
.qhuiwx::after {
  border-color: var(--color-dark);
}
.cxny8l {
  padding: var(--space-6);
  display: grid;
  gap: var(--space-5);
  background: var(--color-ink);
  border-radius: var(--radius-lg);
}
@media (min-width: 900px) {
  .cxny8l {
  grid-template-columns: repeat(2, 1fr);
}

}
.q09wax {
  background: transparent;
  padding: 0;
}
.q09wax .qb7vye {
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--color-accent);
  margin-bottom: var(--space-2);
  display: block;
  font-family: var(--font-head);
  font-size: var(--font-size-xs);
  font-weight: 700;
}
.q09wax p {
  color: #b9bec9;
}
.cxny8l a {
  color: var(--color-accent);
}
.cxny8l a:hover {
  color: #fff;
}
.sfwlyx {
  border-radius: var(--radius-lg);
}
.sfwlyx h2, .sfwlyx p {
  color: #fff;
}
.sfwlyx .atnape {
  background: var(--color-accent);
  color: var(--color-on-accent);
}
.sfwlyx .efsspm {
  background: transparent;
  color: #fff;
  border-color: #fff;
}
.fmceon a {
  color: var(--color-text-subtle);
}
.fmceon ol li + li::before {
  color: var(--color-border-strong);
}
.footer {
  background: var(--color-ink);
}
.xfqcjg {
  grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .xfqcjg {
  grid-template-columns: 2fr 1fr 1fr 1fr;
}

}
.r2tdft {
  color: var(--color-accent);
  font-family: var(--font-head);
}
.mgkm6n {
  background: var(--color-accent);
  color: var(--color-on-accent);
}
.mgkm6n:hover {
  background: var(--color-accent-hover);
  color: var(--color-on-accent);
}
.xhrzle {
  background: rgba(17, 19, 24, .96);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-top: 1px solid rgba(255, 255, 255, .14);
}
.xhrzle .emprdx {
  border-radius: var(--radius-full);
  font-family: var(--font-family);
}
.xhrzle .xxrw9o {
  background: #ffe000;
  color: #14161a;
}
.xhrzle .xxrw9o .ok8njp {
  font-weight: 800;
}
.xhrzle .xxrw9o .ffgeas {
  color: #3b3a2a;
}
.xhrzle .jhcxvk {
  background: transparent;
  color: #fff;
  box-shadow: inset 0 0 0 2px #fff;
}
.xhrzle .jhcxvk .ffgeas {
  color: #b9bec9;
}
.mtbqx4 .fje7fn {
  color: #25d366;
}
.sy9is0 .a9ouc7 {
  background: var(--color-ink);
  color: #fff;
  border-radius: var(--radius-full);
}
.w7accv {
  background: #fff;
  color: var(--color-dark);
  border-radius: var(--radius-lg);
  box-shadow: var(--shadow-xl);
}
.w7accv .ced3x5 {
  background: #ffe000;
  color: #14161a;
  border-radius: var(--radius-full);
}
.w7accv .erwoyc {
  color: var(--color-dark);
  box-shadow: inset 0 0 0 2px var(--color-ink);
  border-radius: var(--radius-full);
}
.w7accv .wcdafr {
  color: var(--color-text-subtle);
}
.xhrzle .emprdx:focus-visible, .w7accv :focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
}
.sy9is0 .a9ouc7:focus-visible {
  outline: 3px solid var(--color-dark);
  outline-offset: 2px;
}
.w7accv :focus-visible {
  outline-color: var(--color-dark);
}
@media (prefers-reduced-motion: no-preference) {
  @keyframes nt8quo {
  from {
  opacity: 0;
  transform: translateY(8px);
}
to {
  opacity: 1;
  transform: none;
}

}
@keyframes el5egn {
  to {
  transform: rotate(1turn);
}

}
.epqq4i .emprdx {
  animation: nt8quo .22s ease-out backwards;
}
.epqq4i .jhcxvk {
  animation-delay: .04s;
}
.e8ep1w .fje7fn {
  animation: el5egn .9s linear 5;
}

}