:root {
--ADDrLGvvXGDP: #FBFAF8;
--jYvOZJWOsdnN: #C8BEAD;
--hPBAgucgOgkG: #CEAF71;
--sPxtPTkSXBCG: #F4F1EB;
--FioCCsGaKrwV: #FFFFFF;
--LrjiLwwPCqjB: #161616;
--jsdLEoOxETLc: #9A815B;
--asBjAptdHtbI: #141414;
--dzPdLJOMyPiH: #1A1A1A;
--aThUtkZHaiwd: #2A2A2A;
--QeWBLtxxDapd: #FDFCFB;
--YYyUsIuYOwwn: linear-gradient(135deg, #1A1A1A 0%, #2A2A2A 55%, #4A3A24 100%);
--xWYhtRZalnlN: #FFFFFF;
--npiadbQwvUfr: #FBFAF8;
--qbOCLhttuzcY: #141414;
--VpwlFysgcNjL: #161616;
--maHdRCHoVszz: #FDFCFB;
--owIiJjiXURLJ: #141414;
--vaWNTEYyBkRf: #CEAF71;
--quLoZLhiJszT: #C8BEAD;
--YLoCnwniUzNZ: rgba(94, 74, 33, 0.06);
--HlNPRvlAoGph: #9A815B;

}

* {
box-sizing: border-box;
}

.rczASULoObRS a,
.AHVUyWmdgwLw a {
color: var(--QeWBLtxxDapd);
font-weight: 600;
text-decoration: none;
font-size: 16px;
}

a:hover {
text-decoration: underline;
}

body {
font-family: "Inter", sans-serif;
font-weight: 400;
font-size: 18px;
line-height: 1.6;
margin: 0;
padding: 0;
background-color: var(--ADDrLGvvXGDP);
color: var(--asBjAptdHtbI);
scroll-behavior: smooth;
}

p {
font-size: 18px;
line-height: 21px;
}

h1 {
font-size: 34px;
line-height: 41px;
color: var(--asBjAptdHtbI);
}

h2 {
font-size: 30px;
line-height: 36px;
}

h3 {
font-size: 24px;
line-height: 29px;
}

h4 {
font-size: 20px;
line-height: 24px;
}

img {
width: 100%;
}

figure {
margin: 0 0 24px;
}

.HibmCnPHkNQs {

}

.JfWiICDdhipu,
.TkbssgEFliAz,
.inside-iXQOoomhRkcA {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}

.JfWiICDdhipu {
padding: 2rem;

}

@keyframes pulse {
0% {
transform: scale(0.9);
}
50% {
transform: scale(1);
}
100% {
transform: scale(0.9);
}
}

@media (max-width: 1100px) {
.HibmCnPHkNQs {
padding-inline: 0px;
}
}

@media (max-width: 767px) {
h1 {
font-size: 32px;
line-height: 38px;
}

h2 {
font-size: 28px;
line-height: 34px;
}

h3 {
font-size: 22px;
line-height: 27px;
}

h4 {
font-size: 18px;
line-height: 22px;
}

.JfWiICDdhipu {
padding: 20px;
}
}

@media (max-width: 576px) {
h1 {
font-size: 28px;
line-height: 34px;
}

h2 {
font-size: 24px;
line-height: 29px;
}

h3 {
font-size: 20px;
line-height: 24px;
}

h4 {
font-size: 18px;
line-height: 22px;
}
}
.wYcMKedRMRsE {
max-width: 1200px;
width: 100%;
display: flex;
align-items: center;
justify-content: space-between;
position: relative;
gap: 24px;
padding-inline: 2rem;
}

.rczASULoObRS {
display: flex;
justify-content: center;
align-items: center;
padding-block: 12px;
background-color: var(--npiadbQwvUfr);
box-shadow: inset 0 -1px 0 var(--quLoZLhiJszT);
}

.wYcMKedRMRsE img,
.BtCecTyVKbWG {
width: 92px;
border-radius: 18px;
box-shadow: 0 10px 26px var(--YLoCnwniUzNZ);
}

.CCAHuCaxRTjf {
display: flex;
align-items: center;
justify-content: center;
flex: 1 1 auto;
}

.SKZEusJnOtni {
list-style: none;
display: flex;
align-items: center;
justify-content: center;
gap: clamp(20px, 3vw, 44px);
width: 100%;
font-weight: 600;
font-size: 18px;
white-space: nowrap;
padding: 0 24px;
margin: 0;
}

.itLxRjfgaPFK {
cursor: pointer;
position: relative;
}

.itLxRjfgaPFK a,
.itLxRjfgaPFK span {
color: var(--qbOCLhttuzcY);
transition: color 0.2s ease;
}

.itLxRjfgaPFK::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 0;
height: 2px;
background-color: var(--vaWNTEYyBkRf);
transition: width 0.3s ease;
}

.itLxRjfgaPFK:hover::after {
width: 100%;
}

.itLxRjfgaPFK:not(:hover)::after {
left: auto;
right: 0;
}

.itLxRjfgaPFK:hover > a,
.itLxRjfgaPFK:hover > span,
.itLxRjfgaPFK.active > a,
.itLxRjfgaPFK.active > span {
color: var(--vaWNTEYyBkRf);
text-decoration: none;
}

.CODUqRvxCcwp {
display: flex;
justify-content: end;
align-items: center;
gap: 14px;
}

.CODUqRvxCcwp a,
.RQmNOHMJrsBb {
position: relative;
overflow: hidden;
clip-path: inset(0 round 18px);
isolation: isolate;
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 56px;
padding: 14px 28px;
border-radius: 18px;
font-size: 16px;
font-weight: 600;
line-height: 1;
white-space: nowrap;
word-break: keep-all;
text-align: center;
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease, border-color 0.25s ease;
}

.CODUqRvxCcwp a::before,
.RQmNOHMJrsBb::before {
content: "";
position: absolute;
inset: 0;
background: var(--YYyUsIuYOwwn);
opacity: 0;
transition: opacity 0.28s ease;
pointer-events: none;
z-index: -2;
}

