#q-43f00f7f {
        position: relative;
        z-index: 1000;

        .navbar {
          background: linear-gradient(180deg, var(--background-tertiary) 0%, var(--background-primary) 55%, var(--neutral-150) 100%) !important;
          border-bottom: 1px solid var(--border-light);
          box-shadow: 0 12px 40px rgba(var(--bs-dark-rgb), 0.06);
          padding-block: 0.85rem;
          padding-inline: 0;
        }

        .container {
          position: relative;
        }

        .navbar-brand {
          position: relative;
          white-space: normal;
          display: inline-flex;
          align-items: center;
          gap: 0.65rem;
          color: var(--text-primary) !important;
          font-size: 1.6rem;
          font-weight: 800;
          letter-spacing: -0.04em;
          padding-block: 0.35rem;
          padding-inline: 0.65rem 0.85rem;
          border-radius: 14px;
          border: 1px solid transparent;
          transition: border-color 0.25s ease, color 0.25s ease, box-shadow 0.25s ease;
        }

        .navbar-brand:hover {
          color: var(--primary-dark) !important;
          border-color: var(--border-medium);
          box-shadow: 0 8px 24px rgba(var(--bs-primary-rgb), 0.12), inset 0 0 0 1px var(--primary-bg);
        }

        .navbar-brand img {
          width: 42px;
          height: 42px;
          object-fit: contain;
          border-radius: 10px;
          border: 1px solid var(--border-light);
          background: var(--white);
          transition: transform 0.3s ease, box-shadow 0.3s ease;
        }

        .navbar-brand:hover img {
          transform: translateY(-1px);
          box-shadow: 0 6px 18px rgba(var(--bs-accent-rgb), 0.2);
        }

        .u-a314edd4 {
          width: 100%;
        }

        .u-be6fd60b {
          gap: 0.25rem;
          padding: 0;
          margin: 0;
        }

        .u-1acf14b0 {
          position: relative;
        }

        .nav-link {
          color: var(--text-secondary) !important;
          font-size: 0.9rem;
          font-weight: 600;
          padding-block: 0.55rem;
          padding-inline: 1rem;
          border-radius: 999px;
          transition: color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
          display: inline-flex;
          align-items: center;
          gap: 0.45rem;
          border: 1px solid transparent;
        }

        .nav-link i {
          font-size: 1rem;
          color: var(--primary);
          transition: color 0.2s ease, transform 0.2s ease;
        }

        .nav-link:hover {
          color: var(--text-primary) !important;
          background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
          border-color: var(--primary-light);
          box-shadow: 0 6px 20px rgba(var(--bs-primary-rgb), 0.18);
          transform: translateY(-1px);
        }

        .nav-link:hover i {
          color: var(--accent-dark);
          transform: scale(1.08);
        }

        @keyframes menushine_k7nq2xm9pw4rt {
          0%,
          100% {
            background-position: 0% 50%;
          }
          50% {
            background-position: 100% 50%;
          }
        }

        .u-49be9b1e {
          display: flex;
          align-items: center;
          padding: 0.35rem;
          border-radius: 999px;
          border: 1px solid var(--border-light);
          box-shadow: inset 0 1px 0 var(--neutral-50), 0 10px 30px rgba(var(--bs-dark-rgb), 0.05);
          background-color: var(--white);
          background-image: linear-gradient(135deg, var(--white) 0%, var(--background-primary) 45%, var(--white) 100%);
          background-size: 200% 200%;
          animation: menushine_k7nq2xm9pw4rt 14s ease-in-out infinite;
        }

        .navbar-toggler {
          border: 1px solid var(--border-medium);
          border-radius: 12px;
          padding: 0.45rem 0.6rem;
          background: var(--white);
          color: var(--primary) !important;
          box-shadow: 0 4px 14px rgba(var(--bs-dark-rgb), 0.06);
          transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease, color 0.2s ease;
        }

        .navbar-toggler:focus {
          box-shadow: 0 0 0 0.2rem rgba(var(--bs-primary-rgb), 0.22);
        }

        .navbar-toggler:hover {
          border-color: var(--primary);
          background: linear-gradient(135deg, var(--primary-bg), var(--accent-bg));
          color: var(--accent-dark) !important;
        }

        .navbar-toggler-icon {
          width: 1.35rem;
          height: 1.35rem;
          background-image: none;
          display: inline-flex;
          align-items: center;
          justify-content: center;
        }

        .navbar-toggler-icon svg {
          width: 100%;
          height: 100%;
        }

        @media (min-width: 992px) {
          .u-a314edd4 {
            display: flex;
            justify-content: flex-end;
          }

          .u-49be9b1e {
            width: fit-content;
            max-width: 100%;
          }

          .u-be6fd60b {
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: flex-end;
          }

          .navbar-collapse {
            flex-grow: 0;
          }
        }

        @media (max-width: 991.98px) {
          .navbar {
            padding-block: 0.65rem;
          }

          .navbar-brand {
            font-size: 1.35rem;
            padding-inline: 0.5rem 0.65rem;
          }

          .navbar-brand img {
            width: 38px;
            height: 38px;
          }

          .navbar-collapse {
            margin-top: 0.85rem;
          }

          .u-49be9b1e {
            border-radius: 18px;
            padding: 0.65rem;
            flex-direction: column;
            align-items: stretch;
            animation: none;
            background-image: none;
            background: linear-gradient(160deg, var(--white) 0%, var(--background-primary) 100%);
            border: 1px solid var(--primary-bg);
            box-shadow: 0 16px 40px rgba(var(--bs-primary-rgb), 0.12);
          }

          .u-be6fd60b {
            flex-direction: column;
            align-items: stretch;
            gap: 0.4rem;
          }

          .u-be6fd60b .u-1acf14b0 {
            width: 100%;
          }

          .nav-link {
            display: flex;
            border-radius: 14px;
            padding-block: 0.85rem;
            padding-inline: 1rem;
            justify-content: flex-start;
            width: 100%;
            border: 1px solid var(--border-light);
            background: var(--white);
          }

          .nav-link:hover {
            transform: none;
            border-color: var(--accent-light);
            background: linear-gradient(90deg, var(--accent-bg), var(--white));
          }
        }
      }

#q-e7cef86b {
position: relative;
overflow: hidden;
padding-block: clamp(3.25rem, 6.5vw, 6rem);
padding-inline: 0;
background: linear-gradient(160deg, var(--danger-dark) 0%, var(--neutral-1050) 42%, var(--accent-dark) 100%);
}

#q-e7cef86b::before {
content: '';
position: absolute;
inset-block-start: -18%;
inset-inline-end: -12%;
inline-size: min(62vw, 34rem);
aspect-ratio: 1;
border-radius: 50%;
background: radial-gradient(circle, var(--warning-color) 0%, transparent 70%);
opacity: 0.55;
pointer-events: none;
animation: glowdrift_q9x2m7k4p1wn8v 8s ease-in-out infinite;
}

#q-e7cef86b::after {
content: '';
position: absolute;
inset-block-end: -22%;
inset-inline-start: -14%;
inline-size: min(70vw, 38rem);
aspect-ratio: 1;
border-radius: 50%;
background: radial-gradient(circle, var(--secondary) 0%, transparent 72%);
opacity: 0.4;
pointer-events: none;
animation: glowdrift_q9x2m7k4p1wn8v 10s ease-in-out infinite reverse;
}

#q-e7cef86b .container {
position: relative;
z-index: 1;
}

#q-e7cef86b .u-e4d9c81d {
display: grid;
grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr);
gap: clamp(1.25rem, 3vw, 2.5rem);
align-items: stretch;
}

#q-e7cef86b .u-a7c31bb0 {
position: relative;
display: flex;
flex-direction: column;
justify-content: space-between;
gap: clamp(1.5rem, 3vw, 2.5rem);
padding: clamp(1.6rem, 3.2vw, 2.6rem);
border-radius: 1.75rem;
background:
  linear-gradient(145deg, var(--warning-color) 0%, var(--primary) 46%, var(--danger-color) 100%);
overflow: hidden;
isolation: isolate;
}

#q-e7cef86b .u-a7c31bb0::before {
content: '';
position: absolute;
inset-block-start: 12%;
inset-inline-end: -18%;
inline-size: 14rem;
block-size: 14rem;
border-radius: 1.25rem;
background: color-mix(in srgb, var(--text-light) 18%, transparent);
transform: rotate(28deg);
z-index: -1;
animation: tiltspin_h3n8v2q6x4m9kp 12s linear infinite;
}

#q-e7cef86b .u-a7c31bb0::after {
content: '';
position: absolute;
inset-block-end: -10%;
inset-inline-start: -8%;
inline-size: 11rem;
block-size: 11rem;
border-radius: 50%;
border: 0.45rem solid color-mix(in srgb, var(--text-light) 35%, transparent);
z-index: -1;
}

