:root {
    --clr-dark: #121019;
    --clr-light: #EAE8F1;
    --clr-slate: #7A748E;
    --clr-accent: #8A4FFF;
    --clr-accent-hover: #A071FF;
    --clr-white: #ffffff;
    --clr-border: #2C283B;
    --ff-primary: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    --fs-base: 1rem;
    --fw-regular: 400;
    --fw-bold: 700;
    --size-100: 0.25rem; --size-200: 0.5rem; --size-300: 0.75rem;
    --size-400: 1rem;   --size-500: 1.5rem; --size-600: 2rem;
    --size-700: 3rem;   --size-800: 4rem;   --size-900: 5rem;
    --transition-fast: 200ms ease-in-out;
    --transition-smooth: 350ms ease-in-out;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { 
    font-family: var(--ff-primary); 
    font-size: var(--fs-base); 
    line-height: 1.6; 
    background-color: var(--clr-dark); 
    color: var(--clr-light); 
    min-height: 100vh; 
    text-rendering: optimizeSpeed; 
}
body.nOsCrOlL {
    overflow: hidden;
}

img, picture, video, canvas, svg { display: block; max-width: 100%; }
h1, h2, h3, h4, h5, h6 { line-height: 1.2; font-weight: var(--fw-bold); text-wrap: balance; }
a { color: inherit; text-decoration: none; }
ul { list-style: none; }
button { font: inherit; background: none; border: none; cursor: pointer; }

.aZpLqWbNcXvFjKl { width: 90%; max-width: 1200px; margin-inline: auto; }
.sEcOnDhEaDiNg { font-size: clamp(1.75rem, 5vw, 2.5rem); margin-bottom: var(--size-600); text-align: center; }

.aNiMaTeOnScRoLl {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.5s ease-out, transform 0.5s ease-out;
}
.aNiMaTeOnScRoLl.is-visible {
    opacity: 1;
    transform: translateY(0);
}

.kDbFlKjBnVcDgHj { position: sticky; top: 0; z-index: 998; background: rgba(18, 16, 25, 0.8); backdrop-filter: blur(10px); border-bottom: 1px solid var(--clr-border); padding-block: var(--size-400); }
.kDbFlKjBnVcDgHj > .aZpLqWbNcXvFjKl { display: flex; justify-content: space-between; align-items: center; }
.sTqRzYvBwExDcUj img { height: 40px; width: auto; }
.uYtReWqPoIjUhGf { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border-width: 0; }

.pLmWnBvCxZqAsDf { display: flex; }
.jHgFdSaPqOwIuYt { display: flex; gap: var(--size-600); }
.gYzXcVbNmQlKjHg { position: relative; font-weight: var(--fw-bold); color: var(--clr-light); transition: color var(--transition-fast); }
.gYzXcVbNmQlKjHg::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 100%; height: 2px; background-color: var(--clr-accent); transform: scaleX(0); transform-origin: right; transition: transform var(--transition-fast); }
.gYzXcVbNmQlKjHg:hover { color: var(--clr-accent); }
.gYzXcVbNmQlKjHg:hover::after { transform: scaleX(1); transform-origin: left; }

