@layer reset, base, layout, components, motion, responsive;
@layer reset {
  *,
  *::before,
  *::after {
    box-sizing: border-box;
  }
  body,
  h1,
  h2,
  h3,
  p,
  figure,
  blockquote {
    margin: 0;
  }
  button,
  input {
    font: inherit;
  }
  button,
  a,
  input,
  summary {
    -webkit-tap-highlight-color: transparent;
  }
  button {
    cursor: pointer;
  }
  a {
    color: inherit;
    text-decoration: none;
  }
  img {
    display: block;
    max-width: 100%;
    object-fit: cover;
  }
  button {
    color: inherit;
  }
  button,
  input {
    border-radius: 0;
  }
  [hidden] {
    display: none !important;
  }
}
@layer base {
  :root {
    --q2r8: #1762ee;
    --d7m3: #15335a;
    --a4w9: #526881;
    --c8k2: #e3ebf5;
    --x5p1: #f3f7fd;
    color: var(--d7m3);
    font-family:
      "PingFang SC", "Microsoft YaHei", "Noto Sans CJK SC", system-ui,
      sans-serif;
    font-size: 15px;
    line-height: 1.7;
    background: #fff;
    font-synthesis: none;
    scroll-behavior: smooth;
    scroll-padding-top: 0;
  }
  ::selection {
    color: #fff;
    background: #1762ee;
  }
  :focus-visible {
    outline: 3px solid #fa9c32;
    outline-offset: 5px;
  }
  h2 {
    font-size: clamp(26px, 3vw, 36px);
    line-height: 1.4;
    letter-spacing: -1.2px;
  }
  h3 {
    font-size: 18px;
    line-height: 1.5;
  }
  section[id],
  footer[id],
  details[id] {
    scroll-margin-top: 115px;
  }
  button {
    border: 0;
    background: none;
  }
  input {
    min-width: 0;
  }
  .a8n4x6qb {
    width: min(1240px, calc(100% - 96px));
    margin-inline: auto;
  }
  .n4t8w2kf {
    color: var(--q2r8);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: 2.2px;
    line-height: 1.7;
    margin-bottom: 14px;
  }
  .c5p9a3xe {
    color: var(--a4w9);
    font-size: 13px;
    line-height: 1.95;
    margin-top: 13px;
  }
  .w7d3a9fx {
    color: #64758c;
    font-size: 11px;
    line-height: 1.8;
    margin-top: 22px;
  }
  .q7v3m9az {
    display: flex;
    gap: 26px;
    align-items: end;
    justify-content: space-between;
    margin-bottom: 34px;
  }
  .s5b9k3qm {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 25px;
  }
  .x2g8n4wa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 30px;
    min-height: 50px;
    padding: 13px 24px;
    border-radius: 8px;
    color: #fff;
    background: linear-gradient(115deg, #2071f4, #3755dc);
    box-shadow: 0 8px 20px #1762ee25;
    font-size: 13px;
    font-weight: 650;
    transition:
      transform 0.2s,
      box-shadow 0.2s;
  }
  .x2g8n4wa:hover {
    transform: translateY(-3px);
    box-shadow: 0 12px 26px #1762ee35;
  }
  .d6j2u8cy {
    display: inline-flex;
    gap: 17px;
    align-items: center;
    font-size: 12px;
    color: var(--q2r8);
    font-weight: 650;
    padding: 9px 0;
    white-space: nowrap;
  }
  .d6j2u8cy:hover {
    color: #0b3f9c;
  }
  .d6j2u8cy > span:last-child {
    transition: transform 0.2s;
  }
  .d6j2u8cy:hover > span:last-child {
    transform: translate(2px, -2px);
  }
  .i4q8w2jb {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border: 0;
  }
  .e3y9q5bd {
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 100;
    padding: 12px;
    background: #fff;
    color: #1762ee;
    transform: translateY(-150%);
  }
  .e3y9q5bd:focus {
    transform: translateY(0);
  }
}
@layer layout {
  .v4k8c2zn {
    position: sticky;
    top: 0;
    z-index: 30;
    background: #ffffffed;
    border-bottom: 1px solid #e6edf7;
    backdrop-filter: blur(18px);
  }
  .f2c7p9wa {
    display: flex;
    align-items: center;
    gap: 38px;
    height: 86px;
  }
  .y6r2m8dv {
    margin-right: auto;
    font-size: 23px;
    line-height: 1.15;
    letter-spacing: 1px;
    flex-shrink: 0;
  }
  .y6r2m8dv a {
    display: flex;
    align-items: center;
    gap: 11px;
  }
  .y6r2m8dv small {
    display: block;
    color: #6b7f99;
    font-size: 9px;
    letter-spacing: 1.4px;
    font-weight: 500;
    margin-top: 8px;
  }
  .p9w3b7kd {
    width: 42px;
    height: 42px;
    border-radius: 12px;
    overflow: hidden;
    background: #e3f0ff;
  }
  .j2a8r4mc {
    display: flex;
    gap: 28px;
    font-size: 12px;
    font-weight: 650;
  }
  .j2a8r4mc a {
    position: relative;
    padding: 31px 0;
  }
  .j2a8r4mc a:hover,
  .j2a8r4mc a[aria-current] {
    color: var(--q2r8);
  }
  .j2a8r4mc a[aria-current]::after {
    position: absolute;
    content: "";
    bottom: 19px;
    left: 50%;
    width: 17px;
    height: 3px;
    border-radius: 5px;
    background: var(--q2r8);
    transform: translateX(-50%);
  }
  .z7k3n9ra {
    color: var(--q2r8);
    background: #edf4ff;
    border: 1px solid #dae7fc;
    border-radius: 7px;
    padding: 9px 16px;
    font-size: 11px;
    white-space: nowrap;
  }
  .z7k3n9ra span {
    font-size: 20px;
    vertical-align: -2px;
    margin-right: 5px;
  }
  .u3p7h9as {
    display: none;
  }
  .m8v2q6pf {
    position: relative;
    overflow: hidden;
    background:
      radial-gradient(ellipse at 55% 15%, #e5f3ff, transparent 60%),
      linear-gradient(115deg, #f5faff, #eaf3ff 65%, #d9e9fe);
  }
  .l3b9f5kn {
    display: grid;
    grid-template-columns: 0.95fr 1.05fr;
    gap: 40px;
    align-items: center;
    padding-top: 40px;
    padding-bottom: 32px;
  }
  .u8j4t2cx {
    padding: 35px 0;
  }
  .u8j4t2cx h2 {
    font-size: clamp(40px, 4.3vw, 65px);
    font-weight: 850;
    line-height: 1.35;
    letter-spacing: -2.7px;
    margin: 24px 0 19px;
  }
  .u8j4t2cx h2 span {
    color: var(--q2r8);
    position: relative;
  }
  .u8j4t2cx h2 span::after {
    content: "";
    position: absolute;
    inset: auto -2px 0;
    height: 8px;
    background: #76bbff45;
    transform: skew(-15deg) rotate(-2deg);
  }
  .f9k3c7qx {
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #1762ee;
    margin-right: 8px;
    vertical-align: 1px;
  }
  .v9c5n3jx {
    font-size: 16px;
    line-height: 1.9;
    font-weight: 550;
  }
  .u8j4t2cx .s5b9k3qm {
    margin-top: 30px;
  }
  .k3x7m9pd {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin-top: 31px;
    font-size: 10px;
  }
  .k3x7m9pd > span {
    color: #64758c;
    margin-right: 6px;
  }
  .k3x7m9pd button {
    border: 1px solid #cdddf4;
    border-radius: 20px;
    padding: 5px 11px;
    color: #49698d;
    background: #ffffff6b;
  }
  .k3x7m9pd button:hover {
    background: #fff;
    color: #1762ee;
  }
  .u8j4t2cx .w7d3a9fx {
    font-size: 10px;
    margin-top: 22px;
  }
  .t4h8q2vm {
    position: relative;
    height: 520px;
    min-width: 0;
    border: 7px solid #fff;
    border-radius: 18px 18px 80px 18px;
    background: #2e76c5;
    box-shadow: 0 20px 50px #123e7b20;
    isolation: isolate;
    transform: rotate(2deg);
    margin: 3px 0 12px;
  }
  .a3w9n5kr {
    position: absolute;
    top: 25px;
    left: 26px;
    z-index: 2;
    color: #fff;
    font-size: 9px;
    letter-spacing: 2px;
    line-height: 1.8;
    text-shadow: 0 1px 6px #0008;
  }
  .a3w9n5kr b {
    font-size: 14px;
    letter-spacing: 1px;
  }
  .c2r6p8md {
    position: absolute;
    inset: 0;
    border-radius: 11px 11px 72px 11px;
    overflow: hidden;
  }
  .c2r6p8md::after {
    position: absolute;
    content: "";
    inset: 0;
    z-index: 0;
    background: linear-gradient(
      180deg,
      #12396230 5%,
      transparent 36%,
      #09284e66 57%,
      #071c39f2 100%
    );
  }
  .c2r6p8md img {
    width: 100%;
    height: 100%;
  }
  .c2r6p8md figcaption {
    position: absolute;
    left: 29px;
    right: 25px;
    bottom: 72px;
    z-index: 1;
    color: #fff;
  }
  .c2r6p8md figcaption small {
    font-size: 10px;
    letter-spacing: 2px;
    color: #d2e6fc;
  }
  .c2r6p8md h3 {
    font-size: 43px;
    font-weight: 800;
    letter-spacing: 3px;
    margin: 7px 0 4px;
  }
  .c2r6p8md p {
    font-size: 12px;
    color: #e2edff;
  }
  .g3y9k5rf {
    display: inline-flex;
    align-items: center;
    gap: 20px;
    color: #fff;
    font-size: 11px;
    border: 1px solid #ffffff70;
    padding: 8px 13px;
    border-radius: 5px;
    margin-top: 17px;
    background: #ffffff14;
  }
  .g3y9k5rf:hover {
    background: #ffffff30;
  }
  .p4v8b2sa {
    position: absolute;
    inset: auto 30px 22px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 3;
    color: white;
  }
  .v7m3c9qr {
    display: flex;
    gap: 13px;
  }
  .v7m3c9qr button {
    padding: 5px 0;
    font-size: 11px;
    opacity: 0.65;
    border-bottom: 2px solid transparent;
    min-width: 25px;
  }
  .v7m3c9qr button[aria-pressed="true"] {
    opacity: 1;
    border-bottom-color: #fff;
  }
  .e5j9r3vk {
    color: #fff;
    font-size: 10px;
    padding: 6px;
  }
  .r3q7v9hx {
    position: absolute;
    right: -17px;
    top: 87px;
    padding: 18px 16px;
    border-radius: 50%;
    background: #e8ffb4;
    color: #244a28;
    font-size: 11px;
    font-weight: 800;
    line-height: 1.55;
    transform: rotate(10deg);
    box-shadow: 0 4px 0 #9db86e50;
    z-index: 2;
  }
  .s9r5u3ma {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 10px;
    color: #627b9b;
    border-top: 1px solid #d3e2f6;
    padding: 16px 0;
  }
  .s9r5u3ma span:last-child {
    font-size: 8px;
    letter-spacing: 2px;
  }
  .s9r5u3ma b {
    margin-left: 15px;
    font-size: 16px;
  }
  .b7a3p9wm {
    border-bottom: 1px solid var(--c8k2);
    background: #fff;
  }
  .b7a3p9wm > div {
    display: flex;
    gap: 27px;
    padding-block: 21px;
    overflow-x: auto;
    scrollbar-width: thin;
  }
  .b7a3p9wm a {
    flex-shrink: 0;
    font-size: 10px;
    color: #64758c;
  }
  .b7a3p9wm a:hover {
    color: #1762ee;
  }
  .f8q4c2ny {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 50px;
    padding-block: 66px;
  }
  .y3v7b9kp h2 {
    font-size: 27px;
  }
  .y3v7b9kp > p:last-child {
    font-size: 12px;
    color: #64758c;
    margin-top: 14px;
  }
  .k2d8r4mx {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
  }
  .k2d8r4mx article {
    padding-top: 9px;
  }
  .k2d8r4mx article > span {
    width: 35px;
    height: 35px;
    border: 1px solid #d3e3fc;
    border-radius: 11px;
    display: grid;
    place-items: center;
    font-size: 11px;
    font-weight: 750;
    color: #1762ee;
    background: linear-gradient(135deg, #f3f9ff, #e7f1ff);
    margin-bottom: 17px;
  }
  .k2d8r4mx h3 {
    font-size: 14px;
    margin-bottom: 8px;
  }
  .k2d8r4mx p {
    color: #64758c;
    font-size: 11px;
    line-height: 1.95;
  }
  .k2d8r4mx a {
    display: inline-flex;
    justify-content: space-between;
    width: 100%;
    margin-top: 17px;
    padding-top: 10px;
    border-top: 1px solid var(--c8k2);
    color: #49698d;
    font-size: 10px;
  }
  .f6m2v8cn {
    background: #f3f7fd;
    padding-block: 66px;
  }
  .x9c5h3wa {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 25px;
  }
  .h3w7d9ka {
    padding-block: 76px;
  }
  .q9b5n3kf {
    padding-block: 66px;
    background: #f6f9fd;
  }
  .m3f7r9xd {
    display: grid;
    grid-template-columns: 0.72fr 1.28fr;
    gap: 48px;
  }
  .k6w2d8ry {
    display: grid;
    grid-template-columns: 1fr 340px 0.63fr;
    gap: 35px;
    align-items: center;
    padding-block: 80px;
  }
  .a4p8v2qx h2 {
    font-size: 29px;
    line-height: 1.6;
  }
  .a4p8v2qx h2 span {
    color: #1762ee;
  }
  .a4p8v2qx > p:not(.n4t8w2kf):not(.w7d3a9fx) {
    color: #64758c;
    font-size: 13px;
    line-height: 1.9;
    margin: 20px 0 28px;
  }
  .b4r8j2vm {
    padding-block: 65px;
    background: #f3f7fd;
  }
  .f6q2n8av {
    padding-block: 70px;
    background: #f5f8fd;
  }
  .w4m8b2qr {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 90px;
  }
  .w4m8b2qr h2 {
    font-size: 30px;
    line-height: 1.5;
  }
  .w4m8b2qr .d6j2u8cy {
    margin-top: 22px;
  }
  .c9r5v3bw {
    padding-block: 65px;
  }
  .p3k7d9ma {
    background: #0c2444;
    color: #d9e7fb;
    padding-top: 58px;
  }
}
@layer components {
  .n8k2s6rd {
    min-width: 0;
  }
  .j5b9m3vf {
    display: block;
    width: 100%;
    padding: 0;
    border-radius: 10px;
    text-align: left;
    transition: transform 0.3s;
  }
  .j5b9m3vf:hover {
    transform: translateY(-6px) rotate(-1deg);
  }
  .h8w4r2pd,
  .t7b3j9cx,
  .f3k7b9mq {
    display: block;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border-radius: 10px;
    background: #3e82bd;
  }
  .h8w4r2pd {
    aspect-ratio: 0.76;
    box-shadow: 0 10px 20px #19396010;
  }
  .h8w4r2pd::after,
  .t7b3j9cx::after,
  .f3k7b9mq::after {
    position: absolute;
    content: "";
    inset: 0;
    z-index: -1;
    background: linear-gradient(180deg, #123b6010 40%, #09274ade);
  }
  .h8w4r2pd img,
  .t7b3j9cx img,
  .f3k7b9mq img {
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    z-index: -2;
    transition: transform 0.6s;
  }
  .j5b9m3vf:hover img {
    transform: scale(1.045);
  }
  .r6d9x3mp {
    position: absolute;
    top: 14px;
    left: 14px;
    border: 1px solid #ffffff70;
    color: #fff;
    border-radius: 4px;
    background: #173d6660;
    padding: 3px 7px;
    font-size: 8px;
    letter-spacing: 1px;
    backdrop-filter: blur(5px);
  }
  .b3s7v5nk {
    position: absolute;
    bottom: 24px;
    left: 21px;
    right: 15px;
    color: #fff;
  }
  .b3s7v5nk small {
    font-size: 9px;
    letter-spacing: 2px;
  }
  .b3s7v5nk strong {
    display: block;
    font-size: clamp(23px, 2vw, 29px);
    line-height: 1.5;
    letter-spacing: 1px;
    margin-top: 5px;
  }
  .b3s7v5nk > span {
    font-size: 6px;
    letter-spacing: 1.5px;
    opacity: 0.85;
  }
  .h8w4r2pd[data-tone="star"] {
    background: #263265;
  }
  .h8w4r2pd[data-tone="summer"] {
    background: #9ab1a0;
  }
  .h8w4r2pd[data-tone="night"] {
    background: #1d3065;
  }
  .p6t2k8va {
    position: relative;
    padding: 18px 0 0;
  }
  .p6t2k8va > span {
    font-size: 9px;
    color: #64758c;
  }
  .p6t2k8va h3 {
    font-size: 17px;
    margin: 5px 0;
    padding-right: 28px;
  }
  .p6t2k8va p {
    font-size: 11px;
    color: #64758c;
  }
  .y9a5c3wk {
    display: grid;
    place-items: center;
    width: 29px;
    height: 29px;
    border: 1px solid #d3e1f3;
    border-radius: 50%;
    color: #1762ee;
    background: #fff;
    font-size: 18px;
    padding: 0;
    line-height: 1;
    flex-shrink: 0;
  }
  .y9a5c3wk[aria-pressed="true"] {
    background: #1762ee;
    color: #fff;
    border-color: #1762ee;
    font-size: 13px;
  }
  .p6t2k8va .y9a5c3wk {
    position: absolute;
    top: 22px;
    right: 0;
  }
  .q2m8a4vn {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin-bottom: 30px;
  }
  .s7y3c9kf {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 6px;
  }
  .s7y3c9kf button {
    padding: 8px 15px;
    font-size: 11px;
    border-radius: 5px;
    color: #64758c;
    border: 1px solid transparent;
  }
  .s7y3c9kf button:hover {
    background: #eaf2ff;
  }
  .s7y3c9kf button[aria-pressed="true"] {
    background: #1762ee;
    color: white;
    box-shadow: 0 4px 12px #1762ee1c;
  }
  .q2m8a4vn form {
    display: flex;
    align-items: center;
    width: 270px;
    background: #f6f8fc;
    border: 1px solid #e2eaf5;
    border-radius: 6px;
  }
  .q2m8a4vn input {
    width: 100%;
    border: 0;
    background: none;
    padding: 10px 13px;
    font-size: 11px;
    color: #15335a;
  }
  .q2m8a4vn form button {
    color: #64758c;
    font-size: 24px;
    padding: 0 12px;
  }
  .q2m8a4vn input::placeholder {
    color: #6c7c90;
  }
  .z6k2n8vf {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 23px;
  }
  .v3p7x9ma {
    display: grid;
    grid-template-columns: 112px 1fr;
    gap: 18px;
    padding: 15px;
    border: 1px solid #e2eaf5;
    border-radius: 10px;
    min-width: 0;
    background: #fff;
    transition:
      box-shadow 0.2s,
      border-color 0.2s;
  }
  .v3p7x9ma:hover {
    border-color: #b5cef5;
    box-shadow: 0 6px 20px #1762ee09;
  }
  .t7b3j9cx {
    min-height: 160px;
    border-radius: 6px;
  }
  .t7b3j9cx .r6d9x3mp {
    display: none;
  }
  .t7b3j9cx .b3s7v5nk {
    bottom: 13px;
    left: 9px;
    right: 5px;
  }
  .t7b3j9cx .b3s7v5nk small {
    font-size: 6px;
    letter-spacing: 0;
  }
  .t7b3j9cx .b3s7v5nk strong {
    font-size: 13px;
    letter-spacing: 0;
  }
  .t7b3j9cx .b3s7v5nk > span {
    display: none;
  }
  .v3p7x9ma > div:last-child {
    padding-block: 4px;
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: start;
  }
  .k9r5d3pw {
    color: #64758c;
    font-size: 9px;
  }
  .v3p7x9ma h3 {
    font-size: 16px;
    margin: 8px 0;
  }
  .v3p7x9ma p {
    color: #64758c;
    font-size: 10px;
    line-height: 1.9;
  }
  .g2m8q4vb {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin-top: auto;
    padding-top: 9px;
    align-items: center;
  }
  .g2m8q4vb .d6j2u8cy {
    font-size: 10px;
    gap: 7px;
    padding: 0;
  }
  .g2m8q4vb .y9a5c3wk {
    width: 25px;
    height: 25px;
    font-size: 16px;
  }
  #saved-filter[aria-pressed="true"] {
    color: #fff;
    background: #1762ee;
    padding-inline: 12px;
    border-radius: 6px;
  }
  #saved-count {
    display: inline-grid;
    place-items: center;
    width: 22px;
    height: 22px;
    border: 1px solid currentColor;
    border-radius: 50%;
    font-size: 10px;
  }
  .u4v8a2qn {
    padding: 28px;
    border-radius: 8px;
    border: 1px dashed #b5cef5;
    color: #526881;
    text-align: center;
  }
  .a9c5u3vh {
    position: relative;
    border-radius: 12px;
    background: linear-gradient(135deg, #dcecff, #e7f4ff);
    padding: 34px;
    overflow: hidden;
    min-height: 310px;
  }
  .a9c5u3vh h3 {
    font-size: 29px;
    line-height: 1.6;
    margin: 15px 0;
    letter-spacing: -1px;
  }
  .a9c5u3vh p {
    font-size: 12px;
    color: #526e92;
  }
  .a9c5u3vh > span:last-of-type {
    position: absolute;
    font-size: 130px;
    right: 3px;
    top: 60px;
    color: #9ec7ff60;
    line-height: 1;
  }
  .a9c5u3vh a {
    display: inline-block;
    color: #1762ee;
    font-size: 11px;
    margin-top: 27px;
  }
  .d7q3k9nb {
    list-style: none;
    margin: 0;
    padding: 0;
  }
  .d7q3k9nb li {
    display: flex;
    align-items: center;
    gap: 22px;
    padding: 13px 0;
    border-bottom: 1px solid #dfe8f3;
  }
  .d7q3k9nb li:first-child {
    padding-top: 0;
  }
  .d7q3k9nb img {
    width: 54px;
    height: 68px;
    border-radius: 5px;
  }
  .k8m2r6fv {
    color: #728aa6;
    font-size: 19px;
    font-style: italic;
    font-weight: 800;
    width: 27px;
  }
  .d7q3k9nb li:first-child .k8m2r6fv {
    color: #1762ee;
  }
  .d7q3k9nb h3 {
    font-size: 15px;
  }
  .d7q3k9nb p {
    color: #64758c;
    font-size: 10px;
    margin-top: 5px;
  }
  .d7q3k9nb .d6j2u8cy {
    margin-left: auto;
    font-size: 10px;
  }
  .r2j8a4vm > .w7d3a9fx {
    margin-top: 14px;
    font-size: 10px;
  }
  .p8d4j2nm {
    background: radial-gradient(circle at 50% 45%, #c1defe, #eaf4ff 70%);
    border-radius: 50%;
    min-height: 425px;
    position: relative;
    display: grid;
    place-items: center;
  }
  .j9q5b3kc {
    width: 236px;
    min-height: 410px;
    background: #fff;
    border: 7px solid #15335a;
    border-radius: 32px;
    box-shadow:
      9px 15px 0 #bad2ef70,
      0 20px 45px #15335a24;
    padding: 9px 14px 16px;
    transform: rotate(-4deg);
    position: relative;
    overflow: hidden;
  }
  .j9q5b3kc::after {
    content: "";
    position: absolute;
    top: 8px;
    left: 50%;
    width: 65px;
    height: 14px;
    border-radius: 20px;
    background: #15335a;
    transform: translateX(-50%);
  }
  .u2m8r4vx {
    display: flex;
    justify-content: space-between;
    font-size: 7px;
    font-weight: 700;
    margin: 0 2px 18px;
  }
  .h7x3k9pa strong {
    font-size: 18px;
    letter-spacing: -0.5px;
    display: flex;
    justify-content: space-between;
  }
  .h7x3k9pa strong span {
    color: #1762ee;
  }
  .h7x3k9pa p {
    font-size: 8px;
    color: #64758c;
    margin-top: 3px;
  }
  .k4v8c2rd {
    display: flex;
    justify-content: space-between;
    font-size: 9px;
    font-weight: 700;
    margin: 17px 0 10px;
  }
  .k4v8c2rd span:last-child {
    color: #64758c;
    font-size: 7px;
    font-weight: 400;
  }
  .q3r7n9wb {
    display: grid;
    gap: 9px;
  }
  .q3r7n9wb button {
    display: flex;
    align-items: center;
    gap: 9px;
    padding: 0;
    text-align: left;
  }
  .q3r7n9wb img {
    width: 47px;
    height: 64px;
    border-radius: 4px;
  }
  .q3r7n9wb b {
    display: block;
    font-size: 10px;
  }
  .q3r7n9wb small {
    font-size: 7px;
    color: #64758c;
  }
  .q3r7n9wb i {
    font-style: normal;
    font-size: 11px;
    margin-left: auto;
    color: #1762ee;
  }
  .j9q5b3kc[data-mode="poster"] .q3r7n9wb {
    grid-template-columns: 1fr 1fr;
  }
  .j9q5b3kc[data-mode="poster"] .q3r7n9wb button {
    display: block;
  }
  .j9q5b3kc[data-mode="poster"] .q3r7n9wb button:last-child {
    display: none;
  }
  .j9q5b3kc[data-mode="poster"] .q3r7n9wb img {
    width: 100%;
    height: 163px;
    margin-bottom: 6px;
  }
  .j9q5b3kc[data-mode="poster"] .q3r7n9wb i {
    display: none;
  }
  .w9k5d3qm {
    border-top: 1px solid #e3ebf5;
    display: flex;
    justify-content: space-around;
    padding-top: 10px;
    margin-top: 16px;
    font-size: 7px;
    color: #64758c;
  }
  .w9k5d3qm span:first-child {
    color: #1762ee;
  }
  .f7a3x9kp {
    position: absolute;
    right: -1px;
    bottom: 41px;
    font-size: 8px;
    line-height: 1.5;
    transform: rotate(8deg);
    color: #1762ee;
    background: #e8ffb4;
    border-radius: 8px;
    padding: 10px 13px;
    box-shadow: 0 4px 0 #bad69d60;
  }
  .f7a3x9kp b {
    font-size: 12px;
  }
  .v2n8m4cr > div {
    padding: 18px 0;
    border-bottom: 1px solid #e3ebf5;
  }
  .v2n8m4cr span {
    font-size: 9px;
    color: #1762ee;
  }
  .v2n8m4cr h3 {
    font-size: 14px;
    margin: 5px 0;
  }
  .v2n8m4cr p {
    color: #64758c;
    font-size: 10px;
    line-height: 1.9;
  }
  .h2k8c4na {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 58px;
    padding: 0;
    margin: 0;
    list-style: none;
  }
  .h2k8c4na li {
    position: relative;
    border-top: 1px solid #cdddf4;
    padding: 22px 0 0 56px;
  }
  .h2k8c4na li > span {
    position: absolute;
    left: 0;
    top: 17px;
    font-size: 25px;
    color: #6c9de9;
    font-weight: 300;
  }
  .h2k8c4na h3 {
    font-size: 17px;
  }
  .h2k8c4na p {
    color: #64758c;
    font-size: 11px;
    margin: 10px 0 14px;
    line-height: 1.9;
  }
  .h2k8c4na a {
    color: #1762ee;
    font-size: 10px;
  }
  .e8p4x2km {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 25px;
  }
  .e8p4x2km figure {
    border: 1px solid #e3ebf5;
    border-radius: 10px;
    padding: 21px 25px;
    background: linear-gradient(160deg, #f7faff, #fff);
  }
  .e8p4x2km figure > span {
    display: block;
    color: #93b9f4;
    font-size: 40px;
    font-family: Georgia, serif;
    height: 36px;
    line-height: 1.4;
  }
  .e8p4x2km blockquote {
    color: #526881;
    font-size: 12px;
    line-height: 2;
    margin: 7px 0 22px;
  }
  .e8p4x2km figcaption {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
  }
  .e8p4x2km figcaption i {
    display: grid;
    place-items: center;
    font-style: normal;
    width: 31px;
    height: 31px;
    background: #e5f0ff;
    color: #1762ee;
    border-radius: 50%;
    font-size: 11px;
  }
  .e8p4x2km figcaption small {
    display: block;
    font-size: 8px;
    color: #64758c;
    margin-top: 2px;
  }
  .e8p4x2km figcaption b {
    margin-left: auto;
    font-size: 8px;
    color: #64758c;
    padding: 2px 7px;
    border: 1px solid #d9e4f4;
    border-radius: 4px;
    font-weight: 400;
  }
  .n3d7k9px details {
    border-bottom: 1px solid #dce6f3;
  }
  .n3d7k9px summary {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    gap: 20px;
    font-size: 13px;
    font-weight: 600;
    padding: 18px 0;
    list-style: none;
  }
  .n3d7k9px summary::-webkit-details-marker {
    display: none;
  }
  .n3d7k9px summary span {
    color: #1762ee;
    font-size: 18px;
    font-weight: 400;
    line-height: 1.3;
    transition: transform 0.2s;
  }
  .n3d7k9px details[open] summary {
    color: #1762ee;
  }
  .n3d7k9px details[open] summary span {
    transform: rotate(45deg);
  }
  .n3d7k9px details p {
    font-size: 11px;
    line-height: 2;
    color: #526881;
    padding: 0 30px 18px 0;
  }
  .x4k8a2np {
    display: grid;
    grid-template-columns: 1.25fr 0.75fr;
    align-items: center;
    gap: 50px;
    padding: 43px 50px;
    border-radius: 17px;
    color: #fff;
    background:
      radial-gradient(circle at 60% 90%, #5081ff, transparent 50%),
      linear-gradient(115deg, #155bdf, #1944ac);
    position: relative;
    overflow: hidden;
  }
  .x4k8a2np::after {
    position: absolute;
    content: "\2726";
    left: 47%;
    top: 0;
    font-size: 230px;
    line-height: 1;
    color: #ffffff08;
    pointer-events: none;
  }
  .x4k8a2np .n4t8w2kf {
    color: #c6dcff;
    font-size: 9px;
  }
  .x4k8a2np h2 {
    font-size: 35px;
    line-height: 1.5;
  }
  .x4k8a2np > div > p:not(.n4t8w2kf) {
    color: #d5e5ff;
    font-size: 12px;
    margin: 13px 0 25px;
  }
  .x4k8a2np .x2g8n4wa {
    background: #fff;
    color: #1762ee;
    box-shadow: none;
    font-size: 12px;
    min-height: 45px;
    padding: 10px 18px;
    gap: 20px;
  }
  .x4k8a2np .g3y9k5rf {
    background: none;
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 10px;
  }
  .j8n4p2qa {
    border: 1px solid #ffffff35;
    border-radius: 12px;
    background: #ffffff10;
    padding: 24px;
    position: relative;
    z-index: 1;
    backdrop-filter: blur(10px);
  }
  .j8n4p2qa > span {
    display: grid;
    place-items: center;
    width: 35px;
    height: 35px;
    border-radius: 8px;
    font-size: 26px;
    background: #ffffff1c;
    margin-bottom: 16px;
  }
  .j8n4p2qa strong {
    font-size: 15px;
  }
  .j8n4p2qa p {
    color: #e1ecff;
    font-size: 10px;
    line-height: 1.9;
    margin: 11px 0 18px;
  }
  .j8n4p2qa a {
    font-size: 10px;
  }
  .a2v8r4kx {
    display: grid;
    grid-template-columns: 0.8fr 1.2fr;
    gap: 100px;
    padding-bottom: 43px;
    border-bottom: 1px solid #ffffff19;
  }
  .n7m3x9qb {
    display: block;
    color: #fff;
    font-weight: 750;
    font-size: 30px;
    letter-spacing: 2px;
    line-height: 1.4;
  }
  .n7m3x9qb span {
    display: block;
    font-size: 9px;
    letter-spacing: 3px;
    color: #a0b7d5;
    margin-top: 7px;
  }
  .a2v8r4kx > div:first-child p {
    color: #a0b7d5;
    font-size: 11px;
    margin-top: 19px;
  }
  .a2v8r4kx .n4t8w2kf {
    color: #81adef;
    margin-bottom: 7px;
    font-size: 8px;
  }
  .a2v8r4kx h2 {
    color: #f1f6ff;
    font-size: 17px;
    letter-spacing: 0;
    margin-bottom: 12px;
  }
  .a2v8r4kx > div:last-child > p:last-child {
    color: #a7bcd7;
    font-size: 11px;
    line-height: 2;
  }
  .f4q8b2vc {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1.4fr;
    gap: 30px;
    padding-block: 35px;
  }
  .f4q8b2vc h3 {
    color: #dceaff;
    font-size: 11px;
    font-weight: 600;
    margin-bottom: 14px;
  }
  .f4q8b2vc a {
    display: block;
    color: #a7bcd7;
    font-size: 10px;
    width: fit-content;
    margin-bottom: 9px;
  }
  .f4q8b2vc a:hover {
    color: #fff;
  }
  .y4n8k2pd {
    text-align: right;
    align-self: center;
  }
  .y4n8k2pd strong {
    display: block;
    color: #dceaff;
    font-size: 18px;
    margin-bottom: 5px;
  }
  .y4n8k2pd > span {
    color: #a7bcd7;
    font-size: 10px;
  }
  .y4n8k2pd a {
    margin-left: auto;
    margin-top: 17px;
  }
  .k7d3m9wa {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    border-top: 1px solid #ffffff19;
    padding: 18px 0;
    color: #a0b7d5;
    font-size: 9px;
  }
  .c4m8q2vb {
    width: min(880px, calc(100% - 40px));
    max-height: calc(100dvh - 40px);
    border: 0;
    border-radius: 14px;
    padding: 0;
    color: #15335a;
    background: #fff;
    box-shadow: 0 20px 100px #0c244430;
  }
  .c4m8q2vb::backdrop {
    background: #081b36aa;
    backdrop-filter: blur(6px);
  }
  .d3w7r9ka {
    padding: 12px 22px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #f3f7fd;
    color: #526881;
    font-size: 8px;
    letter-spacing: 2px;
  }
  .d3w7r9ka button {
    font-size: 26px;
    padding: 0 7px;
    line-height: 1.5;
  }
  .p2v8n4rx {
    display: grid;
    grid-template-columns: 0.65fr 1fr;
    gap: 30px;
    padding: 28px;
  }
  .f3k7b9mq {
    min-height: 380px;
  }
  .p2v8n4rx h2 {
    font-size: 29px;
    margin-bottom: 12px;
  }
  .p2v8n4rx > div > p:not(.n4t8w2kf):not(.w7d3a9fx) {
    font-size: 12px;
    color: #526881;
    line-height: 2;
  }
  .p2v8n4rx h3 {
    font-size: 13px;
    margin: 19px 0 9px;
  }
  .r8m4d2qv {
    border-left: 2px solid #1762ee;
    padding-left: 13px;
  }
  .p2v8n4rx .w7d3a9fx {
    margin: 20px 0 17px;
    font-size: 10px;
  }
  .p2v8n4rx .x2g8n4wa {
    min-height: 42px;
    font-size: 11px;
  }
  .j3r7v9kb {
    position: fixed;
    bottom: 25px;
    left: 50%;
    transform: translate(-50%, 25px);
    opacity: 0;
    padding: 11px 23px;
    color: #fff;
    background: #15335a;
    border-radius: 8px;
    box-shadow: 0 8px 30px #15335a30;
    max-width: calc(100% - 36px);
    font-size: 12px;
    z-index: 100;
    pointer-events: none;
    transition: 0.25s;
    text-align: center;
  }
  .j3r7v9kb[data-visible="true"] {
    opacity: 1;
    transform: translate(-50%, 0);
  }
}
@layer motion {
  .c2r6p8md:not([hidden]) {
    animation: q4v8r2nm 0.65s ease both;
  }
  @keyframes q4v8r2nm {
    from {
      opacity: 0.2;
      transform: scale(1.025);
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  [data-reveal="pending"] {
    opacity: 0;
    transform: translateY(23px);
    transition:
      opacity 0.65s,
      transform 0.65s;
  }
  [data-reveal="visible"] {
    opacity: 1;
    transform: translateY(0);
    transition:
      opacity 0.65s,
      transform 0.65s;
  }
  @media (prefers-reduced-motion: reduce) {
    *,
    *::before,
    *::after {
      animation-duration: 0.01ms !important;
      animation-iteration-count: 1 !important;
      transition-duration: 0.01ms !important;
      scroll-behavior: auto !important;
    }
    :root {
      scroll-behavior: auto;
    }
    [data-reveal] {
      opacity: 1 !important;
      transform: none !important;
    }
  }
}
@layer responsive {
  @media (min-width: 1500px) {
    .l3b9f5kn {
      padding-top: 55px;
      padding-bottom: 42px;
    }
    .t4h8q2vm {
      height: 550px;
    }
  }
  @media (max-width: 1200px) {
    .a8n4x6qb {
      width: calc(100% - 64px);
    }
    .f2c7p9wa {
      gap: 24px;
    }
    .j2a8r4mc {
      gap: 20px;
    }
    .l3b9f5kn {
      gap: 25px;
    }
    .u8j4t2cx h2 {
      font-size: 49px;
    }
    .t4h8q2vm {
      height: 490px;
    }
    .f8q4c2ny {
      grid-template-columns: 200px 1fr;
      gap: 30px;
    }
    .k2d8r4mx {
      gap: 18px;
    }
    .z6k2n8vf {
      grid-template-columns: repeat(2, 1fr);
    }
    .k6w2d8ry {
      grid-template-columns: 1fr 300px 0.65fr;
      gap: 22px;
    }
    .a4p8v2qx h2 {
      font-size: 25px;
    }
    .w4m8b2qr {
      gap: 55px;
    }
  }
  @media (max-width: 960px) {
    .z7k3n9ra {
      display: none;
    }
    .u8j4t2cx h2 {
      font-size: 42px;
    }
    .t4h8q2vm {
      height: 475px;
    }
    .v9c5n3jx {
      font-size: 14px;
    }
    .s5b9k3qm {
      gap: 16px;
    }
    .u8j4t2cx .x2g8n4wa {
      padding: 12px 16px;
      gap: 14px;
    }
    .u8j4t2cx .d6j2u8cy {
      font-size: 11px;
      gap: 9px;
    }
    .f8q4c2ny {
      display: block;
    }
    .y3v7b9kp {
      margin-bottom: 30px;
    }
    .y3v7b9kp h2 br {
      display: none;
    }
    .x9c5h3wa {
      gap: 17px;
    }
    .b3s7v5nk {
      left: 15px;
    }
    .b3s7v5nk strong {
      font-size: 21px;
    }
    .m3f7r9xd {
      gap: 30px;
    }
    .a9c5u3vh {
      padding: 25px;
    }
    .a9c5u3vh h3 {
      font-size: 25px;
    }
    .d7q3k9nb li {
      gap: 14px;
    }
    .k6w2d8ry {
      grid-template-columns: 1fr 1fr;
    }
    .p8d4j2nm {
      grid-row: span 2;
      grid-column: 2;
    }
    .v2n8m4cr {
      display: none;
    }
    .h2k8c4na {
      gap: 28px;
    }
    .e8p4x2km {
      gap: 16px;
    }
    .e8p4x2km figure {
      padding: 17px;
    }
    .x4k8a2np {
      padding: 35px;
      gap: 30px;
    }
    .x4k8a2np h2 {
      font-size: 30px;
    }
    .a2v8r4kx {
      gap: 55px;
    }
  }
  @media (max-width: 720px) {
    :root {
      scroll-padding-top: 0;
    }
    section[id],
    footer[id],
    details[id] {
      scroll-margin-top: 85px;
    }
    .a8n4x6qb {
      width: calc(100% - 40px);
    }
    .f2c7p9wa {
      height: 70px;
      gap: 12px;
    }
    .y6r2m8dv {
      font-size: 20px;
    }
    .y6r2m8dv small {
      font-size: 8px;
      margin-top: 6px;
    }
    .p9w3b7kd {
      width: 36px;
      height: 36px;
      border-radius: 10px;
    }
    .u3p7h9as {
      width: 38px;
      height: 38px;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: 6px;
      padding: 10px;
      background: #edf4ff;
      border-radius: 6px;
    }
    .u3p7h9as span {
      display: block;
      width: 18px;
      height: 2px;
      background: #1762ee;
      transition: 0.2s;
    }
    .u3p7h9as[aria-expanded="true"] span:first-child {
      transform: translateY(4px) rotate(45deg);
    }
    .u3p7h9as[aria-expanded="true"] span:last-child {
      transform: translateY(-4px) rotate(-45deg);
    }
    .j2a8r4mc {
      display: none;
      position: absolute;
      top: 70px;
      left: 0;
      right: 0;
      border-top: 1px solid #e3ebf5;
      border-bottom: 1px solid #cdddf4;
      padding: 14px 20px 20px;
      background: #fff;
      box-shadow: 0 12px 20px #15335a0c;
    }
    .j2a8r4mc[data-open="true"] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 0;
    }
    .j2a8r4mc a {
      padding: 12px 8px;
    }
    .j2a8r4mc a[aria-current]::after {
      display: none;
    }
    .l3b9f5kn {
      grid-template-columns: 1fr;
      padding-top: 15px;
      gap: 20px;
      padding-bottom: 25px;
    }
    .u8j4t2cx {
      padding: 20px 0 8px;
    }
    .u8j4t2cx .n4t8w2kf {
      font-size: 9px;
      letter-spacing: 1.2px;
    }
    .u8j4t2cx h2 {
      font-size: clamp(38px, 8.7vw, 52px);
      letter-spacing: -2px;
      margin: 20px 0 17px;
    }
    .u8j4t2cx .s5b9k3qm {
      margin-top: 24px;
      gap: 25px;
    }
    .u8j4t2cx .c5p9a3xe {
      font-size: 12px;
    }
    .k3x7m9pd {
      margin-top: 24px;
    }
    .u8j4t2cx .w7d3a9fx {
      margin-top: 14px;
    }
    .t4h8q2vm {
      transform: rotate(1deg);
      height: 390px;
      width: calc(100% - 10px);
      margin-inline: auto;
      border-width: 5px;
      border-radius: 13px 13px 55px 13px;
    }
    .c2r6p8md {
      border-radius: 8px 8px 50px 8px;
    }
    .c2r6p8md h3 {
      font-size: 36px;
    }
    .c2r6p8md figcaption {
      bottom: 63px;
      left: 22px;
    }
    .a3w9n5kr {
      top: 19px;
      left: 22px;
    }
    .r3q7v9hx {
      right: -12px;
      top: 55px;
      padding: 14px;
      font-size: 10px;
    }
    .p4v8b2sa {
      left: 22px;
      right: 25px;
      bottom: 16px;
    }
    .s9r5u3ma {
      padding-block: 13px;
    }
    .s9r5u3ma span:first-child {
      font-size: 9px;
    }
    .s9r5u3ma span:last-child {
      font-size: 0;
      letter-spacing: 0;
    }
    .s9r5u3ma b {
      font-size: 16px;
    }
    .b7a3p9wm > div {
      gap: 23px;
      padding-block: 17px;
      width: 100%;
      padding-inline: 20px;
    }
    .f8q4c2ny,
    .f6m2v8cn,
    .q9b5n3kf,
    .b4r8j2vm,
    .f6q2n8av {
      padding-block: 46px;
    }
    .h3w7d9ka,
    .k6w2d8ry {
      padding-block: 50px;
    }
    .n4t8w2kf {
      font-size: 8px;
      letter-spacing: 1.4px;
      margin-bottom: 10px;
    }
    h2 {
      font-size: 26px;
      letter-spacing: -0.8px;
    }
    .c5p9a3xe {
      font-size: 11px;
    }
    .q7v3m9az {
      align-items: start;
      gap: 15px;
      margin-bottom: 26px;
    }
    .q7v3m9az > .d6j2u8cy {
      font-size: 10px;
      gap: 6px;
      flex-shrink: 0;
      margin-top: 25px;
    }
    .q7v3m9az > .s7y3c9kf {
      flex-shrink: 0;
      flex-wrap: nowrap;
      margin-top: 22px;
      gap: 0;
    }
    .q7v3m9az > .s7y3c9kf button {
      font-size: 10px;
      padding: 5px 9px;
    }
    .k2d8r4mx {
      grid-template-columns: 1fr 1fr;
      gap: 24px;
    }
    .k2d8r4mx article > span {
      margin-bottom: 12px;
    }
    .k2d8r4mx p {
      font-size: 11px;
    }
    .x9c5h3wa {
      grid-template-columns: 1fr 1fr;
      gap: 28px 17px;
    }
    .h8w4r2pd {
      aspect-ratio: 0.74;
      border-radius: 8px;
    }
    .r6d9x3mp {
      font-size: 6px;
      left: 10px;
      top: 10px;
      padding: 2px 5px;
    }
    .b3s7v5nk {
      left: 12px;
      bottom: 17px;
    }
    .b3s7v5nk strong {
      font-size: clamp(18px, 4.3vw, 27px);
      letter-spacing: 0;
    }
    .b3s7v5nk small {
      font-size: 7px;
      letter-spacing: 1px;
    }
    .b3s7v5nk > span {
      font-size: 5px;
      letter-spacing: 0.5px;
    }
    .p6t2k8va {
      padding-top: 13px;
    }
    .p6t2k8va h3 {
      font-size: 15px;
    }
    .p6t2k8va p {
      font-size: 10px;
    }
    .p6t2k8va .y9a5c3wk {
      width: 25px;
      height: 25px;
      top: 17px;
    }
    .q2m8a4vn {
      flex-direction: column;
      align-items: stretch;
      gap: 15px;
      margin-bottom: 21px;
    }
    .q2m8a4vn .s7y3c9kf {
      flex-wrap: nowrap;
      justify-content: space-between;
      gap: 4px;
    }
    .s7y3c9kf button {
      padding: 7px 10px;
      font-size: 10px;
    }
    .q2m8a4vn form {
      width: 100%;
    }
    .q2m8a4vn input {
      font-size: 12px;
      padding-block: 11px;
    }
    .z6k2n8vf {
      grid-template-columns: 1fr;
      gap: 13px;
    }
    .v3p7x9ma {
      grid-template-columns: 97px 1fr;
      gap: 18px;
      padding: 12px;
    }
    .t7b3j9cx {
      min-height: 140px;
    }
    .v3p7x9ma h3 {
      font-size: 17px;
    }
    .v3p7x9ma p {
      font-size: 11px;
    }
    .g2m8q4vb .d6j2u8cy {
      font-size: 11px;
    }
    .g2m8q4vb .y9a5c3wk {
      width: 29px;
      height: 29px;
    }
    .m3f7r9xd {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .a9c5u3vh {
      padding: 25px;
      min-height: 0;
    }
    .a9c5u3vh h3 {
      font-size: 25px;
      margin: 10px 0;
    }
    .a9c5u3vh h3 br {
      display: none;
    }
    .a9c5u3vh > span:last-of-type {
      right: 18px;
      top: 30px;
    }
    .a9c5u3vh a {
      margin-top: 18px;
    }
    .d7q3k9nb li {
      gap: 15px;
    }
    .d7q3k9nb .d6j2u8cy {
      gap: 8px;
    }
    .k6w2d8ry {
      grid-template-columns: 1fr;
      gap: 35px;
    }
    .p8d4j2nm {
      grid-column: auto;
      grid-row: auto;
      width: min(330px, 100%);
      margin-inline: auto;
    }
    .a4p8v2qx h2 {
      font-size: 28px;
    }
    .a4p8v2qx > p:not(.n4t8w2kf):not(.w7d3a9fx) {
      margin: 16px 0 22px;
      font-size: 12px;
    }
    .a4p8v2qx .w7d3a9fx {
      margin-top: 15px;
      font-size: 10px;
    }
    .h2k8c4na {
      grid-template-columns: 1fr;
      gap: 25px;
    }
    .h2k8c4na li {
      padding-top: 19px;
      padding-left: 55px;
    }
    .h2k8c4na li > span {
      top: 15px;
    }
    .h2k8c4na p {
      margin: 7px 0 10px;
    }
    .e8p4x2km {
      grid-template-columns: 1fr;
      gap: 17px;
    }
    .e8p4x2km figure {
      padding: 18px 23px;
    }
    .e8p4x2km blockquote {
      font-size: 12px;
      margin-bottom: 18px;
    }
    .w4m8b2qr {
      grid-template-columns: 1fr;
      gap: 24px;
    }
    .w4m8b2qr h2 {
      font-size: 27px;
    }
    .w4m8b2qr .d6j2u8cy {
      margin-top: 12px;
    }
    .n3d7k9px summary {
      font-size: 12px;
    }
    .n3d7k9px details p {
      font-size: 11px;
      padding-right: 15px;
    }
    .c9r5v3bw {
      padding-block: 40px;
    }
    .x4k8a2np {
      grid-template-columns: 1fr;
      padding: 30px 25px;
      gap: 30px;
    }
    .x4k8a2np h2 {
      font-size: 30px;
    }
    .x4k8a2np .s5b9k3qm {
      gap: 22px;
    }
    .j8n4p2qa {
      padding: 20px;
    }
    .j8n4p2qa > span {
      float: right;
      margin-bottom: 0;
    }
    .j8n4p2qa p {
      margin-bottom: 11px;
    }
    .p3k7d9ma {
      padding-top: 40px;
    }
    .a2v8r4kx {
      grid-template-columns: 1fr;
      gap: 30px;
      padding-bottom: 28px;
    }
    .n7m3x9qb {
      font-size: 28px;
    }
    .a2v8r4kx > div:first-child p {
      margin-top: 12px;
    }
    .a2v8r4kx > div:last-child > p:last-child {
      font-size: 11px;
    }
    .f4q8b2vc {
      grid-template-columns: 1fr 1fr;
      gap: 25px;
      padding-block: 28px;
    }
    .y4n8k2pd {
      text-align: left;
    }
    .y4n8k2pd strong {
      font-size: 15px;
    }
    .y4n8k2pd a {
      margin-left: 0;
    }
    .k7d3m9wa {
      flex-direction: column;
      gap: 5px;
      font-size: 8px;
    }
    .c4m8q2vb {
      width: calc(100% - 26px);
      max-height: calc(100dvh - 26px);
    }
    .p2v8n4rx {
      grid-template-columns: 1fr;
      gap: 23px;
      padding: 20px;
    }
    .f3k7b9mq {
      min-height: 200px;
    }
    .f3k7b9mq img {
      object-position: center 35%;
    }
    .p2v8n4rx h2 {
      font-size: 26px;
    }
    .d3w7r9ka {
      padding-inline: 18px;
      font-size: 7px;
    }
  }
  @media (max-width: 370px) {
    .a8n4x6qb {
      width: calc(100% - 32px);
    }
    .q7v3m9az {
      gap: 10px;
    }
    .q7v3m9az h2 {
      font-size: 23px;
    }
    #saved-filter {
      gap: 7px;
    }
    .k3x7m9pd {
      gap: 5px;
    }
    .k3x7m9pd button {
      padding-inline: 8px;
    }
    .u8j4t2cx .s5b9k3qm {
      gap: 17px;
    }
    .t4h8q2vm {
      height: 365px;
    }
    .x4k8a2np {
      padding-inline: 20px;
    }
  }
}