#q-e7cef86b .u-580d1ec2 {
display: flex;
flex-direction: column;
gap: 1.1rem;
align-items: start;
}

#q-e7cef86b .u-67d751ef {
display: inline-flex;
align-items: center;
gap: 0.55rem;
max-inline-size: 100%;
padding-block: 0.45rem;
padding-inline: 0.9rem;
border-radius: 999px;
background: var(--neutral-1050);
color: var(--warning-bg);
font-size: 0.78rem;
font-weight: 800;
letter-spacing: 0.12em;
text-transform: uppercase;
white-space: normal;
}

#q-e7cef86b .u-67d751ef::before {
content: '';
inline-size: 0.55rem;
block-size: 0.55rem;
border-radius: 50%;
background: var(--accent-bg);
box-shadow: 0 0 0 0.28rem color-mix(in srgb, var(--accent-bg) 35%, transparent);
animation: markpulse_b7k2x9m4q1wn8p 1.4s ease-in-out infinite;
}

#q-e7cef86b .u-d07e635e {
margin: 0;
color: var(--text-light);
font-size: clamp(2.2rem, 4.8vw, 3.6rem);
font-weight: 900;
line-height: 0.98;
letter-spacing: -0.035em;
text-transform: uppercase;
text-shadow: 0.12rem 0.12rem 0 color-mix(in srgb, var(--neutral-1050) 45%, transparent);
}

#q-e7cef86b .u-d07e635e span {
color: var(--neutral-1050);
background: linear-gradient(180deg, transparent 58%, var(--accent-bg) 58%);
}

#q-e7cef86b .u-d0d10617 {
margin: 0;
max-inline-size: 28rem;
color: var(--text-light);
font-size: 1.05rem;
line-height: 1.55;
font-weight: 600;
}

#q-e7cef86b .u-0853a257 {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 0.75rem;
inline-size: 100%;
}

#q-e7cef86b .u-e97cd337 {
display: flex;
flex-direction: column;
gap: 0.2rem;
padding-block: 0.95rem;
padding-inline: 1rem;
border-radius: 1rem;
background: color-mix(in srgb, var(--neutral-1050) 72%, transparent);
backdrop-filter: blur(0.35rem);
}

#q-e7cef86b .u-e97cd337:nth-child(2) {
background: color-mix(in srgb, var(--text-light) 88%, transparent);
}

#q-e7cef86b .u-e97cd337:nth-child(2) .u-442ef48b,
#q-e7cef86b .u-e97cd337:nth-child(2) .u-39891ae8 {
color: var(--neutral-1050);
}

#q-e7cef86b .u-442ef48b {
color: var(--warning-bg);
font-size: clamp(1.7rem, 3vw, 2.25rem);
font-weight: 900;
line-height: 1;
letter-spacing: -0.03em;
}

#q-e7cef86b .u-39891ae8 {
color: var(--text-light);
font-size: 0.75rem;
font-weight: 700;
letter-spacing: 0.06em;
text-transform: uppercase;
line-height: 1.3;
}

#q-e7cef86b .u-eb030e3e {
position: relative;
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 1.25rem;
padding: clamp(1.4rem, 3vw, 2.2rem);
border-radius: 1.75rem;
background: var(--background-tertiary);
box-shadow:
  0 1.5rem 3rem color-mix(in srgb, var(--neutral-1050) 35%, transparent),
  0 0 0 0.2rem color-mix(in srgb, var(--warning-color) 55%, transparent);
overflow: hidden;
}

#q-e7cef86b .u-eb030e3e::before {
content: '';
position: absolute;
inset-block-start: 0;
inset-inline: 0;
block-size: 0.45rem;
background: linear-gradient(90deg, var(--warning-color), var(--danger-color), var(--accent), var(--secondary));
}

#q-e7cef86b .u-24e0a500 {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.85rem;
}

#q-e7cef86b .u-b9e46024 {
margin: 0;
color: var(--text-primary);
font-size: clamp(1.25rem, 2.4vw, 1.6rem);
font-weight: 900;
line-height: 1.15;
letter-spacing: -0.02em;
}

#q-e7cef86b .u-ae9b64fb {
margin: 0;
color: var(--text-secondary);
font-size: 0.98rem;
line-height: 1.5;
}

#q-e7cef86b .u-b45a14e5 {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 0.4rem;
}

#q-e7cef86b .u-2e1ceebf {
display: block;
block-size: 0.55rem;
border-radius: 999px;
background: var(--neutral-150);
transition: background 0.25s ease, transform 0.25s ease;
}

#q-e7cef86b .u-3b1c5b0a {
background: var(--warning-color);
transform: scaleY(1.35);
}

#q-e7cef86b .u-eb030e3e:has(.u-8a59f984 input:checked) .u-3b1c5b0a {
background: var(--secondary);
transform: none;
}

#q-e7cef86b .u-eb030e3e:has(.u-8a59f984 input:checked):not(:has(.u-b16f4ab1 input:checked)) .u-c7fbe53e {
background: var(--warning-color);
transform: scaleY(1.35);
}

#q-e7cef86b .u-eb030e3e:has(.u-b16f4ab1 input:checked) .u-c7fbe53e {
background: var(--secondary);
transform: none;
}

#q-e7cef86b .u-eb030e3e:has(.u-b16f4ab1 input:checked):not(:has(.u-48ad152f input:checked)) .u-c565500d {
background: var(--warning-color);
transform: scaleY(1.35);
}

#q-e7cef86b .u-eb030e3e:has(.u-48ad152f input:checked) .u-c565500d {
background: var(--secondary);
transform: none;
}

#q-e7cef86b .u-eb030e3e:has(.u-48ad152f input:checked):not(:has(.u-bff761a6 input:checked)) .u-89125e1d {
background: var(--warning-color);
transform: scaleY(1.35);
}

#q-e7cef86b .u-eb030e3e:has(.u-bff761a6 input:checked) .u-89125e1d {
background: var(--secondary);
transform: none;
}

#q-e7cef86b .u-eb030e3e:has(.u-bff761a6 input:checked):not(:has(.u-ace364a9 input:checked)) .u-78f6e603 {
background: var(--warning-color);
transform: scaleY(1.35);
}

#q-e7cef86b .u-eb030e3e:has(.u-ace364a9 input:checked) .u-78f6e603 {
background: var(--secondary);
transform: none;
}

#q-e7cef86b .u-5a196a29 {
position: relative;
display: flex;
flex-direction: column;
min-block-size: 22rem;
}

#q-e7cef86b .u-1c297e37,
#q-e7cef86b .u-dc7caf47 {
display: none;
}

#q-e7cef86b .u-8a59f984 {
display: block;
animation: stepreveal_m4k9p2x7qnw8ht 0.4s ease both;
}

#q-e7cef86b .u-5a196a29:has(.u-8a59f984 input:checked) .u-8a59f984 {
display: none;
}

#q-e7cef86b .u-5a196a29:has(.u-8a59f984 input:checked):not(:has(.u-b16f4ab1 input:checked)) .u-b16f4ab1 {
display: block;
animation: stepreveal_m4k9p2x7qnw8ht 0.4s ease both;
}

#q-e7cef86b .u-5a196a29:has(.u-b16f4ab1 input:checked):not(:has(.u-48ad152f input:checked)) .u-48ad152f {
display: block;
animation: stepreveal_m4k9p2x7qnw8ht 0.4s ease both;
}

#q-e7cef86b .u-5a196a29:has(.u-48ad152f input:checked):not(:has(.u-bff761a6 input:checked)) .u-bff761a6 {
display: block;
animation: stepreveal_m4k9p2x7qnw8ht 0.4s ease both;
}

#q-e7cef86b .u-5a196a29:has(.u-bff761a6 input:checked):not(:has(.u-ace364a9 input:checked)) .u-ace364a9 {
display: block;
animation: stepreveal_m4k9p2x7qnw8ht 0.4s ease both;
}

#q-e7cef86b .u-5a196a29:has(.u-ace364a9 input:checked) .u-dc7caf47 {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.9rem;
justify-items: start;
align-content: center;
min-block-size: 18rem;
padding: clamp(1.5rem, 3vw, 2.2rem);
border-radius: 1.35rem;
background: linear-gradient(135deg, var(--accent) 0%, var(--secondary) 52%, var(--primary) 100%);
animation: stepreveal_m4k9p2x7qnw8ht 0.45s ease both;
}

#q-e7cef86b .u-c8f098b4 {
margin: 0 0 1.25rem;
color: var(--text-primary);
font-size: clamp(1.4rem, 2.8vw, 1.95rem);
font-weight: 900;
line-height: 1.18;
letter-spacing: -0.025em;
}

#q-e7cef86b .u-fb81e588 {
display: grid;
grid-template-columns: minmax(0, 1fr);
gap: 0.7rem;
}

#q-e7cef86b .u-144deb16 {
position: relative;
margin: 0;
}