.oKjIhUgYfTdRsEw {
    display: none;
    position: fixed;
    top: 1rem;
    right: 2rem;
    width: 2.5rem;
    height: 2.5rem;
    z-index: 1001;
}
.oKjIhUgYfTdRsEw[aria-expanded="false"] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EAE8F1' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E") center no-repeat; }
.oKjIhUgYfTdRsEw[aria-expanded="true"] { background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23EAE8F1' stroke-width='2.5' stroke-linecap='round'%3E%3Cpath d='M18 6L6 18M6 6l12 12'/%3E%3C/svg%3E") center no-repeat; }

section {
    padding-block: var(--size-900);
}

.hErOsEcTiOn { text-align: center; }
.tExTcOnTeNt { max-width: 800px; margin-inline: auto; }
.fIrStHeAdInG { font-size: clamp(2.5rem, 6vw, 4rem); margin-bottom: var(--size-400); color: var(--clr-white); }
.pArAgRaPh { font-size: 1.25rem; color: var(--clr-slate); max-width: 650px; margin-inline: auto; margin-bottom: var(--size-600); }
.cTaBuTtOn { display: inline-block; background-color: var(--clr-accent); color: var(--clr-white); padding: var(--size-400) var(--size-600); border-radius: 8px; font-weight: var(--fw-bold); transition: background-color var(--transition-fast), transform var(--transition-fast); }
.cTaBuTtOn:hover { background-color: var(--clr-accent-hover); transform: translateY(-3px); }

.gRiDcOnTaInEr { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--size-600); }
.cArDiTeM { background-color: var(--clr-border); padding: var(--size-600); border-radius: 8px; text-align: center; }
.cArDiTeM h3 { margin-bottom: var(--size-300); color: var(--clr-accent); }

.tHrEeCoLuMnGrId { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--size-600); margin-bottom: var(--size-600); }
.cOlUmNiTeM { background-color: var(--clr-border); padding: var(--size-600); border-radius: 8px; text-align: center; }
.iCoNsVg { width: 50px; height: 50px; margin-inline: auto; margin-bottom: var(--size-500); color: var(--clr-accent); }
.cOlUmNhEaDiNg { margin-bottom: var(--size-300); color: var(--clr-light); }
.hIdDeNaDdItIoNaLtExT { max-height: 0; overflow: hidden; color: var(--clr-slate); transition: max-height 0.4s ease-out; }
.cOlUmNiTeM.oPeNeDcArD .hIdDeNaDdItIoNaLtExT { max-height: 200px; margin-top: var(--size-400); }
.eXpAnDsErViCeS { display: block; margin-inline: auto; border: 2px solid var(--clr-accent); color: var(--clr-accent); padding: var(--size-300) var(--size-500); border-radius: 8px; font-weight: var(--fw-bold); transition: all var(--transition-fast); }
.eXpAnDsErViCeS:hover { background-color: var(--clr-accent); color: var(--clr-white); }

.sLiDeRwRaPpEr { position: relative; }
.sLiDeRcOnTaInEr { overflow: hidden; }
.sLiDeRtRaCk { display: flex; transition: transform var(--transition-smooth); }
.sLiDeItEm { flex: 0 0 33.33%; padding: 0 var(--size-400); }
.sLiDeItEm img { border-radius: 8px; margin-bottom: var(--size-400); aspect-ratio: 4 / 3; object-fit: cover; border: 1px solid var(--clr-border); }
.sLiDeItEm h4 { font-size: 1.2rem; margin-bottom: var(--size-200); }
.sLiDeItEm p { color: var(--clr-slate); }
.sLiDeRbUtToN { position: absolute; top: 50%; transform: translateY(-50%); background-color: var(--clr-border); color: var(--clr-light); border: 1px solid var(--clr-border); border-radius: 50%; width: 50px; height: 50px; font-size: 1.5rem; display: flex; align-items: center; justify-content: center; transition: all var(--transition-fast); z-index: 10; }
.sLiDeRbUtToN:hover { background-color: var(--clr-accent); color: var(--clr-white); border-color: var(--clr-accent); }
.sLiDeRbUtToN.pReV { left: -25px; }
.sLiDeRbUtToN.nExT { right: -25px; }

.lOnGtExTsEcTiOn { background-color: var(--clr-border); }
.lOnGtExTsEcTiOn .aZpLqWbNcXvFjKl { max-width: 800px; }
.cOlLaPsIbLeCoNtEnT .hIdDeNcOnTeNt { display: none; }
.cOlLaPsIbLeCoNtEnT.eXpAnDeD .hIdDeNcOnTeNt { display: block; }
.rEaDmOrEbUtToN { display: block; margin-inline: auto; margin-top: var(--size-500); border: 2px solid var(--clr-accent); color: var(--clr-accent); padding: var(--size-300) var(--size-500); border-radius: 8px; font-weight: var(--fw-bold); transition: all var(--transition-fast); }
.rEaDmOrEbUtToN:hover { background-color: var(--clr-accent); color: var(--clr-white); }

