:root {
  color-scheme: light;
  --ink: #272139;
  --muted: #777181;
  --purple: #7951dc;
  --line: #ebe8f0;
  --paper: #f7f6fa;
  --gradient: linear-gradient(115deg, #8e5ae9, #6a46ce);
  font-family:
    PingFang SC,
    Microsoft YaHei,
    system-ui,
    sans-serif;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
}
* {
  box-sizing: border-box;
}
html {
  scroll-behavior: smooth;
  scroll-padding-top: 105px;
}
body {
  margin: 0;
  color: var(--ink);
  background: #fff;
  font-size: 14px;
  line-height: 1.7;
}
body[data-modal] {
  overflow: hidden;
}
button,
input,
summary {
  font: inherit;
}
button,
a,
summary,
input {
  -webkit-tap-highlight-color: transparent;
}
button,
summary {
  cursor: pointer;
}
button {
  color: inherit;
}
button,
input {
  border-radius: 0;
}
a {
  color: inherit;
  text-decoration: none;
}
button {
  border: 0;
}
img {
  display: block;
  max-width: 100%;
  object-fit: cover;
}
figure,
blockquote,
h1,
h2,
h3,
p {
  margin: 0;
}
ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
h2,
h3 {
  font-weight: 700;
  line-height: 1.35;
}
h2 {
  font-size: clamp(25px, 2.3vw, 34px);
  letter-spacing: -1px;
}
h3 {
  font-size: 18px;
}
:focus-visible {
  outline: 3px solid #ab7cef;
  outline-offset: 5px;
}
[hidden] {
  display: none !important;
}
section,
aside[id] {
  scroll-margin-top: 105px;
}
.c7p4v9m2k {
  width: min(1328px, calc(100% - 96px));
  margin-inline: auto;
}
.s9r6x2p7m {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}
.v8d3n6x2s {
  position: fixed;
  z-index: 100;
  top: 8px;
  left: 8px;
  padding: 10px 20px;
  color: #fff;
  background: #51308f;
  transform: translateY(-180%);
  border-radius: 6px;
}
.v8d3n6x2s:focus {
  transform: none;
}
.r8x3q2m9c {
  position: sticky;
  top: 0;
  z-index: 30;
  background: #fffffff0;
  border-bottom: 1px solid var(--line);
  backdrop-filter: blur(18px);
}
.b5n8t2x6a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 91px;
  gap: 24px;
}
.w3k7n9p2a {
  flex-shrink: 0;
  font-size: 24px;
  line-height: 1.05;
}
.w3k7n9p2a a {
  display: flex;
  align-items: center;
  gap: 10px;
}
.e7r4k9m2v {
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: #ece5fd;
  object-fit: cover;
}
.w3k7n9p2a small {
  display: block;
  color: #8d849e;
  font-size: 10px;
  font-weight: 400;
  letter-spacing: 2px;
  margin-top: 8px;
}
.n4a7p2x8q {
  display: flex;
  align-items: center;
  gap: clamp(15px, 2vw, 31px);
  font-size: 14px;
}
.n4a7p2x8q > a {
  padding-block: 28px;
  position: relative;
  white-space: nowrap;
}
.n4a7p2x8q > a:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 17px;
  height: 2px;
  background: var(--purple);
  transform: scaleX(0);
  transition: transform 0.2s;
}
.n4a7p2x8q > a:hover,
.n4a7p2x8q > a[aria-current] {
  color: var(--purple);
}
.n4a7p2x8q > a:hover:after,
.n4a7p2x8q > a[aria-current]:after {
  transform: scaleX(1);
}
.m2z7c4p9a {
  position: relative;
}
summary {
  list-style: none;
}
summary::-webkit-details-marker {
  display: none;
}
.m2z7c4p9a summary {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 15px 0;
}
.m2z7c4p9a > div {
  position: absolute;
  top: 54px;
  right: -18px;
  width: 188px;
  padding: 10px;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 12px 30px #30204014;
}
.m2z7c4p9a a {
  display: block;
  padding: 9px 12px;
  border-radius: 5px;
}
.m2z7c4p9a a:hover {
  background: #f5f0ff;
  color: var(--purple);
}
.a9p3m8k6v {
  display: flex;
  gap: 9px;
  align-items: center;
  border: 1px solid var(--line);
  border-radius: 25px;
  padding: 8px 18px;
  font-size: 12px;
  color: #756d84;
  white-space: nowrap;
  transition:
    border-color 0.2s,
    background 0.2s;
}
.a9p3m8k6v span {
  font-size: 24px;
  line-height: 1;
}
.a9p3m8k6v:hover {
  border-color: #bc9df2;
  background: #faf7ff;
}
.u6n2r8m4k {
  display: none;
  background: #f4f0fb;
  border-radius: 9px;
  width: 42px;
  height: 42px;
  font-size: 21px;
}
.d2k9p4r7m {
  padding: 0 20px 20px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6px;
  background: #fff;
}
.d2k9p4r7m a {
  padding: 10px 8px;
  text-align: center;
  font-size: 12px;
  border: 1px solid var(--line);
  border-radius: 5px;
}
.f7q2m8v4a {
  padding-top: 28px;
}
.x5p8n3r7c {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-radius: 22px;
  background: #272137;
  color: #fff;
  min-height: 565px;
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  align-items: center;
  padding: 55px 57px 110px;
}
.j9m4k2v8q {
  position: absolute;
  z-index: -2;
  inset: 0;
  overflow: hidden;
}
.k6p2v9m4r {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.j9m4k2v8q img {
  object-position: center 48%;
  animation: g7m2p4k9r 16s ease-out both;
}
.x5p8n3r7c:before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(90deg, #191327f7, #1c1533e8 30%, #28203b80 62%, #18132222),
    linear-gradient(0deg, #161122ed, transparent 54%);
}
.t2v7k9m4p {
  position: relative;
}
.h8q3n6x2a {
  color: #e8ddfc;
  font-size: 12px;
  letter-spacing: 3px;
  display: flex;
  align-items: center;
  gap: 10px;
}
.h8q3n6x2a span {
  width: 6px;
  height: 6px;
  background: #c69bff;
  border-radius: 50%;
  box-shadow: 0 0 16px #bd8bff;
}
.t2v7k9m4p h2 {
  margin-top: 26px;
  font-size: clamp(38px, 4.2vw, 58px);
  line-height: 1.27;
  font-weight: 700;
  letter-spacing: -2px;
}
.t2v7k9m4p h2 span {
  color: #d0a6ff;
}
.b9r4m7k2x {
  margin-top: 21px;
  color: #d7cfdf;
  font-size: 13px;
  line-height: 1.95;
}
.a5x9k2r7n {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 23px;
  margin-top: 29px;
}
.g4n8m2v7p {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
  padding: 13px 23px;
  border-radius: 8px;
  background: var(--gradient);
  color: #fff;
  font-size: 13px;
  font-weight: 600;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
  box-shadow: 0 5px 16px #6543aa18;
}
.g4n8m2v7p:hover {
  transform: translateY(-3px);
  box-shadow: 0 8px 25px #7951dc40;
}
.g4n8m2v7p span {
  font-size: 18px;
}
.q9r4k7p2m {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  font-size: 12px;
  transition: color 0.2s;
}
.q9r4k7p2m span {
  font-size: 24px;
}
.q9r4k7p2m:hover {
  color: #d3b1ff;
}
.y3k8q2m6v {
  font-size: 10px;
  color: #b8aec9;
  margin-top: 21px;
}
.o7m2p9x4k {
  justify-self: end;
  align-self: end;
  padding-left: 23px;
  margin-bottom: 5px;
  border-left: 1px solid #ffffff50;
  width: 265px;
}
.o7m2p9x4k > span:first-child {
  display: block;
  font-size: 10px;
  letter-spacing: 2px;
  color: #e1d9ec;
}
.o7m2p9x4k b {
  font-size: 26px;
  font-weight: 400;
  letter-spacing: -2px;
  padding-left: 10px;
  color: #fff;
}
.s4n9v2k7p > p:first-child {
  font-size: 11px;
  margin-top: 17px;
  color: #e1c5ff;
}
.s4n9v2k7p h3 {
  font-size: 29px;
  margin-top: 9px;
  letter-spacing: 2px;
}
.s4n9v2k7p > p:nth-of-type(2) {
  margin-top: 11px;
  font-size: 11px;
  color: #e9e1f1;
}
.u3p8r2m7k {
  padding: 0;
  margin-top: 20px;
  background: transparent;
  color: #fff;
  font-size: 11px;
  display: flex;
  gap: 35px;
  align-items: center;
}
.u3p8r2m7k:hover {
  color: #d8b1ff;
}
.u3p8r2m7k span {
  border: 1px solid #ffffff70;
  border-radius: 50%;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
}
.h6k2m9p4v {
  display: block;
  margin-top: 27px;
  font-size: 8px;
  letter-spacing: 2.5px;
  color: #c7bfd4;
}
.z8q4m2x7n {
  position: absolute;
  bottom: 0;
  inset-inline: 57px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #ffffff26;
  height: 81px;
}
.l7p3k9m2a {
  display: flex;
  height: 100%;
  gap: 28px;
}
.l7p3k9m2a button {
  background: transparent;
  color: #c6bdcf;
  padding: 0;
  display: flex;
  align-items: center;
  gap: 10px;
  font-size: 11px;
  position: relative;
}
.l7p3k9m2a button > span:first-child {
  color: #b3a3c9;
  font-size: 10px;
}
.l7p3k9m2a button[aria-pressed="true"] {
  color: #fff;
}
.l7p3k9m2a i {
  display: block;
  position: absolute;
  top: -1px;
  width: 100%;
  height: 2px;
  background: #cba2ff;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.4s;
}
.l7p3k9m2a [aria-pressed="true"] i {
  transform: scaleX(1);
}
.r2k8p4m9v {
  width: 29px;
  height: 29px;
  border-radius: 50%;
  background: #ffffff12;
  border: 1px solid #ffffff50;
  color: #fff;
  font-size: 11px;
}
.p8v3m9k2r {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 21px 0 24px;
  border-bottom: 1px solid var(--line);
  color: var(--muted);
  font-size: 11px;
}
.p8v3m9k2r > p:first-child {
  font-size: 12px;
  color: #50415e;
}
.p8v3m9k2r > p:first-child span {
  color: var(--purple);
  margin-right: 9px;
}
.p8v3m9k2r i {
  color: #d6d0df;
  font-style: normal;
  margin-inline: 15px;
}
.p8v3m9k2r a {
  color: var(--purple);
}
.p8v3m9k2r a span {
  padding-left: 10px;
}
.i6k2r9m4p {
  display: grid;
  grid-template-columns: minmax(0, 2.15fr) minmax(280px, 1fr);
  gap: 40px;
  padding-top: 55px;
}
.b7p2r9m4k {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 22px;
}
.b7p2r9m4k > a {
  font-size: 11px;
  color: var(--muted);
  padding-bottom: 4px;
  white-space: nowrap;
}
.b7p2r9m4k > a span {
  color: var(--purple);
  margin-left: 12px;
}
.f3x8k2m6p {
  color: #93879f;
  font-size: 9px;
  font-weight: 500;
  letter-spacing: 2px;
  margin-bottom: 11px;
}
.b7p2r9m4k h2 span {
  color: var(--purple);
  margin-left: 4px;
}
.k7m2p9r4v {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.9;
}
.v4m8p2k7q > .k7m2p9r4v {
  margin: 12px 0 24px;
}
.d8p4m2k7v {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}
.j2r7m9p4k {
  min-width: 0;
}
.v7p2k4m9r {
  width: 100%;
  display: block;
  padding: 0;
  position: relative;
  border-radius: 11px;
  overflow: hidden;
  aspect-ratio: 3 / 4.25;
  text-align: left;
  color: #fff;
  background: #ded8e9;
  isolation: isolate;
}
.v7p2k4m9r:after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: linear-gradient(0deg, #201728e8 0%, transparent 68%);
}
.v7p2k4m9r img {
  position: absolute;
  z-index: -2;
  transition: transform 0.55s;
}
.v7p2k4m9r:hover img,
.v7p2k4m9r:focus-visible img {
  transform: scale(1.06);
}
.n9k4r2m7p {
  position: absolute;
  top: 13px;
  left: 12px;
  background: #17102060;
  border: 1px solid #ffffff30;
  backdrop-filter: blur(8px);
  border-radius: 4px;
  padding: 2px 7px;
  font-size: 9px;
}
.a3m9r7k2p {
  position: absolute;
  bottom: 22px;
  left: 17px;
  right: 12px;
}
.a3m9r7k2p small {
  display: block;
  color: #e4d7ee;
  font-size: 8px;
  letter-spacing: 2px;
  margin-bottom: 11px;
}
.a3m9r7k2p strong {
  display: block;
  font-size: clamp(18px, 1.8vw, 25px);
  line-height: 1.35;
  letter-spacing: 1px;
  max-width: 7em;
}
.p2v8m4k7r {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  opacity: 0;
  background: #21133360;
  transition: opacity 0.2s;
}
.p2v8m4k7r b {
  display: grid;
  place-items: center;
  width: 43px;
  height: 43px;
  border: 1px solid #ffffff90;
  border-radius: 50%;
  font-size: 25px;
  font-weight: 400;
}
.v7p2k4m9r:hover .p2v8m4k7r,
.v7p2k4m9r:focus-visible .p2v8m4k7r {
  opacity: 1;
}
.j2r7m9p4k > h3 {
  font-size: 15px;
  margin-top: 14px;
}
.j2r7m9p4k > p {
  font-size: 10px;
  color: var(--muted);
  margin-top: 6px;
  line-height: 1.7;
}
.e9m3p7k2v {
  padding-left: 32px;
  border-left: 1px solid var(--line);
}
.e9m3p7k2v h2 {
  font-size: 26px;
}
.e9m3p7k2v h2 span {
  margin-left: 12px;
}
.k2p7v4m9r {
  display: inline-flex;
  border-radius: 4px;
  padding: 3px 8px;
  font-size: 9px;
  color: #8065aa;
  background: #f1eafa;
  white-space: nowrap;
}
.e9m3p7k2v > .k7m2p9r4v {
  margin-top: 14px;
  font-size: 10px;
}
.r9k4m2p7v {
  margin-top: 16px;
}
.r9k4m2p7v li {
  display: flex;
  align-items: center;
  gap: 14px;
  border-bottom: 1px solid var(--line);
  padding-block: 15px;
}
.r9k4m2p7v li > span:first-child {
  font-size: 23px;
  font-weight: 300;
  color: #bbb2c8;
  font-style: italic;
}
.r9k4m2p7v li:first-child > span:first-child {
  color: var(--purple);
}
.r9k4m2p7v button {
  background: transparent;
  text-align: left;
  padding: 0;
  flex: 1;
}
.r9k4m2p7v b {
  display: block;
  font-size: 12px;
  font-weight: 600;
}
.r9k4m2p7v button:hover b {
  color: var(--purple);
}
.r9k4m2p7v small {
  display: block;
  font-size: 9px;
  color: var(--muted);
  margin-top: 3px;
}
.r9k4m2p7v li > span:last-child {
  color: #b4a6c8;
}
.x7m3p9k2r {
  position: relative;
  margin-top: 23px;
  border-radius: 10px;
  background: #f4f0fa;
  padding: 19px;
  overflow: hidden;
}
.x7m3p9k2r > span {
  position: absolute;
  right: -1px;
  top: -12px;
  color: #e7dcf7;
  font-size: 97px;
  line-height: 1;
}
.x7m3p9k2r p {
  position: relative;
  font-size: 11px;
  color: #82758e;
}
.x7m3p9k2r strong {
  font-weight: 500;
  color: #51435f;
}
.x7m3p9k2r a {
  display: inline-block;
  font-size: 10px;
  margin-top: 10px;
  color: var(--purple);
}
.q3m8r2k7v {
  padding-block: 65px 70px;
}
.c9k2m7p4r {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: 28px;
  border: 1px solid var(--line);
  border-radius: 12px;
  overflow: hidden;
}
.c9k2m7p4r article {
  position: relative;
  padding: 28px;
  border-right: 1px solid var(--line);
  transition: background 0.2s;
}
.c9k2m7p4r article:last-child {
  border-right: 0;
}
.c9k2m7p4r article:hover {
  background: #faf8fd;
}
.c9k2m7p4r article > span {
  display: block;
  font-size: 28px;
  line-height: 1;
  color: var(--purple);
  margin-bottom: 22px;
}
.c9k2m7p4r small {
  position: absolute;
  top: 24px;
  right: 24px;
  font-size: 10px;
  color: #c9c1d3;
}
.c9k2m7p4r h3 {
  font-size: 15px;
  margin-bottom: 12px;
}
.c9k2m7p4r p {
  color: var(--muted);
  font-size: 11px;
  line-height: 1.9;
}
.t9m4p7k2r {
  padding-block: 58px 50px;
  background: var(--paper);
  border-block: 1px solid #f0edf4;
}
.t9m4p7k2r h2 > span {
  display: block;
  font-size: 15px;
  color: #908598;
  font-weight: 400;
  letter-spacing: 0;
  margin: 10px 0 0;
}
.t9m4p7k2r .b7p2r9m4k > .k7m2p9r4v {
  text-align: right;
  font-size: 10px;
}
.y7m2k9p4r {
  display: flex;
  gap: 20px;
  justify-content: space-between;
  align-items: center;
  margin-top: 30px;
}
.l2m8p4k7v {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
.l2m8p4k7v button {
  background: #fff;
  border: 1px solid #e8e3ee;
  border-radius: 6px;
  padding: 7px 17px;
  font-size: 12px;
  color: #746b7f;
  transition:
    background 0.2s,
    color 0.2s;
}
.l2m8p4k7v button:hover {
  color: var(--purple);
  border-color: #cbb7eb;
}
.l2m8p4k7v [aria-pressed="true"] {
  background: var(--purple);
  border-color: var(--purple);
  color: #fff;
}
.l2m8p4k7v [aria-pressed="true"]:hover {
  color: #fff;
}
.g9k2m7p4v {
  display: flex;
  background: #fff;
  border: 1px solid #e8e3ee;
  border-radius: 7px;
  width: 268px;
  flex-shrink: 0;
}
.g9k2m7p4v input {
  background: transparent;
  border: 0;
  padding: 10px 13px;
  width: 100%;
  min-width: 0;
  font-size: 11px;
  color: var(--ink);
}
.g9k2m7p4v input::placeholder {
  color: #a197ad;
}
.g9k2m7p4v button {
  background: transparent;
  width: 40px;
  flex-shrink: 0;
  font-size: 23px;
  color: #8f7baf;
}
.f8m4p2k7r {
  margin: 15px 0;
  color: #9c90a7;
  font-size: 10px;
}
.p6k2m9r4v {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 23px;
}
.x4m9p2k7r {
  border: 1px solid #e9e4ef;
  background: #fff;
  border-radius: 11px;
  overflow: hidden;
  transition:
    transform 0.2s,
    box-shadow 0.2s;
}
.x4m9p2k7r:hover {
  transform: translateY(-4px);
  box-shadow: 0 10px 28px #38254e09;
}
.q7m2v9k4a {
  position: relative;
  height: 190px;
  overflow: hidden;
  background: #e4dfed;
}
.q7m2v9k4a > img {
  transition: transform 0.5s;
}
.x4m9p2k7r:hover .q7m2v9k4a > img {
  transform: scale(1.04);
}
.q7m2v9k4a > span {
  position: absolute;
  left: 15px;
  bottom: 12px;
  font-size: 8px;
  letter-spacing: 2px;
  color: #fff;
  text-shadow: 0 1px 4px #000;
  background: #22162b50;
  padding: 2px 6px;
  border-radius: 2px;
}
.h9r4m2p7k {
  position: absolute;
  top: 12px;
  right: 12px;
  background: #fffffff0;
  color: #705e88;
  width: 32px;
  height: 32px;
  border-radius: 50%;
  font-size: 22px;
  display: grid;
  place-items: center;
  line-height: 1;
  transition: transform 0.2s;
}
.h9r4m2p7k:hover {
  transform: scale(1.08);
}
.h9r4m2p7k[aria-pressed="true"] {
  color: #fff;
  background: var(--purple);
}
.n7m4k2p9v {
  padding: 19px 22px 20px;
}
.n7m4k2p9v > p:first-child {
  font-size: 10px;
  color: var(--purple);
}
.n7m4k2p9v > p:first-child span {
  color: #a699b3;
  margin-left: 3px;
}
.n7m4k2p9v h3 {
  font-size: 18px;
  margin-top: 8px;
}
.n7m4k2p9v > p:nth-of-type(2) {
  font-size: 11px;
  color: var(--muted);
  margin-top: 9px;
  min-height: 20px;
}
.p4k8m2q7v {
  display: inline-flex;
  align-items: center;
  gap: 26px;
  padding: 0;
  margin-top: 22px;
  background: transparent;
  color: var(--purple);
  font-size: 11px;
  font-weight: 500;
}
.p4k8m2q7v span {
  transition: transform 0.2s;
  font-size: 15px;
}
.p4k8m2q7v:hover span {
  transform: translate(3px, -3px);
}
.v2k8m4p7r {
  color: #a499ae;
  font-size: 10px;
  margin-top: 22px;
  line-height: 1.9;
}
.k9r4m2p7v {
  text-align: center;
  padding: 48px 20px;
  border: 1px dashed #d9cce8;
  border-radius: 10px;
  background: #fff;
}
.k9r4m2p7v > span {
  font-size: 35px;
  color: var(--purple);
}
.k9r4m2p7v h3 {
  margin-top: 10px;
}
.k9r4m2p7v p {
  margin-block: 10px 20px;
  color: var(--muted);
  font-size: 12px;
}
.a8m2p7k4r {
  display: grid;
  grid-template-columns: 1fr 1fr;
  align-items: center;
  gap: 80px;
  padding-block: 90px 75px;
}
.k4m9p2r7v h2 {
  font-size: clamp(34px, 3vw, 44px);
  line-height: 1.4;
}
.k4m9p2r7v h2 span {
  color: var(--purple);
}
.k4m9p2r7v > p:nth-of-type(2) {
  max-width: 350px;
  margin-top: 23px;
  font-size: 12px;
  line-height: 2;
  color: var(--muted);
}
.k4m9p2r7v ol {
  margin-top: 26px;
}
.k4m9p2r7v li {
  display: flex;
  align-items: center;
  gap: 17px;
  margin-bottom: 13px;
  font-size: 12px;
  color: #766b83;
}
.k4m9p2r7v li b {
  font-size: 9px;
  font-weight: 400;
  color: var(--purple);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #f1ebfb;
  display: grid;
  place-items: center;
}
.k4m9p2r7v .p4k8m2q7v {
  font-size: 12px;
  margin-top: 20px;
}
.z3m8k2p7r {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 530px;
  background: radial-gradient(ellipse at center, #f1e9fc, #f7f3fc 45%, #fff 72%);
}
.b2m7p9k4r {
  position: absolute;
  top: 40px;
  right: 0;
  color: #d7c7eb;
  font-size: 10px;
  letter-spacing: 4px;
  writing-mode: vertical-rl;
}
.t7k3m9p2v {
  position: relative;
  transform: rotate(6deg);
  width: 244px;
  padding: 11px;
  background: #fff;
  border: 5px solid #2c2736;
  box-shadow:
    9px 15px #4a3c5e0a,
    0 20px 50px #44215f19;
  border-radius: 37px;
}
.t7k3m9p2v:before {
  content: "";
  position: absolute;
  top: 9px;
  left: 50%;
  transform: translate(-50%);
  width: 63px;
  height: 15px;
  border-radius: 10px;
  background: #2c2736;
}
.d9m2k7p4v {
  display: flex;
  justify-content: space-between;
  padding: 2px 5px 17px;
  font-size: 8px;
  font-weight: 600;
}
.v9p4m2k7r {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 4px 4px 12px;
}
.v9p4m2k7r b {
  font-size: 17px;
  color: var(--purple);
}
.v9p4m2k7r b span {
  margin-left: 3px;
  color: var(--ink);
  font-size: 13px;
}
.v9p4m2k7r > span {
  color: var(--purple);
  font-size: 22px;
  line-height: 1;
}
.s3m8k2p7v {
  padding: 0 4px 12px;
  font-size: 10px;
  font-weight: 600;
}
.s3m8k2p7v span {
  display: block;
  font-size: 7px;
  font-weight: 400;
  color: #a79aaf;
  margin-top: 3px;
}
.m8r4p2k7v {
  height: 280px;
  position: relative;
  overflow: hidden;
  border-radius: 14px;
  background: #7ebbd6;
}
.m8r4p2k7v:after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, #112e3ccb, transparent 70%);
}
.m8r4p2k7v > div {
  position: absolute;
  bottom: 22px;
  left: 15px;
  right: 10px;
  color: #fff;
  z-index: 1;
}
.m8r4p2k7v span {
  font-size: 8px;
}
.m8r4p2k7v strong {
  display: block;
  font-size: 23px;
  margin-top: 6px;
}
.m8r4p2k7v p {
  font-size: 8px;
  margin-top: 5px;
  color: #e4f5fa;
}
.x2m7p4k9v {
  display: flex;
  justify-content: space-around;
  padding-block: 17px 8px;
  font-size: 8px;
  color: #a195ac;
}
.x2m7p4k9v span:first-child {
  color: var(--purple);
}
.c2p9m7k4r {
  position: absolute;
  bottom: 55px;
  left: -15px;
  display: flex;
  align-items: center;
  gap: 12px;
  border-radius: 10px;
  border: 1px solid #f4f0f8;
  padding: 17px 20px;
  background: #fffffff0;
  box-shadow: 0 12px 30px #4b2b6b10;
}
.c2p9m7k4r > span {
  font-size: 32px;
  color: var(--purple);
  line-height: 1;
}
.c2p9m7k4r b {
  font-size: 11px;
  font-weight: 500;
}
.c2p9m7k4r p {
  font-size: 9px;
  color: #a595b0;
  margin-top: 4px;
}
.u7m2k9p4r {
  position: absolute;
  bottom: 0;
  color: #aa9bb5;
  font-size: 9px;
}
.q4m8k2p7r {
  padding-block: 30px 70px;
}
.n2p7m9k4r {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-top: 36px;
}
.n2p7m9k4r li {
  display: flex;
  align-items: flex-start;
  gap: 21px;
  padding-top: 23px;
  border-top: 1px solid var(--line);
}
.n2p7m9k4r li > span {
  font-size: 32px;
  color: #d2c0ec;
  line-height: 1;
  font-weight: 300;
}
.n2p7m9k4r h3 {
  font-size: 16px;
}
.n2p7m9k4r p {
  font-size: 11px;
  line-height: 1.9;
  color: var(--muted);
  margin-top: 13px;
}
.n2p7m9k4r a {
  display: inline-block;
  margin-top: 17px;
  font-size: 10px;
  color: var(--purple);
}
.j7m2p9k4r {
  padding-block: 25px 75px;
}
.e2m9p4k7r {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 23px;
  margin-top: 30px;
}
.e2m9p4k7r figure {
  border-radius: 11px;
  background: #f8f7fa;
  padding: 24px 28px;
}
.e2m9p4k7r figure > span {
  font-size: 50px;
  line-height: 1;
  color: #c8b0e9;
  font-family: Georgia, serif;
}
.e2m9p4k7r blockquote {
  font-size: 12px;
  line-height: 2;
  color: #7b6f87;
  min-height: 96px;
}
.e2m9p4k7r figcaption {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-top: 23px;
}
.e2m9p4k7r figcaption > b {
  display: grid;
  place-items: center;
  width: 32px;
  height: 32px;
  background: #e9dff5;
  color: #9470ba;
  border-radius: 50%;
  font-size: 11px;
  font-weight: 400;
}
.e2m9p4k7r figcaption strong {
  display: block;
  font-size: 10px;
  font-weight: 500;
}
.e2m9p4k7r figcaption small {
  display: block;
  color: #a69aad;
  font-size: 9px;
  margin-top: 2px;
}
.f2m7p9k4r {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 75px;
  padding-block: 15px 80px;
}
.f2m7p9k4r > div:first-child h2 {
  font-size: 34px;
  line-height: 1.5;
}
.f2m7p9k4r > div:first-child > p:nth-of-type(2) {
  margin-top: 20px;
  font-size: 12px;
  line-height: 2;
  color: var(--muted);
}
.f2m7p9k4r > div:first-child a {
  display: inline-block;
  margin-top: 30px;
  color: var(--purple);
  font-size: 11px;
}
.f2m7p9k4r > div:first-child a span {
  margin-left: 25px;
}
.r4m9p2k7v details {
  border-bottom: 1px solid var(--line);
}
.r4m9p2k7v details:first-child {
  border-top: 1px solid var(--line);
}
.r4m9p2k7v summary {
  position: relative;
  display: flex;
  gap: 18px;
  align-items: center;
  padding: 21px 35px 21px 0;
  font-size: 12px;
  font-weight: 500;
}
.r4m9p2k7v summary > span {
  color: #b7a8c7;
  font-size: 9px;
  font-weight: 400;
}
.r4m9p2k7v summary i {
  position: absolute;
  right: 3px;
  font-size: 20px;
  color: #9b84b5;
  font-style: normal;
  font-weight: 300;
  transition: transform 0.2s;
}
.r4m9p2k7v [open] summary {
  color: var(--purple);
}
.r4m9p2k7v [open] summary i {
  transform: rotate(45deg);
}
.r4m9p2k7v details p {
  color: var(--muted);
  font-size: 11px;
  line-height: 2;
  padding: 0 25px 21px 32px;
}
.b9m2p7k4r {
  display: grid;
  grid-template-columns: 80px 1fr auto;
  align-items: center;
  gap: 32px;
  padding: 43px 45px;
  background: #f3edfc;
  border: 1px solid #e8ddf8;
  border-radius: 15px;
  margin-bottom: 72px;
}
.p7m4k2r9v {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 100px;
  background: var(--gradient);
  border-radius: 17px;
  color: #fff;
  box-shadow: 0 8px 15px #7351ac20;
}
.p7m4k2r9v > span {
  font-size: 38px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -3px;
}
.p7m4k2r9v b {
  margin-top: 7px;
  font-size: 7px;
  line-height: 1.2;
  text-align: center;
  letter-spacing: 3px;
  font-weight: 500;
}
.b9m2p7k4r h2 {
  font-size: 29px;
  line-height: 1.3;
}
.b9m2p7k4r h2 br {
  display: none;
}
.b9m2p7k4r > div:nth-child(2) > p:last-child {
  margin-top: 15px;
  font-size: 10px;
  line-height: 2;
  color: #8c7a9e;
}
.b9m2p7k4r strong {
  font-weight: 500;
  color: #6e45aa;
}
.n9m4k2p7v {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 13px;
}
.n9m4k2p7v > a:nth-child(2) {
  font-size: 10px;
  color: #927ca8;
}
.n9m4k2p7v small {
  font-size: 8px;
  color: #a58ebc;
}
.s7m2p9k4r {
  background: #272131;
  color: #ded6e8;
  padding-block: 55px 0;
}
.m4p9k2r7v {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 90px;
  padding-bottom: 42px;
}
.m4p9k2r7v h2 {
  color: #fff;
  font-size: 27px;
}
.m4p9k2r7v h2 span {
  display: block;
  font-size: 13px;
  color: #b9a7cb;
  font-weight: 400;
  margin-top: 9px;
  letter-spacing: 2px;
}
.s7m2p9k4r .f3x8k2m6p {
  color: #ad96c2;
}
.m4p9k2r7v > div:last-child p {
  font-size: 11px;
  color: #aea2bb;
  line-height: 2.1;
}
.m4p9k2r7v > div:last-child > span {
  display: inline-block;
  margin-top: 15px;
  color: #d2b6ec;
  font-size: 10px;
  letter-spacing: 2px;
}
.q2m8p4k7r {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 90px;
  border-block: 1px solid #ffffff12;
  padding-block: 26px;
}
.q2m8p4k7r > div:first-child b {
  display: block;
  color: #e0d2ed;
  font-size: 12px;
  font-weight: 500;
}
.q2m8p4k7r > div:first-child span {
  display: block;
  font-size: 10px;
  color: #8f7f9d;
  margin-top: 7px;
}
.q2m8p4k7r > div:last-child {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px 15px;
  align-items: center;
}
.q2m8p4k7r a {
  color: #afa0bc;
  font-size: 10px;
}
.q2m8p4k7r a:hover {
  color: #ebd6ff;
}
.d4m9k2p7v {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding-block: 23px;
  font-size: 9px;
  color: #8d7e9c;
}
.d4m9k2p7v a {
  display: inline-block;
  margin-left: 25px;
  color: #bca0d4;
}
.k8m2p9r4v {
  display: none;
}
.w9m4p2k7r {
  position: fixed;
  max-height: min(760px, calc(100dvh - 50px));
  width: min(810px, calc(100% - 40px));
  padding: 0;
  border: 1px solid #ffffff80;
  border-radius: 18px;
  color: var(--ink);
  background: #fff;
  overflow: auto;
  box-shadow: 0 30px 90px #1c102e50;
}
.w9m4p2k7r[open] {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
}
.w9m4p2k7r::backdrop {
  background: #251a3cb0;
  backdrop-filter: blur(7px);
}
.v8m2p7k4r {
  position: sticky;
  top: 14px;
  right: 14px;
  justify-self: end;
  grid-column: 2;
  grid-row: 1;
  z-index: 2;
  width: 32px;
  height: 32px;
  padding: 0;
  background: #fff;
  border: 1px solid #e8e0f1;
  border-radius: 50%;
  font-size: 23px;
  line-height: 1;
  margin: 14px 14px -46px 0;
}
.p9m2k7r4v {
  grid-column: 1;
  grid-row: 1;
  min-height: 560px;
  overflow: hidden;
  background: #d8cce6;
}
.p9m2k7r4v img {
  width: 100%;
  height: 100%;
  min-height: 560px;
  object-fit: cover;
}
.c4m9p2k7r {
  grid-column: 2;
  grid-row: 1;
  padding: 43px 32px 32px;
}
.c4m9p2k7r h2 {
  font-size: 28px;
}
.h2m7p9k4r {
  font-size: 11px;
  margin-top: 12px;
  color: #9a7bb9;
}
.c4m9p2k7r h3 {
  font-size: 12px;
  margin-top: 26px;
}
.c4m9p2k7r h3 + p {
  color: var(--muted);
  font-size: 11px;
  line-height: 2;
  margin-top: 10px;
}
.c4m9p2k7r .g4n8m2v7p {
  margin-top: 23px;
  font-size: 11px;
  width: 100%;
}
.u9m4p2k7r {
  position: fixed;
  z-index: 60;
  left: 50%;
  bottom: 30px;
  transform: translate(-50%);
  width: max-content;
  max-width: calc(100% - 40px);
  background: #30233fed;
  padding: 13px 23px;
  color: #fff;
  font-size: 12px;
  border: 1px solid #ffffff30;
  box-shadow: 0 8px 40px #19122230;
  border-radius: 10px;
  text-align: center;
}
[data-reveal][data-pending] {
  opacity: 0;
  transform: translateY(18px);
}
[data-reveal] {
  transition:
    opacity 0.6s ease,
    transform 0.6s ease;
}
.j9m4k2v8q[data-fade] img,
.s4n9v2k7p[data-fade] {
  animation: n7m4p2k9r 0.65s ease both;
}
@keyframes g7m2p4k9r {
  0% {
    transform: scale(1.06);
  }
  to {
    transform: scale(1);
  }
}
@keyframes n7m4p2k9r {
  0% {
    opacity: 0.25;
  }
  to {
    opacity: 1;
  }
}
@media (min-width: 1600px) {
  .x5p8n3r7c {
    min-height: 610px;
  }
}
@media (max-width: 1150px) {
  .c7p4v9m2k {
    width: calc(100% - 64px);
  }
  .b5n8t2x6a {
    gap: 15px;
  }
  .n4a7p2x8q {
    gap: 19px;
    font-size: 12px;
  }
  .a9p3m8k6v {
    padding-inline: 12px;
  }
  .w3k7n9p2a {
    font-size: 22px;
  }
  .w3k7n9p2a small {
    font-size: 8px;
  }
  .x5p8n3r7c {
    padding-inline: 38px;
    min-height: 550px;
  }
  .z8q4m2x7n {
    inset-inline: 38px;
  }
  .o7m2p9x4k {
    width: 230px;
  }
  .s4n9v2k7p h3 {
    font-size: 25px;
  }
  .i6k2r9m4p {
    gap: 25px;
    grid-template-columns: minmax(0, 2fr) 280px;
  }
  .e9m3p7k2v {
    padding-left: 24px;
  }
  .b7p2r9m4k h2 {
    font-size: 27px;
  }
  .e9m3p7k2v h2 {
    font-size: 24px;
  }
  .c9k2m7p4r article {
    padding: 23px;
  }
  .y7m2k9p4r {
    align-items: flex-start;
  }
  .l2m8p4k7v {
    gap: 7px;
  }
  .l2m8p4k7v button {
    padding-inline: 12px;
    font-size: 11px;
  }
  .g9k2m7p4v {
    width: 230px;
  }
  .q7m2v9k4a {
    height: 160px;
  }
  .a8m2p7k4r {
    gap: 40px;
  }
  .c2p9m7k4r {
    left: -28px;
  }
  .b9m2p7k4r {
    grid-template-columns: 65px 1fr auto;
    padding: 35px;
    gap: 24px;
  }
  .p7m4k2r9v {
    width: 65px;
    height: 84px;
  }
  .b9m2p7k4r h2 {
    font-size: 25px;
  }
  .b9m2p7k4r > div:nth-child(2) > p:last-child br {
    display: none;
  }
  .b9m2p7k4r > div:nth-child(2) > p:last-child {
    max-width: 410px;
  }
}
@media (max-width: 900px) {
  .n4a7p2x8q {
    gap: 15px;
  }
  .n4a7p2x8q > a:nth-child(4) {
    display: none;
  }
  .a9p3m8k6v {
    display: none;
  }
  .x5p8n3r7c {
    grid-template-columns: 1fr;
    padding-block: 43px 210px;
  }
  .t2v7k9m4p h2 {
    font-size: 43px;
  }
  .o7m2p9x4k {
    position: absolute;
    right: 38px;
    bottom: 108px;
    width: 240px;
  }
  .s4n9v2k7p h3 {
    font-size: 24px;
  }
  .s4n9v2k7p > p:first-child,
  .h6k2m9p4v {
    display: none;
  }
  .o7m2p9x4k > span:first-child {
    font-size: 8px;
  }
  .o7m2p9x4k b {
    font-size: 20px;
  }
  .u3p8r2m7k {
    margin-top: 10px;
  }
  .p8v3m9k2r > p:nth-child(2) {
    display: none;
  }
  .i6k2r9m4p {
    grid-template-columns: 1fr;
    gap: 45px;
  }
  .e9m3p7k2v {
    padding: 25px;
    background: #faf8fd;
    border: 1px solid var(--line);
    border-radius: 12px;
  }
  .r9k4m2p7v {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 30px;
  }
  .x7m3p9k2r {
    display: none;
  }
  .d8p4m2k7v {
    gap: 22px;
  }
  .a3m9r7k2p strong {
    font-size: 24px;
  }
  .c9k2m7p4r {
    grid-template-columns: repeat(2, 1fr);
  }
  .c9k2m7p4r article:nth-child(2) {
    border-right: 0;
  }
  .c9k2m7p4r article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--line);
  }
  .y7m2k9p4r {
    flex-direction: column;
    gap: 15px;
  }
  .g9k2m7p4v {
    width: 100%;
  }
  .p6k2m9r4v {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .q7m2v9k4a {
    height: 190px;
  }
  .n7m4k2p9v {
    padding-inline: 18px;
  }
  .a8m2p7k4r {
    gap: 28px;
  }
  .k4m9p2r7v h2 {
    font-size: 32px;
  }
  .c2p9m7k4r {
    left: -10px;
    padding: 12px;
    bottom: 55px;
  }
  .c2p9m7k4r p {
    font-size: 8px;
  }
  .t7k3m9p2v {
    width: 225px;
  }
  .m8r4p2k7v {
    height: 250px;
  }
  .z3m8k2p7r {
    min-height: 500px;
  }
  .n2p7m9k4r {
    gap: 25px;
  }
  .n2p7m9k4r li {
    gap: 13px;
  }
  .n2p7m9k4r li > span {
    font-size: 26px;
  }
  .e2m9p4k7r {
    gap: 15px;
  }
  .e2m9p4k7r figure {
    padding: 20px;
  }
  .e2m9p4k7r blockquote {
    min-height: 130px;
    font-size: 11px;
  }
  .f2m7p9k4r {
    grid-template-columns: 1fr 1.8fr;
    gap: 35px;
  }
  .b9m2p7k4r {
    grid-template-columns: 65px 1fr;
  }
  .n9m4k2p7v {
    grid-column: 2;
    align-items: flex-start;
    gap: 10px;
  }
  .m4p9k2r7v,
  .q2m8p4k7r {
    gap: 40px;
  }
}
@media (max-width: 640px) {
  html {
    scroll-padding-top: 85px;
  }
  section,
  aside[id] {
    scroll-margin-top: 85px;
  }
  body {
    padding-bottom: 64px;
  }
  .c7p4v9m2k {
    width: calc(100% - 36px);
  }
  .b5n8t2x6a {
    height: 74px;
  }
  .w3k7n9p2a {
    font-size: 21px;
  }
  .e7r4k9m2v {
    width: 38px;
    height: 38px;
    border-radius: 10px;
  }
  .w3k7n9p2a small {
    font-size: 8px;
    margin-top: 6px;
    letter-spacing: 1.5px;
  }
  .n4a7p2x8q {
    display: none;
  }
  .u6n2r8m4k {
    display: grid;
    place-items: center;
  }
  .f7q2m8v4a {
    padding-top: 16px;
  }
  .x5p8n3r7c {
    border-radius: 16px;
    min-height: 650px;
    padding: 33px 25px 265px;
    align-items: start;
  }
  .j9m4k2v8q img {
    object-position: 65% center;
  }
  .x5p8n3r7c:before {
    background:
      linear-gradient(90deg, #1e142af2, #20162cc9 65%, #22162e70),
      linear-gradient(0deg, #1c1424ed, transparent 65%);
  }
  .h8q3n6x2a {
    font-size: 9px;
    letter-spacing: 2px;
  }
  .t2v7k9m4p h2 {
    font-size: clamp(30px, 8.4vw, 42px);
    margin-top: 23px;
    line-height: 1.35;
    letter-spacing: -1px;
  }
  .b9r4m7k2x {
    font-size: 11px;
    margin-top: 19px;
    max-width: 285px;
    line-height: 1.95;
  }
  .b9r4m7k2x br {
    display: none;
  }
  .a5x9k2r7n {
    margin-top: 25px;
    gap: 17px;
  }
  .a5x9k2r7n .g4n8m2v7p {
    padding: 11px 16px;
    font-size: 11px;
    gap: 15px;
  }
  .q9r4k7p2m {
    font-size: 10px;
    gap: 4px;
  }
  .q9r4k7p2m span {
    font-size: 19px;
  }
  .y3k8q2m6v {
    font-size: 8px;
    margin-top: 17px;
  }
  .o7m2p9x4k {
    bottom: 91px;
    left: 25px;
    right: 25px;
    width: auto;
    border-left: 0;
    border-top: 1px solid #ffffff25;
    padding: 15px 0 0;
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 5px;
  }
  .o7m2p9x4k > span:first-child {
    grid-column: 2;
    grid-row: 1;
    align-self: end;
    text-align: right;
    font-size: 7px;
    letter-spacing: 0;
  }
  .o7m2p9x4k b {
    font-size: 21px;
    padding-left: 6px;
  }
  .s4n9v2k7p {
    grid-column: 1;
    grid-row: 1;
  }
  .s4n9v2k7p h3 {
    font-size: 21px;
    margin-top: 0;
  }
  .s4n9v2k7p > p:nth-of-type(2) {
    font-size: 9px;
    max-width: 220px;
    margin-top: 8px;
  }
  .u3p8r2m7k {
    font-size: 9px;
    gap: 13px;
    margin-top: 12px;
  }
  .u3p8r2m7k span {
    width: 23px;
    height: 23px;
  }
  .z8q4m2x7n {
    inset-inline: 25px;
    height: 68px;
  }
  .l7p3k9m2a {
    gap: 18px;
  }
  .l7p3k9m2a button {
    font-size: 8px;
    gap: 6px;
    max-width: 82px;
    line-height: 1.5;
  }
  .l7p3k9m2a button > span:first-child {
    display: none;
  }
  .r2k8p4m9v {
    width: 26px;
    height: 26px;
    flex-shrink: 0;
    margin-left: 12px;
  }
  .p8v3m9k2r {
    padding-block: 17px;
    gap: 10px;
  }
  .p8v3m9k2r > p:first-child {
    font-size: 10px;
  }
  .p8v3m9k2r a {
    font-size: 9px;
    white-space: nowrap;
  }
  .p8v3m9k2r a span {
    padding-left: 3px;
  }
  .i6k2r9m4p {
    padding-top: 36px;
    gap: 30px;
  }
  .b7p2r9m4k {
    gap: 15px;
    align-items: flex-start;
  }
  .b7p2r9m4k h2 {
    font-size: 25px;
    letter-spacing: -0.6px;
  }
  .b7p2r9m4k > a {
    padding-top: 35px;
    font-size: 9px;
  }
  .b7p2r9m4k > a span {
    margin-left: 3px;
  }
  .f3x8k2m6p {
    font-size: 8px;
    letter-spacing: 1.2px;
    margin-bottom: 9px;
  }
  .v4m8p2k7q > .k7m2p9r4v {
    font-size: 10px;
    margin-bottom: 19px;
  }
  .d8p4m2k7v {
    gap: 12px;
    overflow-x: auto;
    grid-template-columns: repeat(3, minmax(155px, 1fr));
    padding-bottom: 6px;
    scrollbar-width: thin;
    scrollbar-color: #d7c4ee transparent;
  }
  .v7p2k4m9r {
    aspect-ratio: 3 / 4.4;
    border-radius: 9px;
  }
  .n9k4r2m7p {
    font-size: 7px;
    top: 10px;
    left: 10px;
    padding-inline: 5px;
  }
  .a3m9r7k2p {
    left: 13px;
    right: 10px;
    bottom: 17px;
  }
  .a3m9r7k2p small {
    font-size: 6px;
    letter-spacing: 1px;
  }
  .a3m9r7k2p strong {
    font-size: 21px;
  }
  .j2r7m9p4k > h3 {
    font-size: 12px;
    margin-top: 11px;
  }
  .j2r7m9p4k > p {
    font-size: 9px;
  }
  .e9m3p7k2v {
    padding: 22px 20px 10px;
  }
  .e9m3p7k2v h2 {
    font-size: 24px;
  }
  .r9k4m2p7v {
    grid-template-columns: 1fr;
    gap: 0;
  }
  .r9k4m2p7v li {
    padding-block: 14px;
  }
  .r9k4m2p7v li:last-child {
    border-bottom: 0;
  }
  .r9k4m2p7v b {
    font-size: 12px;
  }
  .q3m8r2k7v {
    padding-block: 40px;
  }
  .q3m8r2k7v .b7p2r9m4k {
    flex-direction: column;
    gap: 10px;
  }
  .c9k2m7p4r {
    margin-top: 22px;
  }
  .c9k2m7p4r article {
    padding: 22px 17px;
  }
  .c9k2m7p4r article > span {
    font-size: 26px;
    margin-bottom: 20px;
  }
  .c9k2m7p4r small {
    right: 16px;
    top: 20px;
  }
  .c9k2m7p4r h3 {
    font-size: 13px;
  }
  .c9k2m7p4r p {
    font-size: 10px;
  }
  .t9m4p7k2r {
    padding-block: 36px;
  }
  .t9m4p7k2r .b7p2r9m4k {
    flex-direction: column;
    gap: 14px;
  }
  .t9m4p7k2r .b7p2r9m4k > .k7m2p9r4v {
    text-align: left;
    font-size: 9px;
  }
  .t9m4p7k2r h2 > span {
    font-size: 12px;
    margin-top: 9px;
  }
  .y7m2k9p4r {
    margin-top: 24px;
  }
  .l2m8p4k7v {
    gap: 6px;
  }
  .l2m8p4k7v button {
    padding: 6px 12px;
    font-size: 10px;
  }
  .p6k2m9r4v {
    gap: 12px;
  }
  .q7m2v9k4a {
    height: 128px;
  }
  .q7m2v9k4a > span {
    font-size: 6px;
    left: 8px;
    bottom: 8px;
    letter-spacing: 1px;
  }
  .h9r4m2p7k {
    top: 9px;
    right: 9px;
    width: 27px;
    height: 27px;
    font-size: 19px;
  }
  .n7m4k2p9v {
    padding: 13px 12px 14px;
  }
  .n7m4k2p9v > p:first-child {
    font-size: 8px;
  }
  .n7m4k2p9v h3 {
    font-size: 15px;
    min-height: 41px;
  }
  .n7m4k2p9v > p:nth-of-type(2) {
    font-size: 9px;
    min-height: 34px;
    line-height: 1.8;
    margin-top: 5px;
  }
  .n7m4k2p9v .p4k8m2q7v {
    font-size: 9px;
    margin-top: 12px;
    gap: 17px;
  }
  .v2k8m4p7r {
    font-size: 9px;
    margin-top: 19px;
  }
  .a8m2p7k4r {
    grid-template-columns: 1fr;
    gap: 10px;
    padding-block: 45px 40px;
  }
  .k4m9p2r7v h2 {
    font-size: 35px;
  }
  .k4m9p2r7v > p:nth-of-type(2) {
    font-size: 11px;
    margin-top: 18px;
  }
  .k4m9p2r7v li {
    font-size: 11px;
  }
  .z3m8k2p7r {
    min-height: 505px;
    margin-top: 12px;
  }
  .t7k3m9p2v {
    width: 233px;
  }
  .m8r4p2k7v {
    height: 270px;
  }
  .c2p9m7k4r {
    left: 0;
    bottom: 56px;
    padding: 15px 18px;
  }
  .b2m7p9k4r {
    right: 10px;
  }
  .q4m8k2p7r {
    padding-block: 20px 40px;
  }
  .q4m8k2p7r .b7p2r9m4k {
    flex-direction: column;
    gap: 11px;
  }
  .n2p7m9k4r {
    grid-template-columns: 1fr;
    gap: 21px;
    margin-top: 25px;
  }
  .n2p7m9k4r li {
    gap: 25px;
    padding-top: 23px;
  }
  .n2p7m9k4r li > span {
    font-size: 31px;
  }
  .n2p7m9k4r h3 {
    font-size: 15px;
  }
  .n2p7m9k4r p {
    margin-top: 9px;
    font-size: 11px;
  }
  .n2p7m9k4r a {
    margin-top: 11px;
  }
  .j7m2p9k4r {
    padding-block: 10px 40px;
  }
  .j7m2p9k4r .b7p2r9m4k {
    flex-direction: column;
    gap: 12px;
  }
  .e2m9p4k7r {
    grid-template-columns: 1fr;
    gap: 15px;
    margin-top: 24px;
  }
  .e2m9p4k7r figure {
    padding: 23px 25px;
  }
  .e2m9p4k7r blockquote {
    min-height: 0;
    font-size: 12px;
  }
  .e2m9p4k7r figcaption {
    margin-top: 18px;
  }
  .f2m7p9k4r {
    grid-template-columns: 1fr;
    gap: 27px;
    padding-block: 20px 40px;
  }
  .f2m7p9k4r > div:first-child h2 {
    font-size: 29px;
  }
  .f2m7p9k4r > div:first-child h2 br {
    display: none;
  }
  .f2m7p9k4r > div:first-child > p:nth-of-type(2) {
    font-size: 11px;
    margin-top: 14px;
  }
  .f2m7p9k4r > div:first-child > p:nth-of-type(2) br {
    display: none;
  }
  .f2m7p9k4r > div:first-child a {
    margin-top: 13px;
    font-size: 10px;
  }
  .r4m9p2k7v summary {
    font-size: 11px;
    padding-block: 19px;
    gap: 12px;
  }
  .r4m9p2k7v details p {
    padding-left: 26px;
    font-size: 10px;
  }
  .b9m2p7k4r {
    grid-template-columns: 52px 1fr;
    padding: 27px 22px;
    gap: 20px 17px;
    margin-bottom: 40px;
  }
  .p7m4k2r9v {
    align-self: start;
    width: 52px;
    height: 65px;
    border-radius: 12px;
    margin-top: 4px;
  }
  .p7m4k2r9v > span {
    font-size: 30px;
    letter-spacing: -2px;
  }
  .p7m4k2r9v b {
    font-size: 5px;
    letter-spacing: 2px;
    margin-top: 4px;
  }
  .b9m2p7k4r h2 {
    font-size: 25px;
  }
  .b9m2p7k4r h2 br {
    display: block;
  }
  .b9m2p7k4r .f3x8k2m6p {
    font-size: 8px;
  }
  .b9m2p7k4r > div:nth-child(2) > p:last-child {
    margin-top: 13px;
    font-size: 10px;
  }
  .n9m4k2p7v {
    grid-column: 1 / -1;
    align-items: stretch;
    text-align: center;
    gap: 10px;
  }
  .n9m4k2p7v .g4n8m2v7p {
    width: 100%;
  }
  .s7m2p9k4r {
    padding-top: 37px;
  }
  .m4p9k2r7v {
    grid-template-columns: 1fr;
    gap: 24px;
    padding-bottom: 28px;
  }
  .m4p9k2r7v h2 {
    font-size: 26px;
  }
  .m4p9k2r7v h2 br {
    display: none;
  }
  .m4p9k2r7v h2 span {
    font-size: 12px;
  }
  .m4p9k2r7v > div:last-child p {
    font-size: 10px;
  }
  .q2m8p4k7r {
    grid-template-columns: 1fr;
    gap: 20px;
    padding-block: 25px;
  }
  .q2m8p4k7r > div:first-child {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .q2m8p4k7r > div:first-child span {
    margin-top: 0;
    font-size: 9px;
  }
  .q2m8p4k7r > div:last-child {
    gap: 16px;
    grid-template-columns: repeat(3, 1fr);
  }
  .q2m8p4k7r a {
    font-size: 9px;
  }
  .d4m9k2p7v {
    flex-direction: column;
    gap: 8px;
    font-size: 8px;
    padding-block: 20px;
  }
  .d4m9k2p7v > p:last-child {
    display: flex;
    justify-content: space-between;
  }
  .k8m2p9r4v {
    display: flex;
    position: fixed;
    bottom: 0;
    inset-inline: 0;
    z-index: 25;
    background: #fffffffa;
    border-top: 1px solid #eee8f4;
    backdrop-filter: blur(15px);
    padding: 7px 12px max(7px, env(safe-area-inset-bottom));
    justify-content: space-around;
  }
  .k8m2p9r4v a {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 1px 20px;
    font-size: 9px;
    color: #a094ae;
  }
  .k8m2p9r4v a > span {
    font-size: 21px;
    line-height: 1.4;
  }
  .k8m2p9r4v [aria-current] {
    color: var(--purple);
  }
  .w9m4p2k7r {
    width: calc(100% - 26px);
    max-height: calc(100dvh - 30px);
    border-radius: 15px;
  }
  .w9m4p2k7r[open] {
    grid-template-columns: 1fr;
  }
  .v8m2p7k4r {
    grid-column: 1;
    top: 12px;
  }
  .p9m2k7r4v {
    grid-column: 1;
    grid-row: 1;
    height: 190px;
    min-height: 0;
  }
  .p9m2k7r4v img {
    min-height: 0;
    height: 190px;
  }
  .c4m9p2k7r {
    grid-column: 1;
    grid-row: 2;
    padding: 24px;
  }
  .c4m9p2k7r h2 {
    font-size: 26px;
  }
  .c4m9p2k7r h3 {
    margin-top: 21px;
  }
  .c4m9p2k7r h3 + p {
    font-size: 11px;
  }
  .u9m4p2k7r {
    bottom: 85px;
    font-size: 11px;
  }
}
@media (max-width: 360px) {
  .c7p4v9m2k {
    width: calc(100% - 28px);
  }
  .x5p8n3r7c {
    padding-inline: 20px;
    min-height: 680px;
  }
  .o7m2p9x4k,
  .z8q4m2x7n {
    inset-inline: 20px;
  }
  .a5x9k2r7n {
    gap: 12px;
  }
  .q9r4k7p2m {
    font-size: 9px;
  }
  .l7p3k9m2a {
    gap: 12px;
  }
  .p8v3m9k2r a {
    font-size: 8px;
  }
  .p8v3m9k2r > p:first-child {
    font-size: 9px;
  }
  .b7p2r9m4k h2 {
    font-size: 22px;
  }
  .n7m4k2p9v h3 {
    font-size: 13px;
  }
  .n7m4k2p9v > p:nth-of-type(2) {
    min-height: 48px;
  }
}
.k7m2p9r4v,
.c9k2m7p4r p,
.j2r7m9p4k > p,
.n7m4k2p9v > p:nth-of-type(2),
.k4m9p2r7v > p:nth-of-type(2),
.k4m9p2r7v li,
.n2p7m9k4r p,
.e2m9p4k7r blockquote,
.r4m9p2k7v details p,
.m4p9k2r7v > div:last-child p,
.c4m9p2k7r h3 + p {
  font-size: 13px;
  line-height: 1.9;
}
.b9r4m7k2x {
  font-size: 14px;
}
.b9m2p7k4r > div:nth-child(2) > p:last-child {
  font-size: 12px;
}
@media (max-width: 640px) {
  .b9r4m7k2x {
    font-size: 12px;
  }
  .n7m4k2p9v > p:nth-of-type(2) {
    font-size: 12px;
    min-height: 46px;
  }
}
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
  *,
  *:before,
  *:after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  [data-reveal][data-pending] {
    opacity: 1;
    transform: none;
  }
}