#q-e7cef86b .u-144deb16 input {
position: absolute;
opacity: 0;
inset-block-start: 0;
inset-inline-start: 0;
inline-size: 1px;
block-size: 1px;
pointer-events: none;
}

#q-e7cef86b .u-144deb16 label {
position: relative;
display: flex;
align-items: center;
gap: 0.9rem;
min-block-size: 3.9rem;
padding-block: 0.95rem;
padding-inline: 1.1rem 1.2rem;
border-radius: 1rem;
border: 0.14rem solid var(--neutral-150);
background: linear-gradient(180deg, var(--background-primary) 0%, var(--background-tertiary) 100%);
color: var(--text-primary);
font-size: 1.02rem;
font-weight: 700;
line-height: 1.35;
white-space: normal;
cursor: pointer;
overflow: hidden;
transition: border-color 0.2s ease, background 0.2s ease, color 0.2s ease, transform 0.2s ease, box-shadow 0.2s ease;
}

#q-e7cef86b .u-144deb16 label::before {
content: '';
flex: 0 0 0.9rem;
inline-size: 0.9rem;
block-size: 0.9rem;
border-radius: 50%;
border: 0.16rem solid var(--neutral-450);
background: var(--background-tertiary);
transition: border-color 0.2s ease, background 0.2s ease, box-shadow 0.2s ease;
}

#q-e7cef86b .u-144deb16 label::after {
content: '';
position: absolute;
inset-block: 0;
inset-inline-start: 0;
inline-size: 0.35rem;
background: linear-gradient(180deg, var(--warning-color), var(--danger-color));
opacity: 0;
transition: opacity 0.2s ease;
}

#q-e7cef86b .u-0ceefed5 {
position: relative;
z-index: 1;
flex: 1 1 auto;
}

#q-e7cef86b .u-144deb16 label:hover {
transform: translateY(-0.12rem);
border-color: var(--warning-color);
box-shadow: 0 0.75rem 1.4rem color-mix(in srgb, var(--warning-color) 22%, transparent);
background: color-mix(in srgb, var(--warning-bg) 28%, var(--background-tertiary));
}

#q-e7cef86b .u-144deb16 label:hover::before {
border-color: var(--warning-dark);
}

#q-e7cef86b .u-144deb16 label:hover::after {
opacity: 1;
}

#q-e7cef86b .u-144deb16 input:checked + label {
border-color: transparent;
background: linear-gradient(115deg, var(--danger-color) 0%, var(--warning-color) 55%, var(--primary-bg) 100%);
color: var(--text-light);
box-shadow: 0 0.9rem 1.6rem color-mix(in srgb, var(--danger-color) 28%, transparent);
transform: translateY(-0.08rem);
}

#q-e7cef86b .u-144deb16 input:checked + label::before {
border-color: var(--text-light);
background: var(--text-light);
box-shadow: inset 0 0 0 0.22rem var(--danger-color);
}

#q-e7cef86b .u-144deb16 input:checked + label::after {
opacity: 1;
background: var(--text-light);
}

#q-e7cef86b .u-144deb16 input:focus-visible + label {
outline: 0.2rem solid var(--accent);
outline-offset: 0.18rem;
}

#q-e7cef86b .u-1d8c4f2c {
display: inline-flex;
align-items: center;
justify-content: center;
inline-size: 3.6rem;
block-size: 3.6rem;
border-radius: 1rem;
background: var(--background-tertiary);
box-shadow: 0 0.55rem 0 color-mix(in srgb, var(--neutral-1050) 25%, transparent);
animation: markpulse_b7k2x9m4q1wn8p 1.8s ease-in-out infinite;
}

#q-e7cef86b .u-1d8c4f2c::before {
content: '';
inline-size: 0.75rem;
block-size: 1.3rem;
border-inline-end: 0.28rem solid var(--secondary-dark);
border-block-end: 0.28rem solid var(--secondary-dark);
transform: rotate(45deg) translateY(-0.1rem);
}

#q-e7cef86b .u-61e341dc {
margin: 0;
color: var(--text-light);
font-size: clamp(1.6rem, 3vw, 2.2rem);
font-weight: 900;
line-height: 1.08;
letter-spacing: -0.02em;
text-transform: uppercase;
}

#q-e7cef86b .u-34d98334 {
margin: 0;
max-inline-size: 34rem;
color: var(--text-light);
font-size: 1.05rem;
line-height: 1.55;
font-weight: 600;
}

@keyframes glowdrift_q9x2m7k4p1wn8v {
0%,
100% {
  transform: translateY(0) scale(1);
  opacity: 0.4;
}
50% {
  transform: translateY(-1.2rem) scale(1.08);
  opacity: 0.65;
}
}

@keyframes tiltspin_h3n8v2q6x4m9kp {
0% {
  transform: rotate(28deg) translateY(0);
}
50% {
  transform: rotate(38deg) translateY(0.8rem);
}
100% {
  transform: rotate(28deg) translateY(0);
}
}

@keyframes stepreveal_m4k9p2x7qnw8ht {
0% {
  opacity: 0;
  transform: translateY(0.9rem) scale(0.98);
}
100% {
  opacity: 1;
  transform: translateY(0) scale(1);
}
}

@keyframes markpulse_b7k2x9m4q1wn8p {
0%,
100% {
  transform: scale(1);
}
50% {
  transform: scale(1.08);
}
}

@media (max-width: 991.98px) {
#q-e7cef86b .u-e4d9c81d {
  grid-template-columns: minmax(0, 1fr);
}

#q-e7cef86b .u-a7c31bb0 {
  min-block-size: auto;
}
}

@media (max-width: 575.98px) {
#q-e7cef86b .u-144deb16 label {
  font-size: 0.95rem;
  padding-inline: 0.95rem;
}

#q-e7cef86b .u-5a196a29 {
  min-block-size: 18rem;
}

#q-e7cef86b .u-5a196a29:has(.u-ace364a9 input:checked) .u-dc7caf47 {
  min-block-size: 14rem;
}
}