.bVcNnMbLkJhGfDs { background-color: var(--clr-dark); color: var(--clr-light); padding-block-start: var(--size-800); border-top: 1px solid var(--clr-border); }
.zXcCvBbNmMlLkKj { display: grid; gap: var(--size-600); grid-template-columns: 2fr 1fr 1fr; margin-bottom: var(--size-700); }
.fOoTeRbRaNd { padding-right: var(--size-700); }
.fOoTeRlOgO img { height: 40px; margin-bottom: var(--size-400); }
.qWeRtYuIoPaSdF h3 { margin-bottom: var(--size-400); color: var(--clr-accent); }
.fDsAgHjKlMnBvCx { color: var(--clr-slate); transition: color var(--transition-fast); }
.fDsAgHjKlMnBvCx:hover { color: var(--clr-white); }
.pOiUyTrEwQaSdFz { text-align: center; border-top: 1px solid var(--clr-border); padding-block: var(--size-500); color: var(--clr-slate); }

.eNtHuSiAsTsSeCtIoN { background-color: var(--clr-border); }
.tWoCoLuMnLaYoUt { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-700); align-items: center; }
.iMaGeCoNtAiNeR img { border-radius: 8px; width: 100%; height: 100%; object-fit: cover; }
.tExTwRaPpEr .iNbLiNeHeAdInG { text-align: left; margin-bottom: var(--size-500); }
.tExTwRaPpEr p { color: var(--clr-slate); margin-bottom: var(--size-200); }
.eXpAnDaBlEtExT .hIdDeNpArT { max-height: 0; overflow: hidden; transition: max-height 0.4s ease-out; }
.eXpAnDaBlEtExT.iSeXpAnDeD .hIdDeNpArT { max-height: 250px; }
.nEwReAdMoReBtN { display: inline-block; margin-top: var(--size-500); border: 2px solid var(--clr-accent); color: var(--clr-accent); padding: var(--size-300) var(--size-500); border-radius: 8px; font-weight: var(--fw-bold); transition: all var(--transition-fast); }
.nEwReAdMoReBtN:hover { background-color: var(--clr-accent); color: var(--clr-white); }

.tAbBuTtOnWrApPeR { display: flex; justify-content: center; gap: var(--size-200); margin-bottom: var(--size-600); flex-wrap: wrap; }
.tAbBuTtOn { padding: var(--size-300) var(--size-500); border: 2px solid var(--clr-border); border-radius: 8px; font-weight: var(--fw-bold); color: var(--clr-slate); transition: all var(--transition-fast); }
.tAbBuTtOn:hover { color: var(--clr-light); border-color: var(--clr-accent-hover); }
.tAbBuTtOn.aCtIvEtAb { background-color: var(--clr-accent); color: var(--clr-white); border-color: var(--clr-accent); }
.tAbPaNeL { background-color: var(--clr-border); border-radius: 8px; padding: var(--size-700); transition: opacity var(--transition-smooth); }
.tAbPaNeL:not(.sHoWpAnEl) { display: none; }
.pAnElInNeRgRiD { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-700); align-items: center; }
.pAnElImAgE { border-radius: 8px; width: 100%; height: 100%; object-fit: cover; }
.pAnElTeXt h3 { margin-bottom: var(--size-400); color: var(--clr-accent); }
.pAnElTeXt p { color: var(--clr-slate); }