.CODUqRvxCcwp a::after,
.RQmNOHMJrsBb::after {
content: "";
position: absolute;
inset: -30% auto -30% -45%;
width: 42%;
background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.08) 32%, rgba(255, 255, 255, 0.42) 50%, rgba(255, 255, 255, 0.08) 68%, transparent 100%);
filter: blur(6px);
transform: translateX(-220%) skewX(-20deg);
opacity: 0;
pointer-events: none;
transition: transform 0.55s ease, opacity 0.28s ease;
z-index: -1;
}

.CODUqRvxCcwp a:first-child {
border: 1px solid var(--quLoZLhiJszT);
background-color: var(--ADDrLGvvXGDP);
color: var(--asBjAptdHtbI);
box-shadow: 0 6px 18px var(--YLoCnwniUzNZ);
}

.CODUqRvxCcwp a:first-child:hover {
background-color: var(--FioCCsGaKrwV);
box-shadow: 0 10px 22px var(--YLoCnwniUzNZ);
}

.CODUqRvxCcwp a:nth-child(2),
.RQmNOHMJrsBb {
border: 1px solid transparent;
background-color: var(--dzPdLJOMyPiH);
color: var(--QeWBLtxxDapd);
font-weight: 700;
box-shadow: 0 12px 26px var(--YLoCnwniUzNZ);
}

.CODUqRvxCcwp a:hover,
.RQmNOHMJrsBb:hover {
text-decoration: none;
transform: translateY(-3px);
}

.CODUqRvxCcwp a:nth-child(2):hover,
.RQmNOHMJrsBb:hover {
box-shadow: 0 14px 30px var(--YLoCnwniUzNZ);
}

.CODUqRvxCcwp a:nth-child(2):hover::before,
.RQmNOHMJrsBb:hover::before {
opacity: 1;
}

.CODUqRvxCcwp a:nth-child(2):hover::after,
.RQmNOHMJrsBb:hover::after {
transform: translateX(420%) skewX(-20deg);
opacity: 1;
}

@keyframes signup-pulse {
0%, 100% {
box-shadow:
    0 12px 26px var(--YLoCnwniUzNZ),
    0 0 0 0 color-mix(in srgb, var(--dzPdLJOMyPiH) 0%, transparent);
}
50% {
box-shadow:
    0 12px 26px var(--YLoCnwniUzNZ),
    0 0 0 6px color-mix(in srgb, var(--dzPdLJOMyPiH) 14%, transparent);
}
}

@keyframes signup-shimmer-auto {
0% {
transform: translateX(-220%) skewX(-20deg);
opacity: 0;
}
6% {
opacity: 0.85;
}
22% {
transform: translateX(420%) skewX(-20deg);
opacity: 0;
}
100% {
transform: translateX(420%) skewX(-20deg);
opacity: 0;
}
}

.CODUqRvxCcwp a:nth-child(2),
.RQmNOHMJrsBb {
animation: signup-pulse 2.8s ease-in-out infinite;
}

.CODUqRvxCcwp a:nth-child(2)::after,
.RQmNOHMJrsBb::after {
animation: signup-shimmer-auto 5s ease-in-out infinite;
animation-delay: 1.5s;
}

.CODUqRvxCcwp a:nth-child(2):hover,
.RQmNOHMJrsBb:hover {
animation: none;
}

.CODUqRvxCcwp a:nth-child(2):hover::after,
.RQmNOHMJrsBb:hover::after {
animation: none;
}

@media (prefers-reduced-motion: reduce) {
.CODUqRvxCcwp a:nth-child(2),
.RQmNOHMJrsBb,
.CODUqRvxCcwp a:nth-child(2)::after,
.RQmNOHMJrsBb::after {
animation: none;
}
}

.IhJHSkfIkFal {
display: none;
align-items: center;
justify-content: center;
width: 48px;
height: 48px;
border-radius: 14px;
border: 1px solid var(--quLoZLhiJszT);
background-color: var(--ADDrLGvvXGDP);
box-shadow: 0 8px 18px var(--YLoCnwniUzNZ);
cursor: pointer;
color: var(--asBjAptdHtbI);
flex-shrink: 0;
}

.IhJHSkfIkFal::before {
content: '☰';
font-size: 24px;
line-height: 1;
}

.zGHrCWTAabyB:checked ~ .IhJHSkfIkFal::before {
content: '✕';
}

.eDENDeOLzIWE {
display: none;
}

.VpQSTaDkhxvU {
display: none;
}

.RQmNOHMJrsBb {
display: none;
}

.GRHFGbVVoZyC {
display: flex;
}

.KyqXlKrUwaSn {
display: none;
}


.uYHtnZEzMJZV {
display: block;
text-decoration: none;
color: inherit;
position: relative;
}

.ksITnCeHpTOD {
display: none;
position: absolute;
border-radius: 18px;
background-color: var(--ADDrLGvvXGDP);

list-style: none;
margin: 0;
padding: 16px;
min-width: 180px;
z-index: 100;
left: 50%;
transform: translate(-50%);
box-shadow: 0 18px 32px var(--YLoCnwniUzNZ);
}

@media (hover: hover) and (pointer: fine) {
.itLxRjfgaPFK:hover > .ksITnCeHpTOD {
display: block;
text-align: center;
width: 100%;
}
}

.PioNzJDZuNfn {
position: relative;
}

.PioNzJDZuNfn > a,
.PioNzJDZuNfn > span {
position: relative;
display: inline-flex;
align-items: center;
padding-right: 24px;
}

.PioNzJDZuNfn > a::after,
.PioNzJDZuNfn > span::after {
content: "\f107";
font-family: "Font Awesome";
font-weight: 900;
font-size: 14px;
line-height: 1;
position: absolute;
top: 50%;
right: 0;
transform: translateY(-50%);
transition: transform 0.3s ease;
pointer-events: none;
}