#q-678057ee {
      padding-block: 5.5rem;
      padding-inline: 0;
      position: relative;
      overflow: hidden;
      background: linear-gradient(145deg, var(--background-tertiary) 0%, var(--info-bg) 38%, var(--warning-bg) 72%, var(--secondary-bg) 100%);
    }
    #q-678057ee::before {
      content: '';
      position: absolute;
      inset-block-start: -8rem;
      inset-inline-end: -6rem;
      width: 22rem;
      height: 22rem;
      border-radius: 50%;
      background: radial-gradient(circle, var(--accent-bg) 0%, var(--background-tertiary) 72%);
      pointer-events: none;
    }
    #q-678057ee::after {
      content: '';
      position: absolute;
      inset-block-end: -10rem;
      inset-inline-start: -5rem;
      width: 20rem;
      height: 20rem;
      border-radius: 50%;
      background: radial-gradient(circle, var(--primary-bg) 0%, var(--background-tertiary) 70%);
      pointer-events: none;
    }
    #q-678057ee .u-383067d1 {
      text-align: center;
      margin-block-end: 3.5rem;
      position: relative;
      z-index: 1;
      max-width: 42rem;
      margin-inline: auto;
    }
    #q-678057ee .u-dbd12fc4 {
      color: var(--text-primary);
      font-size: clamp(2rem, 4vw, 3rem);
      font-weight: 700;
      margin-block: 0 1rem;
      margin-inline: 0;
      letter-spacing: -0.03em;
      line-height: 1.15;
    }
    #q-678057ee .u-cab32c6a {
      color: var(--text-secondary);
      font-size: 1.15rem;
      margin-block: 0;
      margin-inline: auto;
      line-height: 1.65;
    }
    #q-678057ee .u-e42cf083 {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 1.5rem;
      position: relative;
      z-index: 1;
      align-items: stretch;
    }
    #q-678057ee .u-ac316cb9 {
      display: flex;
      flex-direction: column;
      gap: 1.25rem;
      min-height: 100%;
      padding-block: 1.75rem;
      padding-inline: 1.5rem;
      border-radius: 2rem;
      border: 2px solid var(--border-light);
      background: var(--background-tertiary);
      box-shadow: 0 1rem 0 var(--neutral-150);
      transition: transform 0.35s ease, box-shadow 0.35s ease, border-color 0.35s ease;
      opacity: 0;
      animation: softreveal_k7m2xq9p4n8w 0.65s ease forwards;
    }
    #q-678057ee .u-ac316cb9:nth-child(1) {
      animation-delay: 0.08s;
    }
    #q-678057ee .u-ac316cb9:nth-child(2) {
      animation-delay: 0.16s;
    }
    #q-678057ee .u-ac316cb9:nth-child(3) {
      animation-delay: 0.24s;
    }
    @keyframes softreveal_k7m2xq9p4n8w {
      from {
        opacity: 0;
        transform: translateY(1.5rem);
      }
      to {
        opacity: 1;
        transform: translateY(0);
      }
    }
    #q-678057ee .u-ac316cb9:hover {
      transform: translateY(-0.35rem);
      box-shadow: 0 1.25rem 0 var(--neutral-250);
    }
    #q-678057ee .u-1d6ecf60 {
      border-color: var(--primary-light);
      background: linear-gradient(180deg, var(--primary-bg) 0%, var(--background-tertiary) 42%);
    }
    #q-678057ee .u-1d6ecf60:hover {
      border-color: var(--primary);
      box-shadow: 0 1.25rem 0 var(--primary-light);
    }
    #q-678057ee .u-f42f6b22 {
      border-color: var(--accent);
      background: linear-gradient(180deg, var(--accent-bg) 0%, var(--background-tertiary) 48%);
      box-shadow: 0 1.15rem 0 var(--accent-light);
    }
    #q-678057ee .u-f42f6b22:hover {
      border-color: var(--accent-dark);
      box-shadow: 0 1.35rem 0 var(--accent);
    }
    #q-678057ee .u-c95e12b7 {
      border-color: var(--secondary-light);
      background: linear-gradient(180deg, var(--secondary-bg) 0%, var(--background-tertiary) 42%);
    }
    #q-678057ee .u-c95e12b7:hover {
      border-color: var(--secondary);
      box-shadow: 0 1.25rem 0 var(--secondary-light);
    }
    #q-678057ee .u-5d275d83 {
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      text-align: center;
    }
    #q-678057ee .u-0568882c {
      color: var(--text-primary);
      font-size: 1.5rem;
      font-weight: 700;
      margin-block: 0;
      margin-inline: 0;
      letter-spacing: -0.02em;
    }
    #q-678057ee .u-f42f6b22 .u-0568882c {
      color: var(--accent-dark);
    }
    #q-678057ee .u-977d58c2 {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 0.25rem;
      padding-block: 1.25rem;
      padding-inline: 1rem;
      border-radius: 1.25rem;
      background: var(--neutral-50);
      border: 1px solid var(--border-light);
    }
    #q-678057ee .u-1d6ecf60 .u-977d58c2 {
      background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--primary-bg) 100%);
      border-color: var(--primary-light);
    }
    #q-678057ee .u-f42f6b22 .u-977d58c2 {
      background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--accent-light) 100%);
      border-color: var(--accent-light);
    }
    #q-678057ee .u-c95e12b7 .u-977d58c2 {
      background: linear-gradient(135deg, var(--background-tertiary) 0%, var(--secondary-bg) 100%);
      border-color: var(--secondary-light);
    }
    #q-678057ee .u-6bdc71b3 {
      font-size: clamp(2.25rem, 5vw, 3.25rem);
      font-weight: 700;
      line-height: 1;
      letter-spacing: -0.04em;
      color: var(--primary);
      margin-block: 0;
      margin-inline: 0;
    }
    #q-678057ee .u-1d6ecf60 .u-6bdc71b3 {
      color: var(--primary-dark);
    }
    #q-678057ee .u-f42f6b22 .u-6bdc71b3 {
      color: var(--accent-dark);
    }
    #q-678057ee .u-c95e12b7 .u-6bdc71b3 {
      color: var(--secondary-dark);
    }
    #q-678057ee .u-35d9e924 {
      color: var(--text-tertiary);
      font-size: 0.95rem;
      font-weight: 600;
      margin-block: 0;
      margin-inline: 0;
    }
    #q-678057ee .u-f42f6b22 .u-35d9e924 {
      color: var(--accent-dark);
    }
    #q-678057ee .u-c1b5a5d4 {
      list-style: none;
      padding-block: 0;
      padding-inline: 0;
      margin-block: 0;
      margin-inline: 0;
      display: flex;
      flex-direction: column;
      gap: 0.75rem;
      flex-grow: 1;
    }
    #q-678057ee .u-ff7d7245 {
      display: flex;
      align-items: flex-start;
      gap: 0.75rem;
      padding-block: 0.75rem;
      padding-inline: 0.85rem;
      border-radius: 1rem;
      background: var(--neutral-50);
      border: 1px solid var(--border-light);
      color: var(--text-secondary);
      font-size: 0.98rem;
      line-height: 1.5;
    }
    #q-678057ee .u-1d6ecf60 .u-ff7d7245 {
      background: var(--background-tertiary);
      border-color: var(--primary-light);
    }
    #q-678057ee .u-f42f6b22 .u-ff7d7245 {
      background: var(--background-tertiary);
      border-color: var(--accent-light);
      color: var(--text-primary);
    }
    #q-678057ee .u-c95e12b7 .u-ff7d7245 {
      background: var(--background-tertiary);
      border-color: var(--secondary-light);
    }
    #q-678057ee .u-1a6292fe {
      flex-shrink: 0;
      font-size: 1.1rem;
      line-height: 1.4;
      color: var(--success-color);
    }
    #q-678057ee .u-1d6ecf60 .u-1a6292fe {
      color: var(--primary);
    }
    #q-678057ee .u-f42f6b22 .u-1a6292fe {
      color: var(--accent);
    }
    #q-678057ee .u-c95e12b7 .u-1a6292fe {
      color: var(--secondary);
    }
    #q-678057ee .u-c02d9972 {
      flex: 1 1 0;
      min-width: 0;
    }
    #q-678057ee .u-39f9620d {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      margin-block-start: auto;
      padding-block: 0.9rem;
      padding-inline: 1.5rem;
      border-radius: 999px;
      border: none;
      font-weight: 600;
      font-size: 1rem;
      text-decoration: none;
      text-align: center;
      transition: transform 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
      color: var(--text-light);
      background: linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);
      box-shadow: 0 0.35rem 0 var(--primary-light);
    }
    #q-678057ee .u-39f9620d:hover {
      transform: translateY(-0.15rem);
      color: var(--text-light);
      background: linear-gradient(135deg, var(--primary-dark) 0%, var(--primary) 100%);
      box-shadow: 0 0.5rem 0 var(--primary);
    }
    #q-678057ee .u-f42f6b22 .u-39f9620d {
      background: linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);
      box-shadow: 0 0.35rem 0 var(--accent-light);
    }
    #q-678057ee .u-f42f6b22 .u-39f9620d:hover {
      background: linear-gradient(135deg, var(--accent-dark) 0%, var(--accent) 100%);
      box-shadow: 0 0.5rem 0 var(--accent);
    }
    #q-678057ee .u-c95e12b7 .u-39f9620d {
      background: linear-gradient(135deg, var(--secondary) 0%, var(--secondary-dark) 100%);
      box-shadow: 0 0.35rem 0 var(--secondary-light);
    }
    #q-678057ee .u-c95e12b7 .u-39f9620d:hover {
      background: linear-gradient(135deg, var(--secondary-dark) 0%, var(--secondary) 100%);
      box-shadow: 0 0.5rem 0 var(--secondary);
    }
    @media (max-width: 991.98px) {
      #q-678057ee .u-e42cf083 {
        grid-template-columns: minmax(0, 1fr);
        gap: 1.25rem;
      }
      #q-678057ee .u-ac316cb9 {
        min-height: auto;
      }
    }