.aCcOrDiOnCoNtAiNeR { max-width: 800px; margin-inline: auto; border: 1px solid var(--clr-border); border-radius: 8px; overflow: hidden; }
.aCcOrDiOnItEm { border-bottom: 1px solid var(--clr-border); }
.aCcOrDiOnItEm:last-child { border-bottom: none; }
.aCcOrDiOnHeAdEr { width: 100%; padding: var(--size-500); display: flex; justify-content: space-between; align-items: center; gap: var(--size-500); text-align: left; color: var(--clr-light); transition: background-color var(--transition-fast); }
.aCcOrDiOnHeAdEr:hover { background-color: var(--clr-border); }
.qUeStIoNtExT { font-weight: var(--fw-bold); font-size: 1.1rem; }
.iCoNwRaPpEr { flex-shrink: 0; width: 24px; height: 24px; color: var(--clr-accent); transition: transform 0.3s ease; }
.iCoNmInUs { display: none; }
.aNsWeRpAnEl { padding-inline: var(--size-500); color: var(--clr-slate); display: grid; grid-template-rows: 0fr; transition: grid-template-rows 0.4s ease-out; }
.aNsWeRpAnEl p { overflow: hidden; padding-bottom: 0; transition: padding-bottom 0.4s ease-out; }
.aCcOrDiOnItEm.aCtIvEaCcOrDiOn > .aCcOrDiOnHeAdEr .iCoNwRaPpEr { transform: rotate(180deg); }
.aCcOrDiOnItEm.aCtIvEaCcOrDiOn > .aCcOrDiOnHeAdEr .iCoNpLuS { display: none; }
.aCcOrDiOnItEm.aCtIvEaCcOrDiOn > .aCcOrDiOnHeAdEr .iCoNmInUs { display: block; }
.aCcOrDiOnItEm.aCtIvEaCcOrDiOn > .aNsWeRpAnEl { grid-template-rows: 1fr; }
.aCcOrDiOnItEm.aCtIvEaCcOrDiOn > .aNsWeRpAnEl p { padding-bottom: var(--size-500); }

.cTaGrAdIeNtSeCtIoN { text-align: center; }
.cTaCoNtEnT { max-width: 700px; margin-inline: auto; }
.cTaHeAdInG { font-size: clamp(2rem, 5vw, 3rem); margin-bottom: var(--size-400); color: var(--clr-white); }
.cTaSuBtExT { color: var(--clr-slate); font-size: 1.1rem; max-width: 600px; margin-inline: auto; margin-bottom: var(--size-600); }
.gRaDiEnTbUtToN { display: inline-block; padding: var(--size-500) var(--size-700); font-size: 1.2rem; font-weight: var(--fw-bold); color: var(--clr-white); background-image: linear-gradient(to right, var(--clr-accent) 0%, var(--clr-accent-hover) 100%); background-size: 200% auto; border-radius: 12px; border: none; text-decoration: none; transition: all 0.4s cubic-bezier(.25,.8,.25,1); box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); }
.gRaDiEnTbUtToN:hover { background-position: right center; transform: translateY(-3px) scale(1.02); box-shadow: 0 10px 20px rgba(138, 79, 255, 0.25); }