.cQAAcLtFTdgW {
margin: 0;
}

.sCbKTZhrcNpv {
padding: 5px 10px;
border-radius: 10px;
}

.sCbKTZhrcNpv:hover {
background: var(--FioCCsGaKrwV);
}

@media (max-width: 992px) {
.rczASULoObRS .MPnzyIBvHuXc {
margin-right: 0;
}
}

@media (max-width: 767px) {
.rczASULoObRS {
position: sticky;
top: 0;
z-index: 2;
padding: 12px 20px;
}

.wYcMKedRMRsE {
padding: 0;
justify-content: space-between;
flex-wrap: wrap;
min-height: 84px;
}
.wYcMKedRMRsE img{
width: 72px;
}
.wYcMKedRMRsE img,
.FxAQImPPbCrv{
margin-left:50px;
}
.IhJHSkfIkFal {
display: flex;
position: absolute;
left: 0;
z-index: 1002;
transition: top 0.25s ease, right 0.25s ease, left 0.25s ease, background-color 0.25s ease, box-shadow 0.25s ease;
}

.zGHrCWTAabyB:checked ~ .IhJHSkfIkFal {
top: 16px;
right: 16px;
left: auto;
}

.RQmNOHMJrsBb {
display: inline-flex;
order: 1;
min-width: 150px;
min-height: 52px;
padding: 14px 22px;
font-size: 14px;
}

#main-nav {
width: min(75vw, 360px);
max-width: 100%;
height: 100dvh;
overflow-y: auto;
transform: translateX(-100%);
position: fixed;
left: 0;
bottom: 0;
background-color: var(--ADDrLGvvXGDP);
top: 0;
opacity: 1;
z-index: 1001;
padding: 24px;
transition: transform .3s ease;
flex-direction: column;
align-items: stretch;
justify-content: flex-start;
gap: 20px;
box-shadow: 18px 0 36px var(--YLoCnwniUzNZ);
}

.zGHrCWTAabyB:checked ~ #main-nav {
transform: translateX(0);
}

.zGHrCWTAabyB:checked ~ .eDENDeOLzIWE {
display: block;
position: fixed;
inset: 0;
background: rgba(32, 32, 32, 0.45);
backdrop-filter: blur(4px);
-webkit-backdrop-filter: blur(4px);
z-index: 1000;
}

.SKZEusJnOtni {
flex-direction: column;
gap: 0;
padding: 0;
}

#main-nav .CODUqRvxCcwp {
flex-direction: column;
}

#main-nav .CODUqRvxCcwp a {
min-width: 100%;
}

.KyqXlKrUwaSn {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
padding-bottom: 8px;
}

.VpQSTaDkhxvU {
display: flex;
}

.GRHFGbVVoZyC {
position: fixed;
z-index: 1;
bottom: 0;
left: 0;
height: 70px;
font-weight: 600;
font-size: 16px;
width: 100%;
gap: 15px;
padding-left: 20px;
padding-right: 20px;
justify-content: center;
background-color: var(--npiadbQwvUfr);
box-shadow: 0 -8px 18px var(--YLoCnwniUzNZ);
}

.GRHFGbVVoZyC a {
max-width: none;
width: 100%;
}

nav.CCAHuCaxRTjf li {
width: 100%;
text-align: left;
padding: 10px 0;
}

.CCAHuCaxRTjf li span {
position: relative;
display: inline-flex;
align-items: center;
padding-right: 24px;
}

.PioNzJDZuNfn.is-active > a::after,
.PioNzJDZuNfn.is-active > span::after {
transform: translateY(-50%) rotate(180deg);
}

.itLxRjfgaPFK.is-active > a,
.itLxRjfgaPFK.is-active > span {
box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--asBjAptdHtbI) 10%, transparent);
}

.ksITnCeHpTOD {
display: none;
position: static;
box-shadow: none;
transform: translate(0);
min-width: 100%;
padding: 12px 0 0 12px;
border: 0;
}

.ksITnCeHpTOD li {
padding: 5px 0;
}

.itLxRjfgaPFK.is-active > .ksITnCeHpTOD {
display: block;
}

.itLxRjfgaPFK.is-active {
box-shadow:
inset 0 1px 0 color-mix(in srgb, var(--asBjAptdHtbI) 8%, transparent),
0 4px 10px var(--YLoCnwniUzNZ);
}

.itLxRjfgaPFK {
box-shadow: inset 0 -1px 0 color-mix(in srgb, var(--asBjAptdHtbI) 8%, transparent);
}
}

@media (max-width: 576px) {
.GRHFGbVVoZyC {
gap: 12px;
}
.RQmNOHMJrsBb {
display: none;
}
.wYcMKedRMRsE img,
.FxAQImPPbCrv{
margin-left:auto;
}
.KyqXlKrUwaSn img{
margin-left:0;
}
.IhJHSkfIkFal {
top: 12px;
left: 16px;
}

.zGHrCWTAabyB:checked ~ .IhJHSkfIkFal {
top: 12px;
right: 12px;
}
}


.iippfiXyCPbT {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(280px, 46%);
align-items: center;
gap: 32px;
width: 100%;
padding: 40px 32px;
border-radius: 22px;
background-color: var(--xWYhtRZalnlN);
box-shadow: 0 16px 40px var(--YLoCnwniUzNZ);
overflow: hidden;
}

.MgZMRTqZSXHO {
width: 100%;
min-height: 320px;
display: flex;
align-items: center;
justify-content: center;
}

.iippfiXyCPbT img {
width: 100%;
height: 100%;
max-width: 100%;
max-height: 520px;
object-fit: contain;
object-position: center;
display: block;
}

.CiGWMlaOVwKW {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
gap: 24px;
max-width: 620px;
color: var(--asBjAptdHtbI);
}