#q-77adfd6f {
        position: relative;
        overflow: hidden;
        padding-block: clamp(3.5rem, 6vw, 5.5rem);
        padding-inline: 0;
        background-color: var(--background-primary);
        background-image: repeating-linear-gradient(
          -36deg,
          color-mix(in srgb, var(--neutral-150) 55%, var(--background-primary)),
          color-mix(in srgb, var(--neutral-150) 55%, var(--background-primary)) 1px,
          var(--background-primary) 1px,
          var(--background-primary) 22px
        );
      }

      #q-77adfd6f::before {
        content: '';
        position: absolute;
        inset-block-start: -35%;
        inset-inline-end: -20%;
        width: min(52rem, 90vw);
        height: min(52rem, 90vw);
        border-radius: 50%;
        background: radial-gradient(circle at 30% 35%, color-mix(in srgb, var(--accent-light) 35%, var(--background-primary)), color-mix(in srgb, var(--primary-light) 22%, var(--background-primary)) 45%, var(--background-primary) 72%);
        pointer-events: none;
        z-index: 0;
      }

      #q-77adfd6f::after {
        content: '';
        position: absolute;
        inset-block-end: -40%;
        inset-inline-start: -25%;
        width: min(48rem, 85vw);
        height: min(48rem, 85vw);
        border-radius: 50%;
        background: radial-gradient(circle at 65% 60%, color-mix(in srgb, var(--secondary-light) 28%, var(--background-primary)), var(--background-primary) 68%);
        pointer-events: none;
        z-index: 0;
      }

      #q-77adfd6f .u-355d9ee5 {
        position: relative;
        z-index: 1;
      }

      #q-77adfd6f .u-32bae6fd {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: clamp(1.25rem, 3vw, 2rem);
        align-items: stretch;
      }

      #q-77adfd6f .u-db66a7d7 {
        display: inline-flex;
        align-items: center;
        gap: 0.5rem;
        padding-block: 0.35rem;
        padding-inline: 0.85rem;
        border-radius: 999px;
        font-size: 0.78rem;
        font-weight: 600;
        letter-spacing: 0.04em;
        text-transform: uppercase;
        color: var(--primary-dark);
        background: color-mix(in srgb, var(--primary-bg) 55%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--primary) 28%, var(--neutral-150));
        white-space: normal;
        max-width: 100%;
        margin-block-end: 1.25rem;
      }

      #q-77adfd6f .u-0890ee3d {
        width: 0.5rem;
        height: 0.5rem;
        border-radius: 50%;
        background: linear-gradient(145deg, var(--accent), var(--primary));
        flex-shrink: 0;
      }

      #q-77adfd6f .u-3e1f6c3c {
        background: var(--background-tertiary);
        border-radius: 1.5rem;
        padding-block: clamp(1.75rem, 4vw, 2.75rem);
        padding-inline: clamp(1.25rem, 4vw, 2.5rem);
        border: 1px solid color-mix(in srgb, var(--neutral-250) 70%, var(--background-tertiary));
        box-shadow: 0 1.5rem 3.5rem color-mix(in srgb, var(--neutral-1050) 14%, var(--background-primary));
        position: relative;
        overflow: hidden;
      }

      #q-77adfd6f .u-3e1f6c3c::before {
        content: '';
        position: absolute;
        inset-block-start: 0;
        inset-inline-start: 0;
        inline-size: 100%;
        block-size: 5px;
        background: linear-gradient(90deg, var(--accent-dark), var(--primary), var(--secondary-dark), var(--accent));
        background-size: 240% 100%;
        animation: ribbonflow_q7w4n9k2m8xp 7s linear infinite;
      }

      @keyframes ribbonflow_q7w4n9k2m8xp {
        0% {
          background-position: 0% 0%;
        }
        100% {
          background-position: 100% 0%;
        }
      }

      #q-77adfd6f .u-8f79e8b1 {
        font-size: clamp(1.85rem, 3.6vw, 2.85rem);
        font-weight: 800;
        line-height: 1.12;
        letter-spacing: -0.02em;
        margin: 0;
        margin-block-end: 1rem;
        max-width: 22ch;
        background: linear-gradient(118deg, var(--text-primary) 0%, var(--text-primary) 42%, var(--primary-dark) 55%, var(--accent-dark) 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
      }

      #q-77adfd6f .u-5da7f658 {
        margin: 0;
        margin-block-end: 1.75rem;
        font-size: 1.05rem;
        line-height: 1.65;
        color: var(--text-secondary);
        max-width: 42ch;
      }

      #q-77adfd6f .u-ee6655b5 {
        margin: 0;
        padding: 0;
        list-style: none;
        display: grid;
        gap: 0.85rem;
      }

      #q-77adfd6f .u-bbc5572d {
        display: grid;
        grid-template-columns: 2.25rem minmax(0, 1fr);
        gap: 0.85rem;
        align-items: start;
        padding-block: 0.85rem;
        padding-inline: 1rem;
        border-radius: 1rem;
        background: color-mix(in srgb, var(--neutral-50) 80%, var(--background-tertiary));
        border: 1px solid color-mix(in srgb, var(--neutral-150) 85%, var(--background-tertiary));
      }

      #q-77adfd6f .u-575e878b {
        display: grid;
        place-items: center;
        width: 2.25rem;
        height: 2.25rem;
        border-radius: 0.75rem;
        font-weight: 700;
        font-size: 0.95rem;
        color: var(--text-light);
        background: linear-gradient(160deg, var(--primary), var(--accent-dark));
        line-height: 1;
      }

      #q-77adfd6f .u-d5fd421e {
        margin: 0;
        font-size: 0.98rem;
        line-height: 1.55;
        color: var(--text-tertiary);
      }

      #q-77adfd6f .u-2af21fd9 {
        position: relative;
        border-radius: 1.5rem;
        padding-block: clamp(1.75rem, 4vw, 2.75rem);
        padding-inline: clamp(1.25rem, 4vw, 2.5rem);
        background: linear-gradient(155deg, var(--neutral-1050) 0%, color-mix(in srgb, var(--primary-dark) 55%, var(--neutral-1050)) 52%, var(--neutral-950) 100%);
        color: var(--text-light);
        border: 1px solid color-mix(in srgb, var(--bs-white-10) 65%, var(--neutral-850));
        box-shadow: 0 1.75rem 4rem color-mix(in srgb, var(--neutral-1050) 35%, var(--background-primary));
        overflow: hidden;
        isolation: isolate;
      }

      #q-77adfd6f .u-2af21fd9::before {
        content: '';
        position: absolute;
        inset: 0;
        background: radial-gradient(circle at 0% 0%, color-mix(in srgb, var(--accent-light) 22%, var(--neutral-1050)), transparent 55%);
        opacity: 0.9;
        z-index: -1;
      }

      #q-77adfd6f .u-2af21fd9::after {
        content: '';
        position: absolute;
        inset-block: 12%;
        inset-inline-end: -35%;
        width: 18rem;
        height: 18rem;
        border-radius: 50%;
        border: 1px solid var(--bs-white-10);
        z-index: -1;
      }

      #q-77adfd6f .u-1a19ae95 {
        margin: 0;
        margin-block-end: 0.5rem;
        font-size: 0.82rem;
        font-weight: 600;
        letter-spacing: 0.08em;
        text-transform: uppercase;
        color: color-mix(in srgb, var(--text-light) 72%, var(--accent-light));
      }

      #q-77adfd6f .u-f82d496a {
        margin: 0;
        margin-block-end: 0.85rem;
        font-size: clamp(1.35rem, 2.4vw, 1.85rem);
        font-weight: 700;
        line-height: 1.2;
      }

      #q-77adfd6f .u-10882f12 {
        margin: 0;
        margin-block-end: 1.5rem;
        font-size: 1rem;
        line-height: 1.6;
        color: color-mix(in srgb, var(--text-light) 82%, var(--neutral-150));
        max-width: 38ch;
      }

      #q-77adfd6f .u-028e284d {
        display: grid;
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
        gap: 1rem;
        margin-block-end: 1.75rem;
      }

      #q-77adfd6f .u-100f4854 {
        padding-block: 1rem;
        padding-inline: 1rem;
        border-radius: 1rem;
        background: color-mix(in srgb, var(--bs-white-10) 55%, var(--neutral-1050));
        border: 1px solid color-mix(in srgb, var(--bs-white-10) 70%, var(--neutral-850));
      }

      #q-77adfd6f .u-b639625b {
        margin: 0;
        margin-block-end: 0.25rem;
        font-size: 1.85rem;
        font-weight: 800;
        letter-spacing: -0.02em;
        line-height: 1;
        background: linear-gradient(120deg, var(--secondary-light), var(--accent-light));
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
        -webkit-text-fill-color: transparent;
      }

      #q-77adfd6f .u-05c2d489 {
        margin: 0;
        font-size: 0.82rem;
        line-height: 1.35;
        color: color-mix(in srgb, var(--text-light) 70%, var(--neutral-250));
      }

      #q-77adfd6f .u-814eb175 {
        display: grid;
        gap: 0.75rem;
        margin-block-end: 1rem;
      }

      #q-77adfd6f .u-50e224fb {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 0.55rem;
        padding-block: 0.95rem;
        padding-inline: 1.25rem;
        border-radius: 999px;
        font-weight: 600;
        font-size: 1rem;
        text-decoration: none;
        border: 2px solid transparent;
        transition: transform 0.22s ease, box-shadow 0.22s ease, background-color 0.22s ease, border-color 0.22s ease, color 0.22s ease;
      }

      #q-77adfd6f .u-3c3135ad {
        background: linear-gradient(120deg, var(--secondary), var(--secondary-light));
        color: var(--text-primary);
        box-shadow: 0 0.85rem 1.75rem color-mix(in srgb, var(--secondary-dark) 35%, var(--background-primary));
        animation: ctapulse_r4t9hq2m7k1n 4.5s ease-in-out infinite;
      }

      #q-77adfd6f .u-3c3135ad::after {
        content: '→';
        font-size: 1.1em;
        line-height: 1;
        transition: transform 0.22s ease;
      }

      #q-77adfd6f .u-3c3135ad:hover {
        transform: translateY(-2px);
        box-shadow: 0 1.15rem 2.25rem color-mix(in srgb, var(--secondary-dark) 45%, var(--background-primary));
      }

      #q-77adfd6f .u-3c3135ad:hover::after {
        transform: translateX(4px);
      }

      #q-77adfd6f:dir(rtl) .u-3c3135ad:hover::after {
        transform: translateX(-4px);
      }

      #q-77adfd6f .u-d421efa0 {
        background: color-mix(in srgb, var(--bs-white-10) 35%, var(--neutral-1050));
        color: var(--text-light);
        border-color: color-mix(in srgb, var(--text-light) 35%, var(--neutral-850));
      }

      #q-77adfd6f .u-d421efa0::after {
        content: '↗';
        font-size: 1.05em;
        line-height: 1;
        transition: transform 0.22s ease;
      }

      #q-77adfd6f .u-d421efa0:hover {
        background: color-mix(in srgb, var(--bs-white-10) 55%, var(--neutral-950));
        border-color: color-mix(in srgb, var(--text-light) 55%, var(--neutral-850));
        transform: translateY(-2px);
      }

      #q-77adfd6f .u-d421efa0:hover::after {
        transform: translate(3px, -3px);
      }

      #q-77adfd6f:dir(rtl) .u-d421efa0:hover::after {
        transform: translate(-3px, -3px);
      }

      #q-77adfd6f .u-a5b85a68 {
        margin: 0;
        font-size: 0.88rem;
        line-height: 1.45;
        color: color-mix(in srgb, var(--text-light) 62%, var(--neutral-350));
      }

      @keyframes ctapulse_r4t9hq2m7k1n {
        0%,
        100% {
          box-shadow: 0 0.85rem 1.75rem color-mix(in srgb, var(--secondary-dark) 32%, var(--background-primary));
        }
        50% {
          box-shadow: 0 1rem 2.1rem color-mix(in srgb, var(--secondary) 38%, var(--background-primary));
        }
      }

      @media (max-width: 991.98px) {
        #q-77adfd6f .u-32bae6fd {
          grid-template-columns: minmax(0, 1fr);
        }

        #q-77adfd6f .u-8f79e8b1 {
          max-width: none;
        }

        #q-77adfd6f .u-5da7f658 {
          max-width: none;
        }

        #q-77adfd6f .u-2af21fd9::after {
          inset-inline-end: -45%;
        }
      }

      @media (max-width: 575.98px) {
        #q-77adfd6f .u-028e284d {
          grid-template-columns: minmax(0, 1fr);
        }
      }