.aBoUtHeRo { background-color: var(--clr-border); }
.oUrStOrYsEcTiOn .tExTwRaPpEr p { color: var(--clr-slate); margin-bottom: var(--size-500); }
.oUrStOrYsEcTiOn .tExTwRaPpEr p:last-child { margin-bottom: 0; }
.mIsSiOnViSiOn { background-color: var(--clr-border); }
.mIsSiOnGrId { display: grid; grid-template-columns: 1fr 1fr; gap: var(--size-700); max-width: 1000px; margin-inline: auto; }
.mIsSiOnItEm { border-left: 4px solid var(--clr-accent); padding-left: var(--size-600); }
.mIsSiOnItEm h3 { margin-bottom: var(--size-400); color: var(--clr-light); }
.mIsSiOnItEm p { color: var(--clr-slate); }
.tEaMmEmBeRgRiD { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: var(--size-600); }
.tEaMcArD { text-align: center; }
.tEaMcArD img { border-radius: 50%; margin-inline: auto; margin-bottom: var(--size-500); aspect-ratio: 1 / 1; object-fit: cover; border: 3px solid var(--clr-border); transition: transform var(--transition-fast), border-color var(--transition-fast); }
.tEaMcArD:hover img { transform: scale(1.05); border-color: var(--clr-accent); }
.tEaMnAmE { font-size: 1.25rem; margin-bottom: var(--size-100); color: var(--clr-light); }
.tEaMrOlE { color: var(--clr-accent); }
.sToRyTeXtWrApPeR .hIdDeNsToRyPaRt { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease-out, opacity 0.4s ease-in; }
.sToRyTeXtWrApPeR.sHoWmOrEsToRy .hIdDeNsToRyPaRt { max-height: 500px; opacity: 1; }
.sToRyReAdMoReBtN { display: inline-block; margin-top: var(--size-500); border: 2px solid var(--clr-accent); color: var(--clr-accent); padding: var(--size-300) var(--size-500); border-radius: 8px; font-weight: var(--fw-bold); transition: all var(--transition-fast); }
.sToRyReAdMoReBtN:hover { background-color: var(--clr-accent); color: var(--clr-white); }
.tEaMcArD p { color: var(--clr-slate); margin-bottom: var(--size-400); }
.tEaMcArD .tEaMrOlE { color: var(--clr-accent); margin-bottom: var(--size-400); }
.tEaMbIoWrApPeR { min-height: 100px; }
.tEaMbIoWrApPeR .hIdDeNbIo { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease-out, opacity 0.4s ease-in; }
.tEaMbIoWrApPeR.sHoWbIo .hIdDeNbIo { max-height: 500px; opacity: 1; }
.tEaMrEaDmOrE { border: 2px solid var(--clr-border); color: var(--clr-slate); padding: var(--size-200) var(--size-400); border-radius: 8px; font-weight: var(--fw-bold); transition: all var(--transition-fast); font-size: 0.9rem; }
.tEaMrEaDmOrE:hover { border-color: var(--clr-accent); color: var(--clr-accent); }

.tImElInEwRaPpEr { position: relative; max-width: 800px; margin-inline: auto; border-left: 3px solid var(--clr-border); }
.tImElInEiTeM { position: relative; padding-left: var(--size-700); padding-bottom: var(--size-700); }
.tImElInEiTeM:last-child { padding-bottom: 0; }
.tImElInEdOt { position: absolute; left: -11px; top: 4px; width: 20px; height: 20px; background-color: var(--clr-accent); border: 3px solid var(--clr-dark); border-radius: 50%; z-index: 2; }
.tImElInEcOnTeNt { position: relative; top: -5px; }
.tImElInEyEaR { font-size: 1.25rem; color: var(--clr-light); margin-bottom: var(--size-300); }
.tImElInEdEsC { color: var(--clr-slate); }

.dAtAcOuNtSeCtIoN { background-color: var(--clr-border); }
.cOuNtErGrId { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--size-600); max-width: 900px; margin-inline: auto; }
.cOuNtErItEm { text-align: center; }
.cOuNtErIcOn { width: 50px; height: 50px; color: var(--clr-accent); margin-inline: auto; margin-bottom: var(--size-400); }
.cOuNtErNuMbEr { display: block; font-size: clamp(2.5rem, 6vw, 3.5rem); font-weight: var(--fw-bold); color: var(--clr-light); line-height: 1.1; }
.cOuNtErNuMbEr::after { content: "+"; }
.cOuNtErLaBeL { color: var(--clr-slate); font-size: 1.1rem; }
.cOuNtErInTrO { color: var(--clr-slate); text-align: center; max-width: 600px; margin-inline: auto; margin-bottom: var(--size-700); }