.RHnmlcZpPFIY {
display: inline-flex;
align-items: center;
padding: 6px 12px;
border-radius: 999px;
background-color: var(--sPxtPTkSXBCG);
color: var(--vaWNTEYyBkRf);
border: 1px solid var(--quLoZLhiJszT);
font-size: 12px;
font-weight: 600;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.04em;
}

.OghHuGPKsjbk {
max-width: 100%;
font-weight: 700;
line-height: 1.05;
color: var(--vaWNTEYyBkRf);
text-wrap: balance;
}

.OghHuGPKsjbk p,
.OghHuGPKsjbk div,
.OghHuGPKsjbk span,
.OghHuGPKsjbk strong {
font: inherit;
color: inherit;
}

.OghHuGPKsjbk > :first-child {
margin-top: 0;
}

.OghHuGPKsjbk > :last-child {
margin-bottom: 0;
}

.AGawxcnuWvLY {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 16px;
}

.dpEgUMPyrBqr {
background-color: var(--dzPdLJOMyPiH);
color: var(--QeWBLtxxDapd);
border: 1px solid transparent;
position: relative;
overflow: hidden;
clip-path: inset(0 round 16px);
isolation: isolate;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 18px;
font-weight: 700;
line-height: 1.1;
border-radius: 16px;
padding: 18px 28px;
transition: all 0.25s ease;
text-decoration: none;
text-transform: uppercase;
min-width: 180px;
}

.dpEgUMPyrBqr:not(.jzWDasXgiHME) {
animation: hero-cta-pulse 4.4s ease-in-out infinite;
}

.dpEgUMPyrBqr:not(.jzWDasXgiHME)::before {
content: "";
position: absolute;
inset: 0;
background: var(--YYyUsIuYOwwn);
opacity: 0;
animation: hero-cta-gradient 4.4s ease-in-out infinite;
pointer-events: none;
z-index: -2;
}

.dpEgUMPyrBqr:not(.jzWDasXgiHME)::after {
content: "";
position: absolute;
top: -30%;
bottom: -30%;
left: 0;
width: 60%;
background: linear-gradient(115deg, transparent 0%, rgba(255, 255, 255, 0.08) 32%, rgba(255, 255, 255, 0.55) 50%, rgba(255, 255, 255, 0.08) 68%, transparent 100%);
filter: blur(6px);
transform: translateX(-100%) skewX(-20deg);
opacity: 0;
animation: hero-cta-shimmer 4.4s ease-in-out infinite;
pointer-events: none;
z-index: -1;
}

@keyframes hero-cta-pulse {
0%, 100% {
transform: scale(0.95);
}
50% {
transform: scale(1);
}
}

@keyframes hero-cta-shimmer {
0%, 36% {
transform: translateX(-100%) skewX(-20deg);
opacity: 0;
}
42% {
transform: translateX(-60%) skewX(-20deg);
opacity: 0.9;
}
58% {
transform: translateX(160%) skewX(-20deg);
opacity: 0.9;
}
64%, 100% {
transform: translateX(200%) skewX(-20deg);
opacity: 0;
}
}

@keyframes hero-cta-gradient {
0%, 36%, 100% {
opacity: 0;
}
42% {
opacity: 1;
}
58% {
opacity: 1;
}
64% {
opacity: 0;
}
}

.jzWDasXgiHME {
background-color: transparent;
color: var(--asBjAptdHtbI);
border-radius: 0;
position: relative;
overflow: hidden;
padding-inline: 0;
padding-block: 10px;
min-width: auto;
border-bottom: 2px solid var(--hPBAgucgOgkG);
}


.dpEgUMPyrBqr:hover {
text-decoration: none;
transform: translateY(-3px);
}

.dpEgUMPyrBqr:not(.jzWDasXgiHME):hover {
box-shadow: 0 14px 30px var(--YLoCnwniUzNZ);
}

.dpEgUMPyrBqr:not(.jzWDasXgiHME):hover::before {
animation: none;
opacity: 1;
}

.dpEgUMPyrBqr:not(.jzWDasXgiHME):hover::after {
animation: none;
transform: translateX(420%) skewX(-20deg);
opacity: 1;
}

.jzWDasXgiHME:hover {
color: var(--vaWNTEYyBkRf);
box-shadow: none;
}

.jzWDasXgiHME:hover::before {
background-color: var(--vaWNTEYyBkRf);
opacity: 1;
}

.jzWDasXgiHME:hover::after {
animation-duration: 1.6s;
}



@media (max-width: 991px) {
.iippfiXyCPbT {
grid-template-columns: 1fr;
padding: 32px 24px;
gap: 24px;
}

.CiGWMlaOVwKW {
max-width: none;
}

.MgZMRTqZSXHO {
min-height: 260px;
order: 2;
}
}

@media (max-width: 767px) {
.CiGWMlaOVwKW {
gap: 20px;
align-items: center;
text-align: center;
}

.RHnmlcZpPFIY {
justify-content: center;
}


.AGawxcnuWvLY {
justify-content: center;
}

.dpEgUMPyrBqr {
font-size: 16px;
padding: 16px 24px;
}
}

@media (max-width: 576px) {
.iippfiXyCPbT {
padding: 24px 18px;
border-radius: 18px;
}

.MgZMRTqZSXHO {
min-height: 220px;
}

.AGawxcnuWvLY {
width: 100%;
flex-direction: column;
align-items: center;
}

.dpEgUMPyrBqr {
width: 100%;
max-width: 280px;
}

.jzWDasXgiHME {
width: auto;
max-width: none;
}
}
/* ===================== CONTAINER ===================== */

.ITORCgkFHtbk {
position: relative;
width: 100%;
border-radius: 24px;
background:
radial-gradient(120% 160% at 0% 0%, var(--FioCCsGaKrwV) 0%, var(--sPxtPTkSXBCG) 55%, var(--sPxtPTkSXBCG) 100%);
border: 1px solid var(--quLoZLhiJszT);
box-shadow: 0 16px 40px var(--YLoCnwniUzNZ);
overflow: hidden;
isolation: isolate;
transition: transform 0.4s ease, box-shadow 0.4s ease;
}