#q-015890fa {
  --bonus-code-surface: var(--background-tertiary);
  --bonus-code-veil: color-mix(in srgb, var(--neutral-1050) 55%, transparent);
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--warning-bg) 55%, var(--primary-bg)) 0%, color-mix(in srgb, var(--primary) 70%, var(--danger-color)) 48%, color-mix(in srgb, var(--accent) 45%, var(--primary-dark)) 100%);
}
#q-015890fa::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    repeating-linear-gradient(
      -18deg,
      color-mix(in srgb, var(--white) 18%, transparent) 0,
      color-mix(in srgb, var(--white) 18%, transparent) 12px,
      transparent 12px,
      transparent 28px
    );
  opacity: 0.55;
  pointer-events: none;
  z-index: 0;
}
#q-015890fa::after {
  content: '';
  position: absolute;
  inset-block-start: -20%;
  inset-inline-end: -10%;
  width: min(48vw, 28rem);
  height: min(48vw, 28rem);
  border-radius: 50%;
  background: radial-gradient(circle, color-mix(in srgb, var(--accent-bg) 70%, transparent) 0%, transparent 70%);
  pointer-events: none;
  z-index: 0;
  animation: orbitglow_k9m2x7q4p1v8n3 7s ease-in-out infinite;
}
@keyframes orbitglow_k9m2x7q4p1v8n3 {
  0%,
  100% {
    transform: translateY(0) scale(1);
    opacity: 0.85;
  }
  50% {
    transform: translateY(8%) scale(1.08);
    opacity: 1;
  }
}
@keyframes strikein_h4n8w2c6r9t5m1 {
  0% {
    transform: scaleX(0);
    opacity: 0;
  }
  100% {
    transform: scaleX(1);
    opacity: 1;
  }
}
@keyframes unlockpop_b3f7j1s5d8k2q6 {
  0% {
    transform: scale(1);
  }
  35% {
    transform: scale(1.06);
  }
  100% {
    transform: scale(1);
  }
}
#q-015890fa .container {
  position: relative;
  z-index: 1;
}
#q-015890fa .u-272937d0 {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.75rem;
  max-width: 46rem;
  margin-inline: auto;
}
#q-015890fa .u-04622648 {
  text-align: center;
  color: var(--text-light);
}
#q-015890fa .u-c3db7f1d {
  display: inline-block;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  color: var(--neutral-1050);
  background: linear-gradient(90deg, var(--warning-bg), var(--primary-bg));
  border: 2px solid color-mix(in srgb, var(--white) 55%, transparent);
  padding-block: 0.45rem;
  padding-inline: 0.95rem;
  white-space: normal;
  transform: rotate(-2deg);
  box-shadow: 0 0.45rem 0 color-mix(in srgb, var(--neutral-1050) 35%, transparent);
}
#q-015890fa .u-a700eb9d {
  margin-block-start: 1.15rem;
  margin-block-end: 0.85rem;
  color: var(--text-light);
  font-weight: 900;
  letter-spacing: -0.03em;
  line-height: 1.05;
  text-shadow: 0 0.2rem 0 color-mix(in srgb, var(--neutral-1050) 40%, transparent);
}
#q-015890fa .u-fae9bdb2 {
  display: block;
  width: min(12rem, 55%);
  height: 0.35rem;
  margin-block: 0.85rem 1rem;
  margin-inline: auto;
  border-radius: 999px;
  background: linear-gradient(90deg, var(--secondary-bg), var(--accent-bg), var(--warning-bg));
  transform-origin: center;
  animation: strikein_h4n8w2c6r9t5m1 0.7s ease both;
}
#q-015890fa .u-1426a4ca {
  margin: 0;
  color: color-mix(in srgb, var(--text-light) 92%, var(--neutral-150));
  max-width: 34rem;
  margin-inline: auto;
  font-size: 1.05rem;
  line-height: 1.55;
}
#q-015890fa .u-6d5b27eb {
  position: relative;
  border-radius: 1.5rem;
  background:
    linear-gradient(160deg, var(--bonus-code-surface) 0%, color-mix(in srgb, var(--warning-bg) 18%, var(--white)) 100%);
  border: 3px solid color-mix(in srgb, var(--white) 70%, transparent);
  box-shadow:
    0 0 0 4px color-mix(in srgb, var(--neutral-1050) 28%, transparent),
    0 1.75rem 3.5rem color-mix(in srgb, var(--neutral-1050) 45%, transparent);
  overflow: hidden;
}
#q-015890fa .u-9a9690ef {
  position: absolute;
  inset-block-start: 0;
  inset-inline: 0;
  height: 0.55rem;
  background: linear-gradient(90deg, var(--danger-color), var(--warning-color), var(--primary), var(--secondary), var(--accent));
  z-index: 2;
}
#q-015890fa .u-b911f208 {
  padding-block: 2.4rem;
  padding-inline: 1.5rem;
  filter: blur(0);
  transition: filter 0.5s cubic-bezier(0.4, 0, 0.2, 1);
}
@media (min-width: 768px) {
  #q-015890fa .u-b911f208 {
    padding-block: 2.85rem;
    padding-inline: 2.5rem;
  }
}
#q-015890fa:not(.u-e1c1a202) .u-b911f208 {
  filter: blur(16px);
  user-select: none;
  pointer-events: none;
}
#q-015890fa .u-b328a776 {
  text-align: center;
}
#q-015890fa .u-f4dee0e6 {
  display: block;
  color: var(--primary-dark);
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.22em;
  font-weight: 800;
  margin-block-end: 0.85rem;
}
#q-015890fa .u-576acd46 {
  margin: 0;
  border: none;
  border-radius: 1.1rem;
  background:
    linear-gradient(145deg, var(--neutral-1050) 0%, var(--neutral-950) 55%, color-mix(in srgb, var(--primary-dark) 55%, var(--neutral-1050)) 100%);
  color: var(--text-light);
  font-weight: 800;
  padding-block: 1.35rem;
  padding-inline: 1.25rem;
  text-align: center;
  box-shadow:
    inset 0 0 0 2px color-mix(in srgb, var(--primary-bg) 65%, transparent),
    0 0.85rem 0 color-mix(in srgb, var(--neutral-1050) 55%, transparent);
  transition: transform 0.25s ease, box-shadow 0.25s ease, filter 0.25s ease;
}
#q-015890fa.u-e1c1a202 .u-576acd46:hover {
  transform: translateY(-3px);
  box-shadow:
    inset 0 0 0 2px var(--warning-bg),
    0 1.1rem 0 color-mix(in srgb, var(--neutral-1050) 55%, transparent);
  filter: brightness(1.08);
}
#q-015890fa.u-e1c1a202 .u-576acd46:active {
  transform: translateY(1px);
  box-shadow:
    inset 0 0 0 2px var(--primary-bg),
    0 0.45rem 0 color-mix(in srgb, var(--neutral-1050) 55%, transparent);
}
#q-015890fa .u-2afd2ac5 {
  display: block;
  font-size: clamp(1.45rem, 4.2vw, 2.15rem);
  letter-spacing: 0.08em;
  word-break: normal;
  overflow-wrap: anywhere;
  color: var(--warning-bg);
}
#q-015890fa .u-db5e1d90,
#q-015890fa .u-ae559b79 {
  display: block;
  font-size: 0.82rem;
  font-weight: 700;
  margin-block-start: 0.75rem;
  color: color-mix(in srgb, var(--text-light) 78%, var(--neutral-250));
}
#q-015890fa .u-ae559b79 {
  display: none;
  color: var(--secondary-bg);
}
#q-015890fa.u-82073489 .u-db5e1d90 {
  display: none;
}
#q-015890fa.u-82073489 .u-ae559b79 {
  display: block;
}
#q-015890fa .u-52ea3031 {
  cursor: pointer;
  appearance: none;
  background:
    linear-gradient(160deg, color-mix(in srgb, var(--neutral-1050) 72%, transparent) 0%, var(--bonus-code-veil) 100%);
  backdrop-filter: blur(7px);
  transition: opacity 0.45s ease, visibility 0.45s ease, transform 0.55s cubic-bezier(0.4, 0, 0.2, 1);
  z-index: 3;
  padding: 1.25rem;
}
#q-015890fa.u-e1c1a202 .u-52ea3031 {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateY(-12%) scale(0.96);
}
#q-015890fa .u-1b0f152a {
  width: 100%;
  max-width: 24rem;
  margin-inline: auto;
  border-radius: 1.15rem;
  background:
    linear-gradient(155deg, var(--white) 0%, color-mix(in srgb, var(--primary-bg) 28%, var(--white)) 100%);
  border: 3px solid color-mix(in srgb, var(--warning-color) 55%, var(--primary));
  box-shadow:
    0 0 0 3px color-mix(in srgb, var(--white) 35%, transparent),
    0 1.35rem 2.75rem color-mix(in srgb, var(--neutral-1050) 45%, transparent);
  overflow: hidden;
  text-align: center;
}
#q-015890fa .u-52ea3031:active .u-1b0f152a {
  animation: unlockpop_b3f7j1s5d8k2q6 0.4s ease;
}
#q-015890fa .u-b6e703ab {
  width: 4.25rem;
  height: 4.25rem;
  margin-block: 1.35rem 0.85rem;
  margin-inline: auto;
  border-radius: 1.1rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, var(--danger-color), var(--warning-color), var(--primary));
  color: var(--text-light);
  font-size: 1.85rem;
  box-shadow: 0 0.55rem 0 color-mix(in srgb, var(--danger-dark) 55%, transparent);
  transform: rotate(-6deg);
}
#q-015890fa .u-3985f5b1 {
  display: block;
  font-weight: 900;
  color: var(--text-primary);
  font-size: 1.15rem;
  line-height: 1.2;
  padding-inline: 1.25rem;
}
#q-015890fa .u-b609cd71 {
  display: block;
  color: var(--text-secondary);
  margin-block-start: 0.4rem;
  margin-block-end: 1.1rem;
  font-size: 0.9rem;
  line-height: 1.4;
  padding-inline: 1.35rem;
}
#q-015890fa .u-ea6dc3e0 {
  display: block;
  margin-inline: 1.25rem;
  margin-block-end: 1.35rem;
  padding-block: 0.75rem;
  padding-inline: 1rem;
  border-radius: 0.75rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--text-light);
  background: linear-gradient(90deg, var(--secondary), var(--accent));
  box-shadow: 0 0.4rem 0 color-mix(in srgb, var(--secondary-dark) 70%, transparent);
  white-space: normal;
}
#q-015890fa .u-8aa50248 {
  height: 2.75rem;
  margin: 0;
  border-block-start: 2px dashed color-mix(in srgb, var(--primary) 40%, transparent);
  background-image:
    repeating-linear-gradient(90deg, var(--neutral-250) 0, var(--neutral-250) 2px, transparent 2px, transparent 7px),
    linear-gradient(105deg, var(--neutral-50), color-mix(in srgb, var(--accent-bg) 35%, var(--neutral-150)));
  opacity: 0.95;
}