.pErFoRmAnCeHeRo { background-color: var(--clr-dark); }
.pAcKaGeItEm { display: flex; flex-direction: column; }
.pAcKaGeTeXtWrAp { flex-grow: 1; }
.hIdDeNpAcKaGe { max-height: 0; overflow: hidden; opacity: 0; transition: max-height 0.4s ease-out, opacity 0.4s ease-in; }
.pAcKaGeTeXtWrAp.oPeNpAcKaGe .hIdDeNpAcKaGe { max-height: 500px; opacity: 1; }
.iNdIvIdUaLbUtToN { margin-top: var(--size-500); border: 2px solid var(--clr-border); color: var(--clr-slate); padding: var(--size-200) var(--size-400); border-radius: 8px; font-weight: var(--fw-bold); transition: all var(--transition-fast); font-size: 0.9rem; align-self: center; }
.iNdIvIdUaLbUtToN:hover { border-color: var(--clr-accent); color: var(--clr-accent); }
.sVgHeAdErWrAp { display: flex; align-items: center; gap: var(--size-400); margin-bottom: var(--size-500); }
.sVgHeAdErIcOn { width: 40px; height: 40px; color: var(--clr-accent); flex-shrink: 0; }
.sVgHeAdErWrAp .iNbLiNeHeAdInG { margin-bottom: 0; }

.dElIvErYtExT p { color: var(--clr-slate); margin-bottom: var(--size-400); }
.dElIvErYtExT p:last-child { margin-bottom: 0; }
.sErViCeCaRdIcOn { width: 40px; height: 40px; color: var(--clr-accent); margin-inline: auto; margin-bottom: var(--size-500); }

.tEsTiMoNiAlS { background-color: var(--clr-dark); }
.sLiDeItEm.tEsTiMoNiAlItEm { padding-inline: var(--size-300); background: transparent; height: auto; display: block; padding-block: 0; }
.qUoTeCaRd { background-color: var(--clr-border); border-radius: 8px; padding: var(--size-600); height: 100%; display: flex; flex-direction: column; }
.qUoTeTeXt { color: var(--clr-slate); font-style: italic; margin-bottom: var(--size-500); flex-grow: 1; }
.aUtHoRiNfO { display: flex; align-items: center; gap: var(--size-400); text-align: left; }
.aUtHoRiNfO img { border-radius: 50%; width: 60px; height: 60px; object-fit: cover; /*flex-shrink: 0;*/ }
.aUtHoRnAmE { color: var(--clr-light); margin: 0; }
.aUtHoRvEhIcLe { color: var(--clr-accent); margin: 0; font-size: 0.9rem; }
.tEsTiMoNiAlItEm h4, 
.tEsTiMoNiAlItEm p { margin: 0; }
.sLiDeRtRaCk { padding-block: var(--size-200); }