.ITORCgkFHtbk::before {
content: "";
position: absolute;
inset: 0;
background:
radial-gradient(60% 80% at 85% 50%, color-mix(in srgb, var(--hPBAgucgOgkG) 18%, transparent) 0%, transparent 70%);
opacity: 0.5;
pointer-events: none;
z-index: 0;
}

.ITORCgkFHtbk:hover {
transform: translateY(-2px);
box-shadow: 0 22px 50px var(--YLoCnwniUzNZ);
}

.RxePjUUTpZqm {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(260px, 42%);
align-items: center;
gap: 32px;
padding: 44px 40px;
}

.nUsdxODoomce {
position: relative;
z-index: 1;
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 22px;
max-width: 620px;
color: var(--asBjAptdHtbI);
}

.KAyNRFMInQll {
position: relative;
z-index: 1;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}

/* ===================== BADGE / TEASER / OFFER ===================== */

.spklYeRaNhfh {
position: relative;
display: inline-flex;
align-items: center;
padding: 8px 18px;
border-radius: 999px;
background:
linear-gradient(135deg,
    color-mix(in srgb, var(--hPBAgucgOgkG) 22%, var(--FioCCsGaKrwV)) 0%,
    color-mix(in srgb, var(--hPBAgucgOgkG) 10%, var(--FioCCsGaKrwV)) 100%);
color: var(--hPBAgucgOgkG);
border: 1px solid color-mix(in srgb, var(--hPBAgucgOgkG) 45%, transparent);
font-size: 13px;
font-weight: 800;
line-height: 1.2;
text-transform: uppercase;
letter-spacing: 0.16em;
box-shadow:
    0 6px 16px color-mix(in srgb, var(--hPBAgucgOgkG) 18%, transparent),
    inset 0 1px 0 color-mix(in srgb, var(--FioCCsGaKrwV) 90%, transparent);
}