#q-5d57c466 {
          .u-d7890ea0 {
              padding-block: 5rem;
              background: var(--background-primary);
              overflow: hidden;
          }
    
          .u-1ff3dd45 {
              display: grid;
              grid-template-columns: 0.95fr 1.05fr;
              gap: 3rem;
              align-items: center;
          }
    
          .u-0c2432aa {
              position: relative;
    
              &::before {
                  content: '';
                  position: absolute;
                  inset: 1.2rem -1.2rem -1.2rem 1.2rem;
                  background: var(--primary-bg);
                  border-radius: 2rem;
                  z-index: 0;
              }
          }
    
          .u-47cbc1bd {
              position: relative;
              z-index: 1;
              width: 100%;
              aspect-ratio: 1 / 1;
              object-fit: cover;
              border-radius: 2rem;
              border: 1px solid var(--neutral-150);
              box-shadow: 0 1.5rem 3rem rgba(0, 0, 0, 0.12);
          }
    
          .u-2f25a687 {
              background: var(--background-tertiary);
              border: 1px solid var(--neutral-150);
              border-radius: 2rem;
              padding: 2.5rem;
          }
    
          .u-f6e77e16 {
              display: inline-flex;
              align-items: center;
              gap: 0.5rem;
              color: var(--primary-dark);
              background: var(--primary-bg);
              border-radius: 999px;
              padding: 0.55rem 1.2rem;
              font-weight: 700;
              margin-bottom: 1.2rem;
          }
    
          .u-ee6fbe43 {
              color: var(--text-primary);
              font-weight: 800;
              margin-bottom: 1rem;
          }
    
          .u-05acc530,
          .u-2cf9d196 {
              color: var(--text-secondary);
              line-height: 1.7;
          }
    
          .u-b8726544 {
              display: grid;
              grid-template-columns: repeat(2, 1fr);
              gap: 1rem;
              margin-block: 1.8rem;
          }
    
          .u-907d3329 {
              border-radius: 1.25rem;
              background: var(--background-primary);
              padding: 1.2rem;
              border: 1px solid var(--neutral-150);
    
              .u-d424d988 {
                  width: 2.6rem;
                  height: 2.6rem;
                  border-radius: 50%;
                  background: var(--primary);
                  color: var(--text-light);
                  display: flex;
                  align-items: center;
                  justify-content: center;
                  margin-bottom: 0.8rem;
              }
    
              h4 {
                  color: var(--text-primary);
                  font-size: 1rem;
                  font-weight: 700;
              }
    
              p {
                  color: var(--text-tertiary);
                  margin: 0;
                  font-size: 0.9rem;
                  line-height: 1.55;
              }
          }
    
          .u-610fca86 {
              display: inline-flex;
              align-items: center;
              gap: 0.7rem;
              margin-top: 1.2rem;
              padding: 0.9rem 1.8rem;
              border-radius: 999px;
              background: var(--primary);
              color: var(--text-light);
              text-decoration: none;
              font-weight: 700;
    
              &:hover {
                  background: var(--primary-dark);
              }
          }
    
          @media (max-width: 991.98px) {
              .u-1ff3dd45 {
                  grid-template-columns: 1fr;
              }
          }
    
          @media (max-width: 575.98px) {
              .u-2f25a687 {
                  padding: 1.5rem;
              }
    
              .u-b8726544 {
                  grid-template-columns: 1fr;
              }
          }
      }