.cOnTaCtGrId { display: grid; grid-template-columns: 1fr 1.5fr; gap: var(--size-800); }
.cOnTaCtInFo h3 { margin-bottom: var(--size-500); color: var(--clr-light); }
.cOnTaCtInFo p { color: var(--clr-slate); margin-bottom: var(--size-600); }
.cOnTaCtInFo ul { display: flex; flex-direction: column; gap: var(--size-500); }
.cOnTaCtInFo li { display: flex; align-items: center; gap: var(--size-400); }
.cOnTaCtInFo svg { width: 24px; height: 24px; color: var(--clr-accent); flex-shrink: 0; }
.cOnTaCtInFo a { transition: color var(--transition-fast); }
.cOnTaCtInFo a:hover { color: var(--clr-accent); }
.cOnTaCtFoRm h3 { margin-bottom: var(--size-600); }
.fOrMgRoUp { margin-bottom: var(--size-500); }
.fOrMgRoUp label { display: block; margin-bottom: var(--size-200); font-weight: var(--fw-bold); }
input[type="text"],
input[type="email"],
textarea { width: 100%; padding: var(--size-400); background-color: var(--clr-border); border: 2px solid var(--clr-border); border-radius: 8px; color: var(--clr-light); font-size: 1rem; transition: border-color var(--transition-fast); }
textarea { resize: vertical; min-height: 120px; }
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus { outline: none; border-color: var(--clr-accent); }
.cHeCkBoXwRaPpEr { display: flex; align-items: center; flex-wrap: wrap; }
.cHeCkBoXwRaPpEr input[type="checkbox"] { width: 1.2em; height: 1.2em; margin-right: var(--size-300); accent-color: var(--clr-accent); }
.cHeCkBoXwRaPpEr label { margin: 0; color: var(--clr-slate); }
.cHeCkBoXwRaPpEr a { color: var(--clr-accent); text-decoration: underline; }
.sUbMiTbUtToN { width: 100%; padding: var(--size-400); background-color: var(--clr-accent); color: var(--clr-white); font-weight: var(--fw-bold); font-size: 1.1rem; border-radius: 8px; border: none; cursor: pointer; transition: background-color var(--transition-fast); }
.sUbMiTbUtToN:hover { background-color: var(--clr-accent-hover); }

.tExTcOnTeNtPaGe .aZpLqWbNcXvFjKl { max-width: 800px; }
.tExTcOnTeNtPaGe h2 { font-size: 1.75rem; color: var(--clr-light); margin-top: var(--size-700); margin-bottom: var(--size-400); border-bottom: 2px solid var(--clr-border); padding-bottom: var(--size-200); }
.tExTcOnTeNtPaGe h2:first-of-type { margin-top: 0; }
.tExTcOnTeNtPaGe p, 
.tExTcOnTeNtPaGe li { color: var(--clr-slate); line-height: 1.8; margin-bottom: var(--size-400); }
.tExTcOnTeNtPaGe ul { list-style: disc; padding-left: var(--size-600); }
.tExTcOnTeNtPaGe a { color: var(--clr-accent); text-decoration: underline; }

.tHaNkYoUsEcTiOn { display: flex; align-items: center; justify-content: center; min-height: 100vh; text-align: center; padding: var(--size-600); }
.tHaNkYoUiCoN { width: 80px; height: 80px; color: var(--clr-accent); margin-inline: auto; margin-bottom: var(--size-600); }
.tHaNkYoUcOnTeNt .fIrStHeAdInG { margin-bottom: var(--size-400); }
.tHaNkYoUcOnTeNt .pArAgRaPh { margin-bottom: var(--size-700); }

@media (max-width: 992px) {
    .sLiDeItEm { flex: 0 0 50%; }
    .zXcCvBbNmMlLkKj { grid-template-columns: 1fr 1fr; }
    .fOoTeRbRaNd { grid-column: 1 / -1; padding-right: 0; }
    .tHrEeCoLuMnGrId { grid-template-columns: 1fr; }
}