.MIipEmeFmTFv {
position: relative;
width: fit-content;
max-width: 100%;
font-size: 26px;
font-weight: 700;
line-height: 1.25;
color: var(--asBjAptdHtbI);
text-wrap: balance;
max-height: 200px;
overflow: hidden;
transform: translateY(0);
transition: opacity 0.4s ease, transform 0.4s ease, max-height 0.5s ease, margin 0.4s ease;
background: linear-gradient(120deg,
    var(--asBjAptdHtbI) 0%,
    var(--asBjAptdHtbI) 55%,
    var(--hPBAgucgOgkG) 100%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
}

.WdueSwiNIteB {
font-size: 36px;
font-weight: 700;
line-height: 1.1;
color: var(--asBjAptdHtbI);
text-wrap: balance;
opacity: 0;
transform: translateY(14px);
max-height: 0;
overflow: hidden;
pointer-events: none;
transition: opacity 0.55s ease 0.15s, transform 0.55s ease 0.15s, max-height 0.55s ease;
}

.WdueSwiNIteB p,
.WdueSwiNIteB div,
.WdueSwiNIteB span,
.WdueSwiNIteB strong {
font: inherit;
color: inherit;
margin: 0;
}

.WdueSwiNIteB a {
display: inline-flex;
align-items: center;
justify-content: center;
margin-top: 18px;
padding: 16px 28px;
background-color: var(--hPBAgucgOgkG);
color: var(--QeWBLtxxDapd);
border-radius: 14px;
font-size: 15px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.1em;
text-decoration: none;
transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.WdueSwiNIteB a:hover {
background-color: var(--jsdLEoOxETLc);
transform: translateY(-2px);
box-shadow: 0 12px 28px var(--YLoCnwniUzNZ);
text-decoration: none;
}

/* Trigger animations (teaser hide / offer reveal) */
.ITORCgkFHtbk:has(.phEEfUaFtmDL:checked) .MIipEmeFmTFv {
opacity: 0;
transform: translateY(-12px);
max-height: 0;
margin: 0;
}

.ITORCgkFHtbk:has(.phEEfUaFtmDL:checked) .WdueSwiNIteB {
opacity: 1;
transform: translateY(0);
max-height: 500px;
pointer-events: auto;
animation: mystery-pop 0.6s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes mystery-pop {
0% { transform: scale(0.4); opacity: 0; }
60% { transform: scale(1.08); opacity: 1; }
100% { transform: scale(1); opacity: 1; }
}

/* ===================== MYSTERY BOXES ===================== */

.WSQFWVpPpyRV {
position: relative;
width: 100%;
display: flex;
align-items: center;
justify-content: center;
isolation: isolate;
}

.nhxTVMTYUhpc {
position: absolute;
opacity: 0;
pointer-events: none;
}

.PupAfpusTWHV {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 14px;
width: 100%;
transition: opacity 0.5s ease, transform 0.5s ease, filter 0.5s ease;
}

.pfokpxkRCLoN {
position: relative;
display: flex;
align-items: center;
justify-content: center;
aspect-ratio: 1 / 1;
padding: 10px;
border-radius: 18px;
cursor: pointer;
background:
radial-gradient(120% 120% at 50% 0%, color-mix(in srgb, var(--FioCCsGaKrwV) 80%, transparent) 0%, color-mix(in srgb, var(--sPxtPTkSXBCG) 70%, transparent) 100%);
border: 1px solid var(--quLoZLhiJszT);
box-shadow: 0 8px 22px var(--YLoCnwniUzNZ);
overflow: hidden;
animation: mystery-float 3.4s ease-in-out infinite;
transition: transform 0.35s cubic-bezier(0.34, 1.56, 0.64, 1),
            box-shadow 0.35s ease,
            border-color 0.35s ease,
            background 0.35s ease;
}

.pfokpxkRCLoN:nth-child(1) { animation-delay: 0s; }
.pfokpxkRCLoN:nth-child(2) { animation-delay: -1.1s; }
.pfokpxkRCLoN:nth-child(3) { animation-delay: -2.2s; }

.pfokpxkRCLoN::after {
content: "";
position: absolute;
inset: 0;
border-radius: inherit;
background: radial-gradient(80% 80% at 50% 110%,
    color-mix(in srgb, var(--hPBAgucgOgkG) 35%, transparent) 0%,
    transparent 70%);
opacity: 0;
transition: opacity 0.4s ease;
pointer-events: none;
z-index: 0;
}

.pfokpxkRCLoN img {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
max-width: 100%;
object-fit: contain;
object-position: center;
display: block;
filter: drop-shadow(0 6px 12px var(--YLoCnwniUzNZ));
transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1), filter 0.35s ease;
}

.pfokpxkRCLoN:hover {
animation-play-state: paused;
transform: translateY(-12px) scale(1.06) rotate(-2deg);
border-color: var(--hPBAgucgOgkG);
box-shadow: 0 28px 42px var(--YLoCnwniUzNZ);
z-index: 2;
}

.pfokpxkRCLoN:hover::after { opacity: 1; }

.pfokpxkRCLoN:hover img {
transform: scale(1.08) rotate(2deg);
filter: drop-shadow(0 14px 22px var(--YLoCnwniUzNZ));
}

.pfokpxkRCLoN:active {
transform: translateY(-4px) scale(0.98);
}

.XbYzoBFkeOSc {
position: absolute;
inset: 0;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
gap: 18px;
padding: 24px;
opacity: 0;
transform: scale(0.85);
pointer-events: none;
transition: opacity 0.55s ease, transform 0.55s cubic-bezier(0.34, 1.56, 0.64, 1);
z-index: 3;
}

.tTOHjdNsSQOZ {
position: absolute;
inset: -10%;
background:
radial-gradient(circle at center,
    color-mix(in srgb, var(--hPBAgucgOgkG) 40%, transparent) 0%,
    color-mix(in srgb, var(--hPBAgucgOgkG) 15%, transparent) 40%,
    transparent 70%);
opacity: 0;
transform: scale(0.4);
transition: opacity 0.6s ease, transform 0.9s cubic-bezier(0.22, 1, 0.36, 1);
pointer-events: none;
z-index: -1;
border-radius: 50%;
filter: blur(8px);
}

.JbkwhfHixxEF {
position: relative;
z-index: 1;
font-size: 18px;
font-weight: 700;
line-height: 1.3;
color: var(--asBjAptdHtbI);
text-align: center;
text-transform: uppercase;
letter-spacing: 0.14em;
text-wrap: balance;
}

.YwFhhWfoASEW {
position: relative;
z-index: 1;
display: inline-flex;
align-items: center;
justify-content: center;
padding: 18px 36px;
background-color: var(--hPBAgucgOgkG);
color: var(--QeWBLtxxDapd);
border-radius: 14px;
font-size: 16px;
font-weight: 800;
text-transform: uppercase;
letter-spacing: 0.12em;
text-decoration: none;
box-shadow:
    0 14px 32px color-mix(in srgb, var(--hPBAgucgOgkG) 40%, transparent),
    0 4px 8px var(--YLoCnwniUzNZ);
transition: transform 0.25s ease, box-shadow 0.25s ease, background-color 0.25s ease;
}

.YwFhhWfoASEW:hover {
background-color: var(--jsdLEoOxETLc);
transform: translateY(-2px);
box-shadow: 0 18px 36px var(--YLoCnwniUzNZ);
text-decoration: none;
}

@keyframes mystery-float {
0%, 100% { transform: translateY(0) rotate(0deg); }
50% { transform: translateY(-6px) rotate(1.2deg); }
}

/* State changes — mystery-specific */
.ITORCgkFHtbk:has(.phEEfUaFtmDL:checked) .PupAfpusTWHV {
opacity: 0.45;
transform: scale(0.95);
filter: blur(2px) saturate(0.8);
pointer-events: none;
transition: opacity 0.5s ease, transform 0.6s ease, filter 0.4s ease;
}

.ITORCgkFHtbk:has(.phEEfUaFtmDL:checked) .pfokpxkRCLoN {
animation-play-state: paused;
}

.ITORCgkFHtbk:has(.phEEfUaFtmDL:checked) .XbYzoBFkeOSc {
opacity: 1;
transform: scale(1);
pointer-events: auto;
}

.ITORCgkFHtbk:has(.phEEfUaFtmDL:checked) .tTOHjdNsSQOZ {
opacity: 1;
transform: scale(1.15);
}

/* ===================== RESPONSIVE ===================== */

@media (prefers-reduced-motion: reduce) {
.pfokpxkRCLoN {
animation: none;
}
}

@media (max-width: 991px) {
.RxePjUUTpZqm {
grid-template-columns: 1fr;
padding: 32px 24px;
gap: 24px;
}

.nUsdxODoomce {
max-width: none;
}

.KAyNRFMInQll {
order: 2;
}

.WdueSwiNIteB {
font-size: 30px;
}

.MIipEmeFmTFv {
font-size: 18px;
}

.PupAfpusTWHV {
gap: 12px;
}
}

@media (max-width: 767px) {
.nUsdxODoomce {
align-items: center;
text-align: center;
}

.WdueSwiNIteB {
font-size: 26px;
}

.MIipEmeFmTFv {
font-size: 16px;
}
}

@media (max-width: 576px) {
.RxePjUUTpZqm {
padding: 24px 18px;
}

.ITORCgkFHtbk {
border-radius: 18px;
}

.WdueSwiNIteB {
font-size: 22px;
}

.WdueSwiNIteB a {
width: 100%;
max-width: 280px;
}

.PupAfpusTWHV {
gap: 8px;
}

.pfokpxkRCLoN {
padding: 6px;
border-radius: 14px;
}
}
.qOHqkTVseSCp {
margin: 40px 0 56px;
}

.NjYqAKrglsOc {
display: grid;
grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
gap: 28px;
align-items: center;
padding: 32px;
border-radius: 22px;
background: linear-gradient(180deg, var(--ADDrLGvvXGDP) 0%, var(--FioCCsGaKrwV) 100%);
border: 1px solid var(--quLoZLhiJszT);
box-shadow: 0 16px 40px var(--YLoCnwniUzNZ);
overflow: hidden;
}

.feMaDBoPOLiO {
display: flex;
flex-direction: column;
align-items: flex-start;
gap: 18px;
max-width: 280px;
}

.feMaDBoPOLiO h2 {
margin: 0;
font-size: 40px;
line-height: 1.05;
}

.feMaDBoPOLiO p {
margin: 0;
color: var(--jsdLEoOxETLc);
line-height: 1.55;
}

.joNXgWFXJkrY {
display: flex;
flex-direction: column;
gap: 18px;
min-width: 0;
}

.JCzEdnXzugoD {
display: flex;
justify-content: flex-end;
gap: 12px;
}

.HyMZISATKaib {
width: 48px;
height: 48px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 999px;
border: 1px solid var(--quLoZLhiJszT);
background-color: var(--ADDrLGvvXGDP);
color: var(--asBjAptdHtbI);
cursor: pointer;
font-size: 28px;
line-height: 1;
transition: transform 0.25s ease, border-color 0.25s ease, color 0.25s ease;
}

.HyMZISATKaib:hover {
transform: translateY(-2px);
border-color: var(--vaWNTEYyBkRf);
color: var(--vaWNTEYyBkRf);
}

.UsfuratgUkpM {
display: grid;
grid-auto-flow: column;
grid-auto-columns: minmax(180px, 1fr);
gap: 18px;
overflow-x: auto;
scroll-snap-type: x proximity;
scrollbar-width: none;
padding-bottom: 4px;
}

.UsfuratgUkpM::-webkit-scrollbar {
display: none;
}

.AAXCPnHjdYUv {
display: block;
min-width: 0;
text-decoration: none;
scroll-snap-align: start;
}

.AAXCPnHjdYUv figure {
margin: 0;
overflow: hidden;
border-radius: 22px;
background-color: var(--dzPdLJOMyPiH);
box-shadow: 0 12px 30px var(--YLoCnwniUzNZ);
aspect-ratio: 0.78;
}

.AAXCPnHjdYUv img {
width: 100%;
height: 100%;
display: block;
object-fit: cover;
transition: transform 0.35s ease;
}

.AAXCPnHjdYUv:hover img {
transform: scale(1.03);
}

.qOHqkTVseSCp .jzWDasXgiHME {
font-size: 16px;
font-weight: 700;
}

@media (max-width: 991px) {
.NjYqAKrglsOc {
grid-template-columns: 1fr;
padding: 28px 24px;
}

.feMaDBoPOLiO {
max-width: none;
}

.UsfuratgUkpM {
grid-auto-columns: minmax(220px, 260px);
}
}

@media (max-width: 767px) {
.qOHqkTVseSCp {
margin: 32px 0 44px;
}

.NjYqAKrglsOc {
padding: 24px 18px;
gap: 22px;
border-radius: 18px;
}

.feMaDBoPOLiO h2 {
font-size: 32px;
}

.JCzEdnXzugoD {
justify-content: space-between;
}

.UsfuratgUkpM {
grid-auto-columns: minmax(180px, 220px);
}
}
.ZQKHEPsRIwkW {
display: flex;
justify-content: space-evenly;
gap: 20px;
margin-block: 40px;
flex-wrap: wrap;
}

.wmwErlChmPsG {
background-color: var(--dzPdLJOMyPiH);
padding: 15px;
border: none;
border-radius: 20px;
cursor: pointer;
min-width: 250px;
text-align: center;
text-transform: uppercase;
transition: all 0.25s ease;
}

.wmwErlChmPsG:hover {
transform: translateY(-3px);
}

.OJDhBTAWWKsd {
color: var(--QeWBLtxxDapd);
font-weight: 700;
font-size: 24px;
letter-spacing: 0%;
text-align: center;
text-decoration: none;
}
.cvbdPtLLjdFE {
font-size: 0.9em;
color: #666;
}

.uutoBNRALRTI {
list-style: none;
margin: 0;
padding: 0;
display: flex;
align-items: center;
}

.XSufLUrjYxcw {
display: flex;
align-items: center;
}

.MIKFgkxpjAKU {
color: var(--asBjAptdHtbI);
text-decoration: none;
transition: color .2s;
}

.MIKFgkxpjAKU:hover {
text-decoration: underline;
color: var(--aThUtkZHaiwd);
}

.MIKFgkxpjAKU[aria-current="page"] {
color: #939090;
font-weight: bold;
cursor: default;
text-decoration: none;
}

.XVGppUIscril {
margin: 0 0.5em;
color: #999;
font-size: 1.2em;
line-height: 1;
}

@media (max-width: 576px) {
.cvbdPtLLjdFE {
font-size: 14px;
}
}
.SePQiMpABvYy {
display: flex;
flex-direction: column;
gap: 32px;
margin: 32px 0 40px;
}

.SePQiMpABvYy-item {
padding: 18px 16px 16px;
border-radius: 18px;
margin-bottom: 0;
border: 1px solid rgba(255, 255, 255, 0.06);
background: var(--sPxtPTkSXBCG);
}

.SePQiMpABvYy-item:last-child {
margin-bottom: 0;
}

.SePQiMpABvYy-item label {
display: block;
cursor: pointer;
}

.SePQiMpABvYy-item h3 {
margin: 0;
}

.OtokHhWTWqQq {
font-size: 20px;
font-weight: 700;
line-height: 1.35;
padding-bottom: 14px;
border-bottom: 1px solid var(--npiadbQwvUfr);
}

.KFYDrwsBcWrm {
padding-top: 12px;
}

.KFYDrwsBcWrm p {
margin: 0;
}
.KKXDtnMyRgBF {
position: fixed;
bottom: 40px;
right: 40px;
width: 55px;
height: 55px;
cursor: pointer;
border-radius: 15px;
background-color: var(--asBjAptdHtbI);
transition: opacity 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}

.KKXDtnMyRgBF::after {
content: "\f062";
font-family: "Font Awesome";
font-size: 24px;
color: var(--ADDrLGvvXGDP);
}

@media (max-width: 767px) {
.KKXDtnMyRgBF {
position: fixed;
bottom: 75px;
right: 20px;
}
}
table {
border-radius: 15px;
border: 1px solid var(--sPxtPTkSXBCG);
overflow-x: auto;
overflow-y: hidden;
border: none;
border-collapse: collapse;
-webkit-overflow-scrolling: touch;
color: var(--ADDrLGvvXGDP);
background-color:  var(--asBjAptdHtbI);
width: 100%;
}

td {
padding: 10px;
white-space: normal;
border: 1px solid var(--jYvOZJWOsdnN);
}

table thead th {
color: var(--asBjAptdHtbI);
font-size: 18px;
font-weight: 600;
text-align: center;
padding: 10px;
background-color: var(--dzPdLJOMyPiH);
}

table thead th:first-child {
border-top-left-radius: 15px;
}

table thead th:last-child {
border-top-right-radius: 15px;
}

table tbody tr {
border-bottom: 1px solid var(--sPxtPTkSXBCG);
}

table tbody td {
padding: 10px;
}

@media (max-width: 1100px) {
table {
display: block;
width: max-content;
max-width: 100%;
margin: 0 auto;
}

table:has(tr:first-child > td:nth-child(2):last-child),
table:has(tr:first-child > th:nth-child(2):last-child) {
display: table;
width: 100%;
min-width: 0;
table-layout: fixed;
white-space: normal;
}

table:has(tr:first-child > td:nth-child(2):last-child) td,
table:has(tr:first-child > th:nth-child(2):last-child) th,
table:has(tr:first-child > th:nth-child(2):last-child) td {
width: 50%;
}

table:has(tr:first-child > th:nth-child(2):last-child) thead th:first-child {
border-top-left-radius: 15px;
}

table:has(tr:first-child > th:nth-child(2):last-child) thead th:last-child {
border-top-right-radius: 15px;
}
}
.MfrPBKYLbYkn {
display: flex;
}

.adPBJZzEWxfr {
position: relative;
display: inline-block;
}

.JRacuxxuyoHm {
color: var(--asBjAptdHtbI);
border: 1px solid var(--asBjAptdHtbI);
font-size: 16px;
font-weight: 600;
border-radius: 15px;
padding: 7px 22px;
transition: border 0.18s, color 0.18s, background 0.18s;
box-shadow: 0 2px 8px rgba(0,0,0,0.07);
cursor: pointer;
user-select: none;
display: flex;
align-items: center;
gap: 8px;
}

.JRacuxxuyoHm::after {
content: "\f107";
font-family: "Font Awesome";
font-weight: 900;
font-size: 16px;
line-height: 1;
margin-left: 6px;
transition: transform 0.22s;
}

#lang-dropdown-toggle:checked + .JRacuxxuyoHm::after {
transform: rotate(180deg);
}

.LojxcuCatPbq {
display: none;
position: absolute;
min-width: 145px;
color: var(--asBjAptdHtbI);
background-color: var(--ADDrLGvvXGDP);
border-radius: 15px;
box-shadow: 0 2px 10px rgba(0,0,0,0.10);
border: 1px solid var(--asBjAptdHtbI);
z-index: 99;
padding: 6px 0;
}

#lang-dropdown-toggle:checked ~ .LojxcuCatPbq {
display: flex;
flex-direction: column;
animation: fadeInLangList 0.18s;
}