#q-55763b37 {
      overflow: hidden;
      position: relative;
      z-index: 1;
      padding-block: 3.5rem 2rem;
      padding-inline: 0;
      background: linear-gradient(125deg, var(--warning-bg) 0%, var(--primary-bg) 38%, var(--accent-bg) 72%, var(--secondary-bg) 100%);
      box-shadow: 0 -6px 40px color-mix(in srgb, var(--neutral-1050) 18%, transparent);
    }

    #q-55763b37 .u-efa20497 {
      pointer-events: none;
      position: absolute;
      inset-block: 0;
      inset-inline: 0;
      z-index: 0;
    }

    #q-55763b37 .u-30f27412 {
      position: absolute;
      width: 22rem;
      height: 22rem;
      border-radius: 50%;
      inset-block-start: -7rem;
      inset-inline-end: -5rem;
      background: radial-gradient(circle, color-mix(in srgb, var(--danger-light) 55%, transparent) 0%, transparent 72%);
      animation: footerglow_k7m2xp9q4nw 9s infinite alternate ease-in-out;
    }

    #q-55763b37 .u-926f0209 {
      position: absolute;
      width: 18rem;
      height: 18rem;
      border-radius: 50%;
      inset-block-end: -6rem;
      inset-inline-start: -4rem;
      background: radial-gradient(circle, color-mix(in srgb, var(--info-light) 50%, transparent) 0%, transparent 70%);
      animation: footerglow_k7m2xp9q4nw 11s infinite alternate-reverse ease-in-out;
    }

    #q-55763b37 .u-75bc9cea {
      position: absolute;
      inset-block-start: 0;
      inset-inline: 0;
      height: 0.35rem;
      background: linear-gradient(90deg, var(--danger-color), var(--primary), var(--accent), var(--secondary), var(--info-color));
    }

    #q-55763b37 .container {
      position: relative;
      z-index: 2;
    }

    #q-55763b37 .u-e2711301 {
      background: var(--background-tertiary);
      border-radius: 1.5rem;
      padding-block: 2rem;
      padding-inline: 2rem;
      box-shadow: 0 1.25rem 3rem color-mix(in srgb, var(--neutral-1050) 14%, transparent);
      border: 2px solid color-mix(in srgb, var(--primary-light) 35%, transparent);
    }

    #q-55763b37 .u-b51ab1f3 {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 1rem;
      padding-block-end: 1.75rem;
      margin-block-end: 1.75rem;
      border-block-end: 3px solid color-mix(in srgb, var(--primary) 25%, transparent);
    }

    #q-55763b37 .u-6e18b194 {
      font-size: 0.8rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.12em;
      color: var(--text-tertiary);
    }

    #q-55763b37 .u-f5ab6c63 {
      font-size: 1.35rem;
      font-weight: 700;
      color: var(--primary-dark);
      background: linear-gradient(90deg, var(--primary-dark), var(--accent-dark));
      background-clip: text;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    #q-55763b37 .u-4c7a7eec {
      display: grid;
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr) minmax(0, 1fr);
      gap: 2rem;
      align-items: start;
    }

    #q-55763b37 .u-787066ba {
      font-size: 0.95rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--text-primary);
      margin-block-end: 1.25rem;
      padding-inline-start: 0.85rem;
      border-inline-start: 4px solid var(--primary);
    }

    #q-55763b37 .u-5114f3b1 {
      padding-block-start: 0;
    }

    #q-55763b37 .u-f7ab0334 {
      display: flex;
      flex-direction: column;
      gap: 0.85rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #q-55763b37 .u-1235c402 {
      display: flex;
      align-items: flex-start;
      gap: 0.9rem;
      padding-block: 0.85rem;
      padding-inline: 1rem;
      border-radius: 0.85rem;
      background: color-mix(in srgb, var(--neutral-50) 80%, var(--primary-bg));
      border: 1px solid color-mix(in srgb, var(--primary-light) 30%, transparent);
      transition: transform 0.25s ease, box-shadow 0.25s ease;
    }

    #q-55763b37 .u-1235c402:hover {
      transform: translateY(-3px);
      box-shadow: 0 0.5rem 1.25rem color-mix(in srgb, var(--primary) 18%, transparent);
    }

    #q-55763b37 .u-a60d8848 {
      flex-shrink: 0;
      width: 2.5rem;
      height: 2.5rem;
      border-radius: 0.65rem;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.15rem;
      color: var(--text-light);
    }

    #q-55763b37 .u-831e74e1 {
      background: linear-gradient(135deg, var(--accent), var(--accent-dark));
    }

    #q-55763b37 .u-efd9d38c {
      background: linear-gradient(135deg, var(--warning-color), var(--warning-dark));
    }

    #q-55763b37 .u-7c6c99e4 {
      background: linear-gradient(135deg, var(--secondary), var(--secondary-dark));
    }

    #q-55763b37 .u-77e2b443 {
      min-width: 0;
    }

    #q-55763b37 .u-b4d1bfbd {
      display: block;
      font-size: 0.75rem;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--text-tertiary);
      margin-block-end: 0.2rem;
    }

    #q-55763b37 .u-654c079f {
      display: block;
      font-size: 0.95rem;
      font-weight: 600;
      color: var(--text-primary);
      line-height: 1.4;
    }

    #q-55763b37 .u-69a9e8ba {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
      gap: 0.55rem;
      list-style: none;
      margin: 0;
      padding: 0;
    }

    #q-55763b37 .u-4109d41f {
      display: block;
      padding-block: 0.55rem;
      padding-inline: 0.85rem;
      border-radius: 2rem;
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--text-secondary);
      text-decoration: none;
      background: var(--neutral-50);
      border: 1px solid var(--border-light);
      transition: background 0.25s ease, color 0.25s ease, border-color 0.25s ease, transform 0.25s ease;
    }

    #q-55763b37 .u-4109d41f:hover {
      color: var(--text-light);
      background: linear-gradient(135deg, var(--primary), var(--accent));
      border-color: transparent;
      transform: translateY(-2px);
    }

    #q-55763b37 .u-b2a18243 {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }

    #q-55763b37 .u-52353c4f {
      display: flex;
      flex-wrap: wrap;
      gap: 0.65rem;
      justify-content: flex-start;
    }

    #q-55763b37 .u-ac512b77 {
      --share-bg: var(--primary);
      --share-hover-bg: var(--primary-dark);
      --share-color: var(--text-light);
      width: 3.1rem;
      height: 3.1rem;
      border-radius: 50%;
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-size: 1.35rem;
      color: var(--share-color);
      background: var(--share-bg);
      border: 3px solid color-mix(in srgb, var(--white) 40%, transparent);
      box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--neutral-1050) 20%, transparent);
      text-decoration: none;
      transition: transform 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
    }

    #q-55763b37 .u-ac512b77:hover {
      background: var(--share-hover-bg);
      color: var(--text-light);
      transform: translateY(-5px) scale(1.08);
      box-shadow: 0 0.65rem 1.5rem color-mix(in srgb, var(--neutral-1050) 28%, transparent);
    }

    #q-55763b37 .u-ac512b77.u-a47a6a03 {
      --share-bg: var(--info-color);
      --share-hover-bg: var(--info-dark);
    }

    #q-55763b37 .u-ac512b77.u-12aee205 {
      --share-bg: var(--secondary);
      --share-hover-bg: var(--secondary-dark);
    }

    #q-55763b37 .u-ac512b77.u-848e8a15 {
      --share-bg: var(--accent);
      --share-hover-bg: var(--accent-dark);
    }

    #q-55763b37 .u-ac512b77.u-2bb22800 {
      --share-bg: var(--neutral-1050);
      --share-hover-bg: var(--neutral-850);
    }

    #q-55763b37 .u-ac512b77.u-8889bbec {
      --share-bg: var(--info-dark);
      --share-hover-bg: var(--accent-dark);
    }

    #q-55763b37 .u-ac512b77.u-3aaa3cb8 {
      --share-bg: var(--neutral-650);
      --share-hover-bg: var(--neutral-850);
    }

    #q-55763b37 .u-c0234def {
      margin-block-start: 1.75rem;
      padding-block: 1rem;
      padding-inline: 1.5rem;
      text-align: center;
      font-size: 0.88rem;
      font-weight: 500;
      color: var(--text-primary);
      background: color-mix(in srgb, var(--white) 72%, transparent);
      border-radius: 2rem;
      border: 1px solid color-mix(in srgb, var(--white) 55%, transparent);
      backdrop-filter: blur(8px);
      letter-spacing: 0.04em;
    }

    @keyframes footerglow_k7m2xp9q4nw {
      0% {
        transform: scale(1) translate(0, 0);
      }
      50% {
        transform: scale(1.12) translate(-1.25rem, 0.75rem);
      }
      100% {
        transform: scale(1.05) translate(0.75rem, -0.5rem);
      }
    }

    @media (min-width: 992px) {
      #q-55763b37 .u-5114f3b1 {
        padding-block-start: 2.85rem;
      }
    }

    @media (max-width: 991.98px) {
      #q-55763b37 .u-4c7a7eec {
        grid-template-columns: minmax(0, 1fr);
        gap: 2rem;
      }

      #q-55763b37 .u-b2a18243 {
        align-items: center;
      }

      #q-55763b37 .u-52353c4f {
        justify-content: center;
      }

      #q-55763b37 .u-787066ba {
        text-align: center;
        padding-inline-start: 0;
        border-inline-start: none;
        border-block-end: 3px solid var(--primary);
        padding-block-end: 0.5rem;
      }
    }

    @media (max-width: 575.98px) {
      #q-55763b37 .u-e2711301 {
        padding-block: 1.5rem;
        padding-inline: 1.25rem;
      }

      #q-55763b37 .u-b51ab1f3 {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }

      #q-55763b37 .u-69a9e8ba {
        grid-template-columns: minmax(0, 1fr);
      }

      #q-55763b37 .u-1235c402 {
        flex-direction: column;
        align-items: center;
        text-align: center;
      }
    }