@media (max-width: 768px) {
    .oKjIhUgYfTdRsEw { display: block; }
    .pLmWnBvCxZqAsDf {
        position: fixed;
        inset: 0;
        z-index: 1000;
        height: 100vh;
        height: 100dvh;
        display: flex;
        align-items: center;
        justify-content: center;
        background: var(--clr-dark);
        opacity: 0;
        visibility: hidden;
        transition: opacity var(--transition-smooth), visibility var(--transition-smooth);
    }
    .pLmWnBvCxZqAsDf[data-visible="true"] {
        opacity: 1;
        visibility: visible;
    }
    .pLmWnBvCxZqAsDf .jHgFdSaPqOwIuYt {
        flex-direction: column;
        text-align: center;
        font-size: 1.5rem;
        gap: var(--size-500);
    }

    .sLiDeItEm { flex: 0 0 100%; }
    .sLiDeRbUtToN { top: 40%; background-color: rgba(44, 40, 59, 0.7); }
    .sLiDeRbUtToN.pReV { left: 10px; }
    .sLiDeRbUtToN.nExT { right: 10px; }

    .tWoCoLuMnLaYoUt {
        grid-template-columns: 1fr;
        gap: var(--size-600);
    }
    .tWoCoLuMnLaYoUt.rEvErSeOnDeSkToP {
        grid-template-areas: "image" "text";
    }
    .tWoCoLuMnLaYoUt.rEvErSeOnDeSkToP .iMaGeCoNtAiNeR {
        grid-area: image;
    }
    .tWoCoLuMnLaYoUt.rEvErSeOnDeSkToP .tExTwRaPpEr {
        grid-area: text;
    }
    
    .tExTwRaPpEr .iNbLiNeHeAdInG {
        text-align: center;
    }
    .tExTwRaPpEr {
        text-align: center;
    }
    .sVgHeAdErWrAp {
        justify-content: center;
    }

    .pAnElInNeRgRiD {
        grid-template-columns: 1fr;
        text-align: center;
    }
    .pAnElImAgE {
        aspect-ratio: 16 / 9;
    }
    .mIsSiOnGrId {
        grid-template-columns: 1fr;
    }
    .cOuNtErGrId {
        grid-template-columns: 1fr;
        gap: var(--size-800);
    }
    .cOnTaCtGrId {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    :root { 
        --fs-base: 0.95rem; 
    }
    .aZpLqWbNcXvFjKl { 
        width: 95%; 
    }
    section {
        padding-block: var(--size-800);
    }

    .sTqRzYvBwExDcUj img { 
        height: 35px; 
    }
    .oKjIhUgYfTdRsEw { 
        top: 0.8rem;
        right: 1.5rem; 
    }
    .fIrStHeAdInG { 
        font-size: 2.2rem; 
    }
    .pArAgRaPh { 
        font-size: 1.1rem; 
    }
    .sEcOnDhEaDiNg { 
        font-size: 1.7rem;
        margin-bottom: var(--size-500);
    }
    .sLiDeRbUtToN { 
        width: 40px; 
        height: 40px; 
        font-size: 1.2rem; 
    }
    .sLiDeRbUtToN.pReV { 
        left: 5px; 
    }
    .sLiDeRbUtToN.nExT { 
        right: 5px; 
    }
    .zXcCvBbNmMlLkKj { 
        grid-template-columns: 1fr; 
        text-align: center; 
        gap: var(--size-500);
    }
    .fOoTeRbRaNd {
        margin-bottom: var(--size-500);
    }
    .fOoTeRlOgO { 
        margin-inline: auto; 
    }

    .tImElInEiTeM {
        padding-left: var(--size-600);
    }
    .tImElInEdOt {
        width: 18px;
        height: 18px;
        left: -10px;
    }
    .qUeStIoNtExT {
        font-size: 1rem;
    }
    .tAbBuTtOn {
        padding: var(--size-200) var(--size-400);
        font-size: 0.9rem;
    }
    .cTaHeAdInG {
        font-size: 1.8rem;
    }
    .gRaDiEnTbUtToN {
        padding: var(--size-400) var(--size-600);
        font-size: 1.1rem;
    }
}

.hErOwItHbG {
    position: relative; 
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    background-image: url('images/bg2.webp');
}

.hErOwItHbG::before {
    content: '';
    position: absolute;
    inset: 0; 
    background-color: rgba(18, 16, 25, 0.7);
    z-index: 1;
}

.hErOwItHbG .aZpLqWbNcXvFjKl {
    position: relative;
    z-index: 2;
}

.hErOwItHbG .fIrStHeAdInG,
.hErOwItHbG .pArAgRaPh {
    text-align: center;
}
.home-hero-bg {
    background-image: url('images/bg1.webp');
    background-attachment: fixed
}
@media (max-width: 992px) {
    .home-hero-bg {
        background-attachment: scroll; 
    }
}