@keyframes fadeInLangList {
from { opacity: 0; transform: translateY(10px);}
to { opacity: 1; transform: translateY(0);}
}

.LojxcuCatPbq .HtGscvDdkIKM {
white-space: nowrap;
border-radius: 8px;
padding: 8px 22px;
font-weight: 500;
transition: background 0.18s, color 0.18s;
text-align: left;
display: block;
color: var(--asBjAptdHtbI);
}

.LojxcuCatPbq .HtGscvDdkIKM:hover {
background-color: var(--dzPdLJOMyPiH);
color: var(--asBjAptdHtbI);
}

.LojxcuCatPbq .HtGscvDdkIKM.is-active {
color: var(--ADDrLGvvXGDP);
font-weight: 600;
background: var(--aThUtkZHaiwd);
border-radius: 8px;
}
.AHVUyWmdgwLw {
background-color: var(--VpwlFysgcNjL);
color: var(--maHdRCHoVszz);
padding: 2rem;
}

.iXQOoomhRkcA {
background-color: var(--ADDrLGvvXGDP);
max-width: 1200px;
width: 100%;
margin: 0 auto;
padding-inline: 2rem;
}

.inside-iXQOoomhRkcA {
text-align: center;
}

.cuSoAyABngPr {
display: flex;
align-items: center;
justify-content: center;
gap: 25px;
flex-wrap: nowrap;
margin: 0 auto 60px;
}

.QTTPMXSgOSxQ {
display: flex;
gap: 30px;
justify-content: center;
text-align: center;
max-width: 800px;
flex-wrap: wrap;
margin: 0 auto;
list-style: none;
padding: 0;
}

.DETiYNKjPJbN {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 20px;
margin-bottom: 20px;
}

.xfWfDIuGRthC {
width: 200px;
height: auto;
}

.IBxVfuUseKsi {
width: 150px;
height: auto;
}

.YmaHVehnQEqX {
width: 45px;
height: auto;
}

@media (max-width: 767px) {
.AHVUyWmdgwLw {
margin-bottom: 70px;
}

.cuSoAyABngPr {
flex-direction: column;
}
}

@media (max-width: 576px) {
.DETiYNKjPJbN,
.QTTPMXSgOSxQ {
flex-direction: column;
gap: 15px;
align-items: center;
}
}