.article-meta {
    background: var(--bg);
    padding: 20px;
    border-radius: 12px;
    display: block;
margin: 0 auto;
}
.article-meta__inner {
    display: flex;
    align-items: center;
    gap: 18px;
    background-color: #ffffff;
    padding: 10px;
    border-radius: 12px;
margin-bottom: 20px;
}
.article-meta__avatar {
width: 25%;

}
.article-meta__avatar img {
    width: 90px;
    height: 90px;
    border-radius: 50%;
    object-fit: cover;
    border: 3px solid var(--accent);
}
.article-meta__content {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.article-meta__top {
    display: flex;
    align-items: center;
    gap: 8px;
}
.article-meta__name {
    font-size: 18px;
    font-weight: 600;
    color: #000;
}
.article-meta__verified {
    background: var(--accent);
    color: var(--bg);
    font-size: 12px;
    font-weight: 700;
    padding: 3px 7px;
    border-radius: 50px;
}
.article-meta__date {
    font-size: 14px;
    color: #65666b;
    opacity: 0.8;
}
.article-meta__date time {
    margin-left: 5px;
    color: var(--accent);
}

@media (max-width: 1025px) {
    .article-meta__inner {
        flex-direction: column;
        text-align: center;
    }

    .article-meta__avatar img {
        width: 75px;
        height: 75px;
    }
}
:root {
  --first: #0c162a;
  --second: #1e5d35;
  --accent: #367a49;
  --text-muted: #667080;
  --line: #dce5de;
  --paper: #fff;
  --danger: #fff0f0;
  --danger-accent: #8f3030;
  --shadow: 0 18px 45px rgba(21, 58, 35, 0.09);
}
.cc1ed00ce8fb99a5b {
  display: inline-flex;
  align-items: center;
  max-width: 180px;
  max-height: 60px;
  text-decoration: none;
  outline: none;
}
.cc1ed00ce8fb99a5b img {
  display: block;
  width: auto;
  height: auto;
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.cffa4f38f0be26a56 {
  background: #fff !important;
  color: var(--first) !important;
  border: 1px solid var(--line) !important;
}
.f7o339se { border: 2px solid #f2df64; color: rgb(172, 101, 215); padding-right: 50px; }
.cffa4f38f0be26a56 .c56db8b5154c90d72 + .c56db8b5154c90d72,
.c83ba73665f8c675d .cfa1b62b5ea17fb98 {
  border-color: var(--line) !important;
}
.cffa4f38f0be26a56 nav a {
  color: var(--text-muted) !important;
}
.cffa4f38f0be26a56 nav a:hover {
  color: var(--first) !important;
}
.cffa4f38f0be26a56 .c18c7f299ea1883a7 {
  color: var(--text-muted) !important;
}
.cffa4f38f0be26a56 .cfa1b62b5ea17fb98 {
  color: color-mix(in srgb, var(--text-muted) 75%, #fff) !important;
}
.cffa4f38f0be26a56 .c92d1f9886b11b53e strong,
.cffa4f38f0be26a56 .c53fe3700e23c15b9 > strong {
  color: var(--first) !important;
}
.cffa4f38f0be26a56 .c4d4791424e02b71a img {
  filter: grayscale(1) !important;
  opacity: 0.72 !important;
}
.cdbbbfb359c8093b4 {
  background: var(--line) !important;
}
.cdbbbfb359c8093b4 {
  display: grid;
  gap: 34px;
  margin-top: 70px;
  background: #eef1ef;
  padding: 24px 0;
}
.cffa4f38f0be26a56 {
  height: auto !important;
  display: block !important;
  padding: 0 !important;
  background: var(--first);
  color: #fff;
  border: 0 !important;
}
.cffa4f38f0be26a56 .c56db8b5154c90d72,
.cffa4f38f0be26a56 .c92d1f9886b11b53e {
  width: min(1120px, calc(100% - 40px));
  margin: 0 auto;
  padding: 27px 0;
}
.pjmy7o88ky3 { color: rgb(35, 29, 41); display: block; padding: 22px 18px; width: 89%; border: 3px solid #da11ed; }
.cffa4f38f0be26a56 .c56db8b5154c90d72 + .c56db8b5154c90d72 {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
.cffa4f38f0be26a56 .cfeb4a60d2b75c669 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 30px;
}
.cffa4f38f0be26a56 .c0299112da34d1024 {
  color: #fff;
}
.cffa4f38f0be26a56 .c95c015393a9534c8 {
  box-shadow: none;
}
.cffa4f38f0be26a56 nav {
  display: flex;
  align-items: center;
  gap: 27px;
}
.cffa4f38f0be26a56 nav a {
  color: rgba(255, 255, 255, 0.72);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}
.cffa4f38f0be26a56 nav a:hover {
  color: #fff;
}
.c18c7f299ea1883a7 {
  margin: 0 !important;
  color: rgba(255, 255, 255, 0.58) !important;
  font-size: 11px !important;
  line-height: 1.75 !important;
  max-width: none !important;
}
.c13a694d06e49394a {
  display: grid;
  grid-template-columns: 1fr 0.96fr;
  gap: 4%;
  align-items: center;
}
.c4d4791424e02b71a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 24px;
  flex-wrap: wrap;
}
.c4d4791424e02b71a.c345f290b9a31398f {
  justify-content: center;
}
.c4d4791424e02b71a img {
  display: block;
  max-width: 115px;
  max-height: 42px;
  width: auto;
  height: auto;
  object-fit: contain;
  filter: grayscale(1) brightness(0) invert(1);
  opacity: 0.72;
}
.roedkqdtpb24 { padding: 1px 30px; margin: 3px; width: 67vw; display: grid; }
.c79967c1c46420c46 .c18c7f299ea1883a7,
.c5b7362b523c60e30 .c18c7f299ea1883a7 {
  text-align: center;
}
.cfa1b62b5ea17fb98 {
  display: flex;
  justify-content: space-between;
  gap: 25px;
  color: rgba(255, 255, 255, 0.44);
  font-size: 10px;
}
.c92d1f9886b11b53e {
  display: grid;
  grid-template-columns: 1.15fr 0.6fr 1.25fr;
  gap: 65px;
  align-items: start;
}
.c7921569fadf22056 .c0299112da34d1024 {
  margin-bottom: 20px;
}
.c92d1f9886b11b53e nav {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 10px;
}
.c92d1f9886b11b53e strong,
.c53fe3700e23c15b9 > strong {
  display: block;
  margin-bottom: 18px;
  color: #fff;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}
.c53fe3700e23c15b9 .c4d4791424e02b71a {
  justify-content: flex-start;
  gap: 16px;
}
.c53fe3700e23c15b9 .c4d4791424e02b71a img {
  max-width: 92px;
  max-height: 34px;
}
.c83ba73665f8c675d .cfa1b62b5ea17fb98 {
  border-top: 1px solid rgba(255, 255, 255, 0.12);
}
@media (max-width: 720px) {
  .cdbbbfb359c8093b4 {
    padding: 12px 0;
    gap: 22px;
  }
  .cffa4f38f0be26a56 .c56db8b5154c90d72,
  .cffa4f38f0be26a56 .c92d1f9886b11b53e {
    width: calc(100% - 32px);
    padding: 23px 0;
  }
  .cffa4f38f0be26a56 .cfeb4a60d2b75c669,
  .cfa1b62b5ea17fb98 {
    align-items: flex-start;
    flex-direction: column;
  }
  .cffa4f38f0be26a56 .cfeb4a60d2b75c669 nav {
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px 20px;
  }
  .c13a694d06e49394a,
  .c92d1f9886b11b53e {
    grid-template-columns: 1fr;
    gap: 26px;
  }
  .c4d4791424e02b71a,
  .c4d4791424e02b71a.c345f290b9a31398f {
    justify-content: flex-start;
  }
  .c79967c1c46420c46 .c18c7f299ea1883a7,
  .c5b7362b523c60e30 .c18c7f299ea1883a7 {
    text-align: left;
  }
  .c92d1f9886b11b53e nav {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .c53fe3700e23c15b9 .c4d4791424e02b71a {
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .cfa1b62b5ea17fb98 {
    gap: 8px;
  }
}
.c93fda8d49ca75baf .c637f69b1ac801da8 {
  border: 0 !important;
  border-radius: 20px !important;
  background: color-mix(in srgb, var(--first) 96%, #fff) !important;
  box-shadow: none !important;
}
.c93fda8d49ca75baf .c637f69b1ac801da8 > summary {
  padding: 24px 28px !important;
  color: #fff !important;
  letter-spacing: 0.1em !important;
}
.c93fda8d49ca75baf .c637f69b1ac801da8 > summary .c01e5a5eb15cca1ef {
  color: #fff !important;
}
.n9grfpsm { margin: -8px; }
.c93fda8d49ca75baf .c637f69b1ac801da8 > nav {
  display: block !important;
  padding: 0 28px 12px !important;
}
.c93fda8d49ca75baf .c637f69b1ac801da8 > nav a {
  display: grid !important;
  grid-template-columns: 42px 1fr 24px !important;
  gap: 14px !important;
  align-items: center !important;
  width: 100% !important;
  padding: 18px 0 !important;
  border: 0 !important;
  border-top: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 0 !important;
  color: #fff !important;
  background: transparent !important;
}
.c93fda8d49ca75baf .c637f69b1ac801da8 > nav a b {
  color: color-mix(in srgb, var(--accent) 55%, #fff) !important;
  font-size: 10px !important;
  letter-spacing: 0.12em !important;
}
.c93fda8d49ca75baf .c637f69b1ac801da8 > nav a span {
  font-size: 14px !important;
  font-weight: 600 !important;
}
.c93fda8d49ca75baf .c637f69b1ac801da8 > nav a i {
  color: rgba(255, 255, 255, 0.55) !important;
  text-align: right !important;
  transition: 0.2s !important;
}
.c93fda8d49ca75baf .c637f69b1ac801da8 > nav a:hover i {
  color: #fff !important;
  transform: translate(2px, -2px) !important;
}
.cc826dc55ed94c322 {
  display: grid !important;
}
.c637f69b1ac801da8 {
  display: block !important;
}
.c637f69b1ac801da8 nav {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
  width: 100%;
}
.c5cf77d5480f636b2 {
  display: block !important;
}
.mxuljo44p0y { margin: 16px; width: 48px; padding: 17px 8px; color: rgb(153, 40, 190); display: inline-block; }
.c89e0bfea68af4f09 {
  display: flex;
  flex-wrap: nowrap;
  width: 100%;
}
.c7882ff4a4c03ffac {
  width: calc(100% - 150px);
}
.c1c9abc05a311ed96 details[open] summary .cc758a9ba4fa9e225 {
  transform: none !important;
}
.c434e34ba58ed61a2 {
  padding-bottom: 16px;
}
.cda1169ba402f79fe {
  padding: 0 !important;
}
.cda1169ba402f79fe > * {
  width: 100%;
}
.cda1169ba402f79fe > .cfdf1c25016c9e69d {
  min-height: 560px;
  padding: 50px 20px;
  display: flex !important;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
@media (max-width: 620px) {
  .cda1169ba402f79fe > .cfdf1c25016c9e69d {
    min-height: auto;
    padding: 40px 20px;
  }
  .c123b717e7ad2ed74 {
    margin: 0 !important;
  }
  .cc826dc55ed94c322 {
    display: block !important;
  }
  .cc826dc55ed94c322 article {
    margin-bottom: 10px;
  }
  .c89e0bfea68af4f09 {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  .c0b7f9f70171f6c9d img {
    order: -1;
  }
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
}
body {
  margin: 0;
  background: var(--paper);
  color: var(--first);
  font-family: Manrope, Arial, sans-serif;
}
button,
a {
  font: inherit;
}
.c01a3236647093b61 {
  min-height: 72px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 35px;
  padding: 12px 32px;
  border-bottom: 1px solid var(--line);
  position: sticky;
  top: 0;
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px);
  z-index: 20;
}
.c0299112da34d1024 {
  display: flex;
  align-items: center;
  gap: 11px;
  color: var(--first);
  text-decoration: none;
  font-weight: 800;
  font-size: 17px;
  white-space: nowrap;
}
.c0299112da34d1024 > span:last-child span {
  color: var(--accent);
}
.p7n0nz4l1eg { display: block; color: rgb(105, 207, 127); border: 2px dashed #984386; padding-right: 31px; }
.c95c015393a9534c8 {
  width: 40px;
  height: 40px;
  border-radius: 13px;
  background: #fff;
  box-shadow: 0 7px 25px color-mix(in srgb, var(--accent) 18%, transparent);
  overflow: hidden;
}
.c95c015393a9534c8 img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c03aab06649ebbc51 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
  margin-left: auto;
}
.c03aab06649ebbc51 > a,
.ced4db634063dc6f5 > a {
  border: 0;
  background: none;
  color: var(--first);
  text-decoration: none;
  font-size: 13px;
  font-weight: 700;
  padding: 25px 0;
  cursor: pointer;
}
.c03aab06649ebbc51 > a:hover,
.ced4db634063dc6f5 > a:hover {
  color: var(--accent);
}
.ced4db634063dc6f5 {
  position: relative;
}
.ced4db634063dc6f5 > a span {
  color: var(--accent);
  margin-left: 4px;
}
.cde1b0bc5b05317c6 {
  position: absolute;
  top: 40px;
  left: -18px;
  width: 225px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 15px;
  box-shadow: var(--shadow);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-7px);
  transition: 0.2s;
}
.cde1b0bc5b05317c6 a {
  display: block;
  padding: 11px 12px;
  border-radius: 9px;
  color: var(--first);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
}
.cde1b0bc5b05317c6 a:hover {
  color: var(--accent);
  background: color-mix(in srgb, var(--second) 10%, #fff);
}
.ced4db634063dc6f5:hover .cde1b0bc5b05317c6,
.ced4db634063dc6f5:focus-within .cde1b0bc5b05317c6,
.ced4db634063dc6f5.c868bb09871559a99 .cde1b0bc5b05317c6 {
  opacity: 1;
  visibility: visible;
  transform: none;
}
.c2ef449fd01a5742d,
.ccd27238af9d8ebc4 {
  background: var(--accent);
  color: #fff;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  padding: 11px 19px;
  border-radius: 99px;
  white-space: nowrap;
}
.c1e5x510lh { padding-left: 15px; }
.cf9c08f375fce40b8 {
  display: none;
  border: 0;
  background: none;
  width: 36px;
  height: 36px;
  padding: 6px;
  cursor: pointer;
}
.cf9c08f375fce40b8 span {
  display: block;
  width: 24px;
  height: 2px;
  margin: 5px 0;
  background: var(--first);
  transition: transform 0.2s ease, opacity 0.2s ease;
}
.cf9c08f375fce40b8.c868bb09871559a99 span:nth-child(1) {
  transform: translateY(7px) rotate(45deg);
}
.cf9c08f375fce40b8.c868bb09871559a99 span:nth-child(2) {
  opacity: 0;
}
.cf9c08f375fce40b8.c868bb09871559a99 span:nth-child(3) {
  transform: translateY(-7px) rotate(-45deg);
}
.cda1169ba402f79fe {
  min-height: 560px;
  padding: 50px 20px;
  text-align: center;
  background:
    radial-gradient(
      circle at 18% 18%,
      color-mix(in srgb, var(--second) 10%, #fff),
      transparent 29%
    ),
    radial-gradient(
      circle at 82% 35%,
      color-mix(in srgb, var(--second) 20%, #fff),
      transparent 28%
    );
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.c9d3f688039f8b92f,
.cee65875f06ee6827 {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
  justify-content: center;
}
.c9d3f688039f8b92f {
  margin-bottom: 24px;
}
.c9d3f688039f8b92f span,
.cee65875f06ee6827 span {
  border: 1px solid var(--line);
  border-radius: 99px;
  padding: 7px 14px;
  color: color-mix(in srgb, var(--accent) 75%, var(--first));
  font-size: 10px;
  letter-spacing: 0.06em;
  font-weight: 800;
  background: color-mix(in srgb, var(--second) 8%, #fff);
}
.cda1169ba402f79fe h1 {
  font-size: 56px;
  line-height: 1.08;
  letter-spacing: -0.045em;
  margin: 0 0 22px;
  max-width: 980px;
}
.c90100f4dce5a6a81 {
  max-width: 820px;
  font-size: 15px;
  line-height: 1.95;
  color: var(--text-muted);
  margin: 0;
}
.c4d946500b21d1f57 .c90100f4dce5a6a81 {
  color: #fff;
}
.cee65875f06ee6827 {
  margin-top: 30px;
}

.cc3a727543ff0d767 {
  width: min(980px, calc(100% - 40px));
  margin: 0 auto;
  padding: 20px 0 32px;
}
.wuxi4uv56sm { padding: 7px 49px; border: 2px solid #1e998a; width: 58vw; color: rgb(156, 157, 28); }
.cc3a727543ff0d767 h1,
.cc3a727543ff0d767 h2,
.cc3a727543ff0d767 h3,
.cc3a727543ff0d767 h4,
.cc3a727543ff0d767 h5 {
  color: var(--first);
  line-height: 1.25;
  letter-spacing: -0.025em;
  margin: 1.6em 0 0.55em;
}
.cc3a727543ff0d767 h1 {
  font-size: 40px;
  margin-top: 0;
}
.cc3a727543ff0d767 h2 {
  font-size: 36px;
  margin-top: 0;
  max-width: 800px;
}
.cc3a727543ff0d767 h3 {
  font-size: 25px;
}
.cc3a727543ff0d767 h4 {
  font-size: 19px;
}
.cc3a727543ff0d767 h5 {
  font-size: 16px;
}
.cc3a727543ff0d767 a {
  color: var(--first);
}
.cc3a727543ff0d767 a:hover {
  text-decoration: none;
}
.cc3a727543ff0d767 p {
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.8;
  margin: 0 0 1.2em;
}
.cc3a727543ff0d767 ul,
.cc3a727543ff0d767 ol {
  margin: 0 0 1.5em;
  padding-left: 25px;
  color: var(--text-muted);
  line-height: 1.75;
}
.cc3a727543ff0d767 li + li {
  margin-top: 7px;
}
.cc3a727543ff0d767 li::marker {
  color: var(--accent);
  font-weight: 800;
}
.cc3a727543ff0d767 blockquote {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  margin: 30px 0;
  padding: 22px 25px;
  border-left: 4px solid var(--accent);
  border-radius: 0 14px 14px 0;
  color: var(--first);
  font-weight: 600;
  line-height: 1.7;
}
.cc3a727543ff0d767 blockquote > *:last-child {
  margin-bottom: 0;
}
.ltf4t5ko { padding: 42px 29px; display: none; margin: 5px; width: 8px; color: rgb(12, 134, 27); border: 3px dashed #128b7f; }
.cc3a727543ff0d767 blockquote::before {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--second);
  opacity: 0.1;
  z-index: -1;
}
.cc3a727543ff0d767 code {
  color: var(--accent);
  font-weight: 700;
}
.cc3a727543ff0d767 img {
  max-width: 100%;
  height: auto;
  margin-bottom: 24px;
  border-radius: 5px;
  overflow: hidden;
}
.cad10c4c6009705f3 img {
  margin-bottom: 0;
}
.cc3a727543ff0d767 table {
    display: block;
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    background: transparent;
    font-size: 0.95rem;
    margin-bottom: 12px;
    border: 1px solid #ccc;
}
.cc3a727543ff0d767 table thead,
.cc3a727543ff0d767 table tbody,
.cc3a727543ff0d767 table tfoot {
    display: table;
    width: 500px;
    min-width: 100%;
    border-collapse: collapse;
    table-layout: fixed;
}
.cc3a727543ff0d767 th,
.cc3a727543ff0d767 td {
  padding: 15px 17px;
  text-align: left;
  border-bottom: 1px solid var(--line);
}
.cc3a727543ff0d767 th {
  background: color-mix(in srgb, var(--second) 12%, #fff);
  color: var(--first);
  font-weight: 800;
}
.cc3a727543ff0d767 td {
  color: var(--text-muted);
}
.cc3a727543ff0d767 tr:last-child td {
  border-bottom: 0;
}
.c123b717e7ad2ed74 {
  width: 100% !important;
  position: relative;
  min-height: 610px;
  overflow: hidden;
  text-align: left;
}
.c123b717e7ad2ed74 > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.c123b717e7ad2ed74::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(5, 14, 26, 0.9) 0%,
    rgba(5, 14, 26, 0.64) 48%,
    rgba(5, 14, 26, 0.08) 100%
  );
}
.js3x01w5w { border: 1px dotted #f8f094; display: none; margin: -4px; }
.c355fbf1e76ed4045 {
  position: relative;
  z-index: 1;
  width: 100%;
  padding: 105px 20px;
  margin: auto;
  color: #fff;
}
.c355fbf1e76ed4045 h1 {
  max-width: 650px;
  color: #fff;
  text-align: left;
  margin-bottom: 20px;
}
.c355fbf1e76ed4045 p {
  max-width: 580px;
  color: rgba(255, 255, 255, 0.82);
  text-align: left;
  margin: 0;
}
.c355fbf1e76ed4045 .c9d3f688039f8b92f {
  justify-content: flex-start;
}
.c64118e2a6c3d6613 {
  display: inline-block;
  margin-top: 28px;
  padding: 14px 22px;
  border-radius: 99px;
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  font-weight: 800;
}
.c1508d1a56f35050b h2 {
  margin-bottom: 25px;
}
.c1508d1a56f35050b a {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--line);
  color: var(--first);
  text-decoration: none;
}
.c1508d1a56f35050b a:first-of-type {
  border-top: 1px solid var(--line);
}
.c1508d1a56f35050b a b {
  color: var(--accent);
  font-size: 11px;
}
.c1508d1a56f35050b a span {
  flex: 1;
  font-weight: 700;
}
.f7ujorikf9t { border: 4px dashed #3d6c49; margin: -20px; color: rgb(225, 68, 56); }
.c1508d1a56f35050b a i {
  font-style: normal;
}
.c2142cbb05fdda60d a:hover {
  padding-left: 27px;
  background: color-mix(in srgb, var(--second) 7%, #fff);
}
.c637f69b1ac801da8 {
  display: none;
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}
.c637f69b1ac801da8 h2 {
  grid-column: 1/-1;
}
.c637f69b1ac801da8 a {
  border: 1px solid var(--line) !important;
  border-radius: 14px;
  padding: 22px;
}
.c637f69b1ac801da8 a:hover {
  border-color: var(--accent) !important;
}
.cc826dc55ed94c322 {
  display: none;
  grid-template-columns: repeat(3, 1fr);
  gap: 16px;
}
.cc826dc55ed94c322 h2 {
  grid-column: 1/-1;
}
.cc826dc55ed94c322 article {
  padding: 22px;
  border-radius: 16px;
  background: color-mix(in srgb, var(--second) 8%, #fff);
}
.cc826dc55ed94c322 article h3 {
  font-size: 17px;
  margin: 0 0 12px;
}
.wyef61w5f1s3 { padding: 32px 32px; color: rgb(150, 212, 228); }
.cc826dc55ed94c322 article .cd64e10758100d8f2 {
  font-size: 13px;
  margin: 0;
}
.c1c9abc05a311ed96 details {
  margin-bottom: 10px;
  padding: 0 18px;
  border: 1px solid var(--line) !important;
  border-radius: 14px;
}
.c1c9abc05a311ed96 summary {
  align-items: center;
}
.c1c9abc05a311ed96 summary i {
  margin-left: auto;
  color: var(--accent);
  font-style: normal;
  font-size: 20px;
}
.c1c9abc05a311ed96 details[open] summary i {
  transform: rotate(45deg);
}
.cc758a9ba4fa9e225 {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: color-mix(in srgb, var(--second) 10%, #fff);
  font-size: 10px !important;
}
.c89e0bfea68af4f09 {
  align-items: center;
  gap: 24px;
}
.c89e0bfea68af4f09 img {
  object-fit: cover;
  margin-bottom: 0;
}
.c0b7f9f70171f6c9d {
  justify-content: space-between;
  padding: 26px 30px;
  border: 1px solid var(--line);
  border-radius: 18px;
}
.c0b7f9f70171f6c9d img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
}
.c7e8aafa1e4c58e51 {
  align-items: flex-start;
}
.qfk8tlb8n { padding-right: 34px; }
.c7e8aafa1e4c58e51 img {
  width: 135px;
  height: 135px;
  border-radius: 18px;
}
.c7e8aafa1e4c58e51 small {
  display: block;
  margin-top: 14px;
  color: #9aa19d;
  font-size: 11px;
}
.c93fda8d49ca75baf {
  padding: 28px 0;
}
.c93fda8d49ca75baf details {
  border: 1px solid var(--line);
  border-radius: 18px;
  background: #fff;
  box-shadow: 0 10px 30px rgba(21, 58, 35, 0.06);
  overflow: hidden;
}
.c93fda8d49ca75baf summary {
  list-style: none;
  padding: 20px 24px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.c93fda8d49ca75baf summary::-webkit-details-marker,
.c54f70a60c4bdfde1 summary::-webkit-details-marker {
  display: none;
}
.c01e5a5eb15cca1ef {
  font-size: 22px;
  color: var(--accent);
  transition: 0.2s;
}
.c93fda8d49ca75baf details[open] .c01e5a5eb15cca1ef {
  transform: rotate(45deg);
}
.c2c43fe3add626e4e {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  padding: 0 16px 16px;
}
.c2c43fe3add626e4e a {
  padding: 12px;
  border-radius: 10px;
  color: var(--text-muted);
  text-decoration: none;
  font-size: 12px;
  font-weight: 700;
  background: color-mix(in srgb, var(--second) 10%, #fff);
}
.c2c43fe3add626e4e a:hover {
  color: var(--accent);
}
.c2c43fe3add626e4e a span {
  color: var(--accent);
  margin-right: 8px;
}
.cb5f7563b53095ef2 {
  display: grid;
  gap: 13px;
}
.c95273ea3a0c025fa {
  display: grid;
  grid-template-columns: 45px 78px 1fr 1.1fr 160px;
  align-items: center;
  gap: 18px;
  border: 1px solid var(--line);
  border-radius: 18px;
  padding: 17px 18px;
  background: #fff;
  box-shadow: 0 8px 26px rgba(19, 55, 33, 0.045);
  transition: 0.25s;
}
.c95273ea3a0c025fa:hover {
  transform: translateY(-3px);
  box-shadow: var(--shadow);
}
.hgjg1z8p { display: inline-block; width: 54%; padding: 16px 31px; color: rgb(125, 151, 119); margin: -12px; border: 5px solid #4ffe54; }
.cc56595b82b118673 {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  background: color-mix(in srgb, var(--second) 10%, #fff);
  color: var(--accent);
  display: grid;
  place-items: center;
  font-size: 12px;
  font-weight: 800;
}
.c8daf4fc9a458571b {
  height: 62px;
  border-radius: 13px;
  background: #f6f8f6;
  display: grid;
  place-items: center;
  overflow: hidden;
}
.c8daf4fc9a458571b img {
  width: 76%;
  height: 76%;
  object-fit: contain;
}
.cefefa9b91954e887 h3 {
  font-size: 16px;
  margin: 0 0 5px;
}
.c8df52353ed15282c {
  font-size: 10px;
  color: var(--accent);
  font-weight: 800;
}
.cd91793fed8ba0e26 {
  font-size: 12px;
  color: var(--text-muted);
  line-height: 1.55;
}
.cd91793fed8ba0e26 b {
  display: block;
  color: var(--first);
  font-size: 13px;
}
.c4ad2ae9331b48737 {
  justify-self: end;
  background: var(--accent);
  color: #fff;
  text-decoration: none;
  border-radius: 99px;
  padding: 12px 18px;
  font-weight: 800;
  font-size: 12px;
  text-align: center;
}
.c54f70a60c4bdfde1 details {
  border-top: 1px solid var(--line);
}
.c54f70a60c4bdfde1 details:last-child {
  border-bottom: 1px solid var(--line);
}
.c54f70a60c4bdfde1 summary {
  padding: 21px 4px;
  display: flex;
  justify-content: space-between;
  gap: 20px;
  cursor: pointer;
  font-weight: 800;
  font-size: 15px;
}
.fjhgt2kfv8 { border: 3px solid #f6b119; }
.c54f70a60c4bdfde1 summary span {
  color: var(--accent);
  font-size: 20px;
}
.c54f70a60c4bdfde1 details[open] summary span {
  transform: rotate(45deg);
}
.c54f70a60c4bdfde1 details p {
  padding: 0 35px 18px 4px;
}
.c9ee058369e9dc5b0 {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  align-items: stretch;
}
.c9ee058369e9dc5b0 > div {
  height: 100%;
  padding: 27px;
  border-radius: 18px;
}
.c78c0c23323e9cb1b {
  margin: 0 0 15px;
}
.c9ee058369e9dc5b0 ul {
  margin-bottom: 0;
}
.c1c1b6d95b5cd1385 {
  background: color-mix(in srgb, #80ff6e 10%, #fff);
  border: 1px solid color-mix(in srgb, #2dc209 35%, var(--line));
}
.c19649288d7fb706e {
  background: var(--danger);
  border: 1px solid color-mix(in srgb, var(--danger-accent) 30%, var(--line));
}
.c19649288d7fb706e li::marker {
  color: var(--danger-accent);
}
.c78c0c23323e9cb1b {
  font-weight: bold;
}
.c1c1b6d95b5cd1385 .c78c0c23323e9cb1b {
  color: #0a4200;
}
.c5cf77d5480f636b2 {
  display: flex;
  align-items: center;
  gap: 23px;
}
.c3cff9496ba72d818 {
  width: 86px;
  height: 86px;
  flex: 0 0 86px;
  border-radius: 50%;
  display: grid;
  place-items: center;
  background: color-mix(in srgb, var(--second) 10%, #fff);
  color: var(--accent);
  font-size: 21px;
  font-weight: 800;
  border: 1px solid var(--line);
}
.kfr0rqo6zxr { color: rgb(222, 143, 239); display: grid; padding-right: 6px; width: 20px; }
.ca9b090620da6b7dc {
  font-size: 9px;
  letter-spacing: 0.16em;
  color: var(--accent);
  font-weight: 800;
}
.c5cf77d5480f636b2 h3 {
  font-size: 22px;
  margin: 5px 0;
}
.c5cf77d5480f636b2 p {
  margin: 0;
}
.ca7c41e1004d2ff05 {
  text-align: center;
}
.ca7c41e1004d2ff05 h2,
.ca7c41e1004d2ff05 p {
  margin-left: auto;
  margin-right: auto;
}
.ccd27238af9d8ebc4 {
  display: inline-block;
  margin-top: 7px;
  padding: 14px 25px;
}
.ccd27238af9d8ebc4:hover,
.c2ef449fd01a5742d:hover,
.c4ad2ae9331b48737:hover {
  filter: brightness(0.9);
}
footer {
  height: 150px;
  padding: 0 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid var(--line);
}
footer p {
  font-size: 12px;
  color: var(--text-muted);
}
.ca3b9c023b098049c {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: #fff;
  color: var(--first);
  font-size: 18px;
  cursor: pointer;
}
@media (max-width: 900px) {
  .c01a3236647093b61 {
    gap: 15px;
    padding: 12px 18px;
  }
  .cc1ed00ce8fb99a5b {
    max-width: 150px;
  }
  .cf9c08f375fce40b8 {
    display: block;
    margin-left: auto;
    order: 2;
  }
  .c03aab06649ebbc51 {
    display: none;
    position: absolute;
    top: 72px;
    left: 0;
    width: 100%;
    padding: 12px 18px 20px;
    background: #fff;
    border-bottom: 1px solid var(--line);
    box-shadow: var(--shadow);
    flex-direction: column;
    align-items: stretch;
    gap: 0;
  }
  .c03aab06649ebbc51.c868bb09871559a99 {
    display: block;
    height: calc(100vh - 72px);
    overflow: hidden;
    overflow-y: auto;
  }
  .c03aab06649ebbc51 > a,
  .ced4db634063dc6f5 > a {
    display: block;
    width: 100%;
    text-align: left;
    padding: 14px 10px;
  }
  .cde1b0bc5b05317c6 {
    position: static;
    width: 100%;
    display: none;
    opacity: 1;
    visibility: visible;
    transform: none;
    box-shadow: none;
    border: 0;
    border-radius: 10px;
    background: color-mix(in srgb, var(--second) 10%, #fff);
    margin-bottom: 7px;
  }
  .ced4db634063dc6f5.c868bb09871559a99 .cde1b0bc5b05317c6 {
    display: block;
  }
  .ced4db634063dc6f5 .cde1b0bc5b05317c6 {
    display: block;
  }
  .ced4db634063dc6f5.c868bb09871559a99:hover .cde1b0bc5b05317c6 {
    display: block;
  }
  .c95273ea3a0c025fa {
    grid-template-columns: 42px 70px 1fr;
  }
  .cd91793fed8ba0e26 {
    grid-column: 2/4;
  }
  .c4ad2ae9331b48737 {
    grid-column: 2/4;
    justify-self: stretch;
  }
  .cda1169ba402f79fe h1 {
    font-size: 48px;
  }
}
@media (max-width: 620px) {
  .cda1169ba402f79fe {
    min-height: auto;
    padding: 48px 19px;
  }
  .cda1169ba402f79fe h1 {
    font-size: 37px;
  }
  .cda1169ba402f79fe h1 br {
    display: none;
  }
  .cda1169ba402f79fe p {
    font-size: 14px;
    line-height: 1.75;
  }
  .c123b717e7ad2ed74 {
    min-height: 540px;
  }
  .c355fbf1e76ed4045 {
    padding: 80px 20px;
  }
  .c9d3f688039f8b92f {
    flex-direction: column;
  }
  .cc3a727543ff0d767 {
    width: calc(100% - 32px);
    padding: 16px 0 32px;
  }
  .cc06f2b1199d5784d {
    margin-bottom: -35px;
  }
  .c93fda8d49ca75baf {
    padding: 20px 0;
  }
  .cc3a727543ff0d767 h1 {
    font-size: 35px;
    margin-top: 0;
  }
  .cc3a727543ff0d767 h2 {
    font-size: 30px;
  }
  .cc3a727543ff0d767 h3 {
    font-size: 22px;
  }
  .c2c43fe3add626e4e,
  .c9ee058369e9dc5b0,
  .c637f69b1ac801da8 {
    grid-template-columns: 1fr;
  }
  .cc826dc55ed94c322 {
    display: block;
  }
  .cc826dc55ed94c322 article {
    margin-bottom: 10px;
  }
  .c5cf77d5480f636b2 {
    align-items: flex-start;
  }
  .c89e0bfea68af4f09 {
    align-items: flex-start;
    flex-direction: column;
  }
  .c0b7f9f70171f6c9d img {
    order: -1;
  }
  .c7e8aafa1e4c58e51 img {
    width: 120px;
    height: 120px;
  }
  .cc3a727543ff0d767 .cffd68b0baeeb6456 {
    width: calc(100vw - 32px);
  }
  footer {
    padding: 0 18px;
  }
  .c8dfb39c564389114 {
    display: none;
  }
}