@import "https://cdn.jsdelivr.net/npm/@fontsource/literata@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/literata@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Literata',serif;background:#0a0a0b;color:#e8e9ea;line-height:1.6;overflow-x:hidden}
.sitecontainer{max-width:1366px;margin:0 auto;padding:0 24px}
.headerarea{background:linear-gradient(195deg,#0d0d0e 0%,#1a1a1c 50%,#0f0f10 100%);border-bottom:1px solid #00f28326;padding:32px 0 28px;position:relative}
.headerarea::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:92%;height:1px;background:linear-gradient(90deg,transparent 0%,#00F283 50%,transparent 100%);opacity:.4}
.headergrid{display:flex;flex-direction:column;gap:18px}
.logorow{display:flex;align-items:center;margin-left:0}
.brandlogo{height:96px;width:96px;background:#00f28314;border-radius:28px;padding:12px;box-shadow:0 8px 24px #00f2831f;border:1px solid #00f28333}
.brandlogo img{width:100%;height:100%;object-fit:contain}
.titlelayer{display:flex;justify-content:center;margin-left:62px}
.sitename{font-size:2.1rem;font-weight:700;color:#00F283;text-shadow:0 4px 16px #00f2834d;letter-spacing:.5px}
.navigationrow{display:flex;justify-content:flex-end;margin-left:124px}
.mainnavbar ul{list-style:none;display:flex;gap:32px;align-items:center}
.mainnavbar li{position:relative}
.mainnavbar a{color:#e8e9ea;text-decoration:none;font-size:1.05rem;font-weight:400;padding:8px 14px;border-radius:16px;transition:all .3s ease;display:block}
.mainnavbar a:hover{color:#00F283;background:#00f2831a}
.mainnavbar .hassub{position:relative}
.subnavitems{position:absolute;top:100%;left:0;background:linear-gradient(165deg,#1a1a1c 0%,#0d0d0e 100%);border:1px solid #00f28340;border-radius:20px;min-width:220px;padding:12px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:all .3s ease;box-shadow:0 16px 48px #0009;z-index:100;margin-top:4px}
.hassub:hover .subnavitems{opacity:1;visibility:visible;transform:translateY(0)}
.subnavitems li{padding:0}
.subnavitems a{padding:12px 24px;border-radius:0}
.subnavitems a:hover{background:#00f28326}
.footersection{background:linear-gradient(15deg,#0d0d0e 0%,#46091E 50%,#1a1a1c 100%);border-top:1px solid #00f28326;padding:48px 0 36px;margin-top:80px}
.footercontent{display:flex;flex-direction:column;gap:28px}
.footertoplevel{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:42px}
.companyinfo h3{color:#00F283;font-size:1.4rem;margin-bottom:18px;font-weight:700}
.companyinfo p{color:#b8b9ba;line-height:1.8;margin-bottom:12px}
.companyinfo a{color:#00F283;text-decoration:none;transition:opacity .3s ease}
.companyinfo a:hover{opacity:.8}
.footerlinks h4{color:#e8e9ea;font-size:1.15rem;margin-bottom:16px;font-weight:700}
.footerlinks ul{list-style:none}
.footerlinks li{margin-bottom:10px}
.footerlinks a{color:#b8b9ba;text-decoration:none;transition:color .3s ease;font-size:.98rem}
.footerlinks a:hover{color:#00F283}
.footerbottom{border-top:1px solid #f8f9fa1a;padding-top:24px;text-align:center;color:#8a8b8c;font-size:.92rem}
.cookiemodal{position:fixed;left:24px;top:50%;transform:translateY(-50%) translateX(-100%);background:linear-gradient(135deg,#1a1a1c 0%,#0d0d0e 100%);border:1px solid #00f2834d;border-radius:32px;padding:32px;max-width:440px;box-shadow:0 24px 64px #000c;z-index:10000;transition:transform .6s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiemodal.showmodal{transform:translateY(-50%) translateX(0)}
.cookiemodal h3{color:#00F283;font-size:1.4rem;margin-bottom:16px;font-weight:700}
.cookiemodal p{color:#b8b9ba;margin-bottom:20px;font-size:.96rem;line-height:1.6}
.consentoptions{display:flex;flex-direction:column;gap:14px;margin-bottom:24px}
.consentitem{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f8f9fa08;border-radius:16px;border:1px solid #f8f9fa14}
.consentitem label{color:#e8e9ea;font-size:.94rem;cursor:pointer}
.consentitem input[type="checkbox"]{width:22px;height:22px;cursor:pointer;accent-color:#00F283}
.cookieactions{display:flex;gap:16px;flex-wrap:wrap}
.cookieactions button{background:transparent;color:#00F283;border:none;padding:12px 24px;font-size:.95rem;cursor:pointer;border-radius:16px;font-family:'Literata',serif;transition:all .3s ease;text-decoration:underline;text-decoration-color:transparent}
.cookieactions button:hover{text-decoration-color:#00F283;background:#00f28314}
.cookieactions .primaryaction{background:#00F283;color:#0a0a0b;font-weight:700;text-decoration:none}
.cookieactions .primaryaction:hover{background:#00d973;box-shadow:0 8px 24px #00f28340}
.cookiepolicylink{margin-top:16px;font-size:.85rem;color:#8a8b8c}
.cookiepolicylink a{color:#00F283;text-decoration:none}
.cookiepolicylink a:hover{text-decoration:underline}
.cookiebadge{position:fixed;bottom:24px;left:24px;width:56px;height:56px;background:#00F283;border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 8px 24px #00f28366;z-index:9999;transition:all .3s ease}
.cookiebadge:hover{transform:scale(1.1);box-shadow:0 12px 32px #00f28399}
.cookiebadge i{font-size:1.6rem;color:#0a0a0b}
.cookiebadge.activebadge{display:flex}
@media (max-width: 1024px) {
.headergrid{gap:24px}
.logorow,.titlelayer,.navigationrow{margin-left:0;justify-content:center}
.navigationrow{justify-content:center}
.mainnavbar ul{flex-wrap:wrap;justify-content:center;gap:20px}
.sitename{font-size:1.7rem}
.brandlogo{height:82px;width:82px}
}
@media (max-width: 768px) {
.sitecontainer{padding:0 18px}
.headerarea{padding:24px 0 20px}
.mainnavbar ul{flex-direction:column;gap:12px}
.sitename{font-size:1.45rem;text-align:center}
.brandlogo{height:72px;width:72px}
.footertoplevel{grid-template-columns:1fr;gap:32px}
.cookiemodal{left:12px;right:12px;max-width:none;padding:24px}
.cookieactions{flex-direction:column}
.cookieactions button{width:100%}
.cookiebadge{bottom:16px;left:16px;width:52px;height:52px}
}
@media (max-width: 480px) {
.sitename{font-size:1.25rem}
.mainnavbar a{font-size:.98rem}
}
.reviewtitlesection{position:relative;background:linear-gradient(195deg,#0a0a0f 0%,#1a0610 50%,#0f1012 100%);padding:90px 20px;margin:0 auto;max-width:1366px;overflow:hidden}
.reviewtitlesection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00f28314 0%,transparent 70%);border-radius:50%}
.reviewtitlesection::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#46091e1f 0%,transparent 70%);border-radius:50%}
.reviewtitleinnerwrap{max-width:1100px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:28px;align-items:center;text-align:center}
.reviewtitleinnerwrap h1{font-size:52px;font-weight:700;color:#00F283;margin:0;line-height:1.2;text-shadow:0 4px 20px #00f2834d}
.reviewtitledesc{font-size:19px;line-height:1.7;color:#dfe3e8;max-width:720px;margin:0}
.reviewgridmain{max-width:1366px;margin:0 auto;padding:85px 20px;background:#0d0e12}
.reviewgridinnerwrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.reviewcardbox{background:linear-gradient(165deg,#141419 0%,#1c1521 100%);padding:36px;border-radius:28px;box-shadow:0 8px 32px #0006 inset 0 1px 0 #ffffff08;border:1px solid #00f28314;transition:all .35s ease;position:relative;overflow:hidden}
.reviewcardbox::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.reviewcardbox:hover{transform:translateY(-6px);box-shadow:0 16px 48px #00f28326 inset 0 1px 0 #ffffff0f;border-color:#00f28333}
.reviewcardbox:hover::before{transform:scaleX(1)}
.reviewauthorwrap{display:flex;flex-direction:row;gap:16px;align-items:center;margin-bottom:24px}
.reviewauthoricon{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#00F283 0%,#46091E 100%);display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 16px #00f28340}
.reviewauthoricon i{font-size:26px;color:#0d0e12}
.reviewauthorinfo h3{font-size:20px;font-weight:600;color:#F8F9FA;margin:0 0 4px;line-height:1.3}
.reviewauthorinfo p{font-size:14px;color:#8a949e;margin:0}
.reviewtextcontent{font-size:16px;line-height:1.75;color:#c5ccd3;margin:0 0 20px}
.reviewstarsline{display:flex;flex-direction:row;gap:4px}
.reviewstarsline i{font-size:18px;color:#00F283}
.ratingstatssection{max-width:1366px;margin:0 auto;padding:75px 20px;background:linear-gradient(180deg,#0d0e12 0%,#181320 100%)}
.ratingstatsinner{max-width:1100px;margin:0 auto;display:flex;flex-direction:row;gap:60px;align-items:center}
.ratingstatsvisual{flex:1;position:relative}
.ratingstatsvisual img{width:100%;height:auto;max-width:520px;border-radius:32px;box-shadow:0 12px 48px #00000080;border:2px solid #00f28326}
.ratingstatsvisual::after{content:'';position:absolute;inset:-20px;background:radial-gradient(circle at 30% 40%,#00f2831a 0%,transparent 60%);z-index:-1;border-radius:40px}
.ratingstatscontent{flex:1}
.ratingstatscontent h2{font-size:42px;font-weight:700;color:#00F283;margin:0 0 20px;line-height:1.2}
.ratingstatscontent h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);margin-bottom:16px;border-radius:4px}
.ratingstatspara{font-size:17px;line-height:1.7;color:#d1d6dc;margin:0 0 32px}
.ratingnumberslist{display:flex;flex-direction:column;gap:18px}
.ratingnumberitem{display:flex;flex-direction:row;align-items:center;gap:16px}
.ratingnumberlabel{font-size:15px;color:#9ba5af;min-width:100px}
.ratingbartrack{flex:1;height:10px;background:#f8f9fa14;border-radius:8px;overflow:hidden;position:relative}
.ratingbarfill{height:100%;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);border-radius:8px;transition:width .6s ease}
.ratingnumberpercent{font-size:16px;font-weight:600;color:#00F283;min-width:50px;text-align:right}
.testimonialslidersection{max-width:1366px;margin:0 auto;padding:80px 20px;background:#0a0a0f;position:relative;overflow:hidden}
.testimonialslidersection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:90%;height:1px;background:linear-gradient(90deg,transparent 0%,#00f2834d 50%,transparent 100%)}
.testimonialsliderinner{max-width:900px;margin:0 auto;text-align:center}
.testimonialsliderinner h2{font-size:38px;font-weight:700;color:#F8F9FA;margin:0 0 48px;line-height:1.3}
.testimonialsliderinner h2 span{color:#00F283;position:relative}
.testimonialsliderinner h2 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:#00F283}
.testimonialitemslider{background:linear-gradient(150deg,#12131a 0%,#1a0f1e 100%);padding:48px 40px;border-radius:32px;box-shadow:0 12px 40px #00000080;border:1px solid #00f2831a}
.testimonialquoteicon{font-size:48px;color:#00f28333;margin-bottom:24px;display:inline-block}
.testimonialslidertext{font-size:19px;line-height:1.8;color:#dce1e6;margin:0 0 32px;font-style:italic}
.testimonialauthordata{display:flex;flex-direction:column;align-items:center;gap:8px}
.testimonialauthordata h4{font-size:20px;font-weight:600;color:#F8F9FA;margin:0}
.testimonialauthordata p{font-size:15px;color:#7d8790;margin:0}
.trustindicatorsection{max-width:1366px;margin:0 auto;padding:70px 20px;background:linear-gradient(195deg,#181320 0%,#0d0e12 100%)}
.trustindicatorinner{max-width:1100px;margin:0 auto}
.trustindicatorheadline{text-align:center;margin-bottom:56px}
.trustindicatorheadline h2{font-size:40px;font-weight:700;color:#F8F9FA;margin:0 0 16px;line-height:1.2}
.trustindicatorheadline p{font-size:18px;color:#b3bbc3;margin:0;max-width:680px;margin:0 auto}
.trustindicatorgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.trustindicatorcard{background:linear-gradient(135deg,#1a1a24 0%,#221728 100%);padding:40px 32px;border-radius:24px;text-align:center;box-shadow:0 6px 24px #0000004d;border:1px solid #f8f9fa0d;transition:all .3s ease}
.trustindicatorcard:hover{transform:translateY(-4px);border-color:#00f28333;box-shadow:0 12px 36px #00f2831f}
.trustindicatoriconwrap{width:70px;height:70px;margin:0 auto 24px;border-radius:50%;background:linear-gradient(135deg,#00f28326 0%,#46091e26 100%);display:flex;align-items:center;justify-content:center}
.trustindicatoriconwrap i{font-size:32px;color:#00F283}
.trustindicatorcard h3{font-size:22px;font-weight:600;color:#F8F9FA;margin:0 0 12px;line-height:1.3}
.trustindicatorcard p{font-size:15px;line-height:1.7;color:#9aa3ac;margin:0}
@media (max-width: 1024px) {
.reviewtitlesection{padding:70px 20px}
.reviewtitleinnerwrap h1{font-size:42px}
.reviewtitledesc{font-size:17px}
.reviewgridmain{padding:65px 20px}
.reviewgridinnerwrap{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.ratingstatsinner{flex-direction:column;gap:40px}
.ratingstatsvisual img{max-width:100%}
.ratingstatscontent h2{font-size:36px}
.trustindicatorgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.reviewtitlesection{padding:50px 16px}
.reviewtitleinnerwrap h1{font-size:34px}
.reviewtitledesc{font-size:16px}
.reviewgridmain{padding:50px 16px}
.reviewgridinnerwrap{grid-template-columns:1fr;gap:24px}
.reviewcardbox{padding:28px}
.ratingstatssection{padding:60px 16px}
.ratingstatscontent h2{font-size:30px}
.ratingstatspara{font-size:16px}
.testimonialslidersection{padding:60px 16px}
.testimonialsliderinner h2{font-size:30px;margin-bottom:36px}
.testimonialitemslider{padding:36px 24px}
.testimonialslidertext{font-size:17px}
.trustindicatorsection{padding:55px 16px}
.trustindicatorheadline h2{font-size:32px}
.trustindicatorgrid{grid-template-columns:1fr;gap:20px}
.ratingnumberlabel{min-width:80px;font-size:14px}
}
.pagetopblock{position:relative;background:linear-gradient(135deg,#1a1a1a 0%,#2d0a14 60%,#1a1a1a 100%);padding:120px 20px 100px;overflow:hidden}
.pagetopblock::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#00f28308 2px,#00f28308 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#00f28308 2px,#00f28308 4px);opacity:.4}
.pagetopblock::after{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#00f28326 0%,transparent 70%);top:-200px;right:-200px;border-radius:50%}
.topcontainerwrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.topflexholder{display:flex;flex-direction:row;align-items:center;gap:60px}
.toptextside{flex:1}
.topvisualside{flex:1;position:relative}
.topheadingmain{font-size:56px;font-weight:700;color:#F8F9FA;margin:0 0 24px;line-height:1.2;letter-spacing:-.02em}
.topheadingmain::before{content:'';display:inline-block;width:6px;height:56px;background:linear-gradient(180deg,#00F283 0%,#46091E 100%);margin-right:16px;vertical-align:middle;border-radius:3px}
.topdescriptiontext{font-size:18px;line-height:1.7;color:#d4d4d4;margin:0 0 32px}
.topimagecontainer{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 20px 60px #00000080}
.topimagecontainer img{width:100%;height:auto;display:block;filter:brightness(0.9) contrast(1.1)}
.topimagecontainer::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#00f2831a 0%,transparent 50%);z-index:1;pointer-events:none}
.topactionbtn{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;background:linear-gradient(135deg,#00F283 0%,#00c96d 100%);color:#1a1a1a;font-size:16px;font-weight:600;border-radius:28px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #00f2834d}
.topactionbtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00f28366}
@media (max-width: 768px) {
.pagetopblock{padding:80px 20px 60px}
.topflexholder{flex-direction:column;gap:40px}
.topheadingmain{font-size:38px}
.topheadingmain::before{height:38px}
}
.engagezone{background:#0f0f0f;padding:100px 20px;position:relative}
.engageinnerwrap{max-width:1366px;margin:0 auto}
.engagetitlearea{text-align:center;margin-bottom:70px}
.engagemaintitle{font-size:42px;font-weight:700;color:#F8F9FA;margin:0 0 16px}
.engagesubtitletext{font-size:18px;color:#b0b0b0;margin:0}
.engagegridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.engageitemcard{background:linear-gradient(145deg,#1a1a1a 0%,#2a2a2a 100%);border-radius:24px;padding:40px 32px;position:relative;overflow:hidden;transition:all .4s ease;border:1px solid #00f2831a}
.engageitemcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.engageitemcard:hover{transform:translateY(-8px);border-color:#00f2834d;box-shadow:0 16px 48px #00f28326}
.engageitemcard:hover::before{transform:scaleX(1)}
.engageiconholder{width:64px;height:64px;background:linear-gradient(135deg,#00f28333 0%,#46091e33 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.engageiconholder i{font-size:32px;color:#00F283}
.engageitemtitle{font-size:22px;font-weight:600;color:#F8F9FA;margin:0 0 12px}
.engageitemdesc{font-size:16px;line-height:1.6;color:#a0a0a0;margin:0}
@media (max-width: 1024px) {
.engagegridlayout{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.engagezone{padding:60px 20px}
.engagemaintitle{font-size:32px}
.engagegridlayout{grid-template-columns:1fr}
}
.valueaddzone{background:linear-gradient(175deg,#1a1a1a 0%,#0f0f0f 50%,#1a1a1a 100%);padding:100px 20px;position:relative}
.valueinnerholder{max-width:1366px;margin:0 auto}
.valuemainlayout{display:flex;flex-direction:row;gap:80px;align-items:center}
.valueimgcolumn{flex:1;position:relative}
.valueimgframe{border-radius:28px;overflow:hidden;box-shadow:0 24px 64px #0009;position:relative}
.valueimgframe img{width:100%;height:auto;display:block}
.valueimgframe::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,#46091e33 0%,transparent 60%);pointer-events:none}
.valuetextcolumn{flex:1}
.valuetopheading{font-size:38px;font-weight:700;color:#F8F9FA;margin:0 0 24px;position:relative;padding-left:20px}
.valuetopheading::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#00F283 0%,#46091E 100%);border-radius:2px}
.valuepointlist{list-style:none;padding:0;margin:0 0 32px}
.valuepointitem{padding:20px 0;border-bottom:1px solid #f8f9fa1a;display:flex;align-items:flex-start;gap:16px}
.valuepointitem:last-child{border-bottom:none}
.valuecheckicon{width:28px;height:28px;background:linear-gradient(135deg,#00F283 0%,#00c96d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.valuecheckicon i{font-size:14px;color:#1a1a1a}
.valuepointtext{font-size:17px;line-height:1.6;color:silver;margin:0}
.valuepointtext strong{color:#F8F9FA;font-weight:600}
.valuelinkaction{display:inline-flex;align-items:center;gap:10px;color:#00F283;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s ease}
.valuelinkaction:hover{gap:14px}
.valuelinkaction i{transition:transform .3s ease}
.valuelinkaction:hover i{transform:translateX(4px)}
@media (max-width: 768px) {
.valueaddzone{padding:60px 20px}
.valuemainlayout{flex-direction:column;gap:40px}
.valuetopheading{font-size:28px}
}
.comparisonblock{background:#0f0f0f;padding:100px 20px}
.comparisoncontainer{max-width:1366px;margin:0 auto}
.comparisontitlezone{text-align:center;margin-bottom:60px}
.comparisonheader{font-size:40px;font-weight:700;color:#F8F9FA;margin:0 0 16px}
.comparisonlead{font-size:18px;color:#a8a8a8;margin:0}
.comparisontable{background:linear-gradient(135deg,#1a1a1a 0%,#252525 100%);border-radius:32px;overflow:hidden;box-shadow:0 16px 48px #00000080}
.tableheadrow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:#00f2831a}
.tableheadcell{background:#1a1a1a;padding:24px 32px;font-size:16px;font-weight:600;color:#00F283;text-transform:uppercase;letter-spacing:.05em}
.tableheadcell:first-child{color:#F8F9FA}
.tablebodyarea{background:#1a1a1a}
.tablebodyrow{display:grid;grid-template-columns:2fr 1fr 1fr;gap:1px;background:#f8f9fa0d}
.tablebodycell{background:#1a1a1a;padding:28px 32px;font-size:16px;color:#d0d0d0;display:flex;align-items:center}
.tablebodycell:first-child{font-weight:500;color:#F8F9FA}
.checkmarkicon{width:24px;height:24px;background:linear-gradient(135deg,#00F283 0%,#00c96d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}
.checkmarkicon i{font-size:12px;color:#1a1a1a}
.crossicon{width:24px;height:24px;background:#46091e4d;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto}
.crossicon i{font-size:12px;color:#46091E}
@media (max-width: 768px) {
.comparisonblock{padding:60px 20px}
.comparisonheader{font-size:30px}
.tableheadrow,.tablebodyrow{grid-template-columns:1fr;gap:1px}
.tableheadcell:not(:first-child),.tablebodycell:not(:first-child){display:none}
}
.audiencearea{background:linear-gradient(195deg,#1a1a1a 0%,#2a0f1a 50%,#1a1a1a 100%);padding:100px 20px;position:relative}
.audiencearea::before{content:'';position:absolute;width:800px;height:800px;background:radial-gradient(circle,#00f28314 0%,transparent 70%);bottom:-400px;left:-400px;border-radius:50%}
.audiencewrapper{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.audienceheaderzone{max-width:800px;margin:0 auto 60px;text-align:center}
.audiencemainheading{font-size:42px;font-weight:700;color:#F8F9FA;margin:0 0 20px}
.audiencedescriptiontext{font-size:18px;line-height:1.7;color:#b8b8b8;margin:0}
.profilecardsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.profilecarditem{background:linear-gradient(150deg,#1f1f1f 0%,#2a2a2a 100%);border-radius:28px;padding:48px 40px;position:relative;border:1px solid #00f28326;transition:all .4s ease}
.profilecarditem::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);border-radius:28px 28px 0 0;opacity:0;transition:opacity .4s ease}
.profilecarditem:hover{transform:translateY(-6px);box-shadow:0 20px 60px #00f28333;border-color:#00f2834d}
.profilecarditem:hover::after{opacity:1}
.profiletoprow{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.profileiconbox{width:56px;height:56px;background:linear-gradient(135deg,#00f28326 0%,#46091e26 100%);border-radius:14px;display:flex;align-items:center;justify-content:center}
.profileiconbox i{font-size:28px;color:#00F283}
.profilenametext{font-size:24px;font-weight:600;color:#F8F9FA;margin:0}
.profiledesctext{font-size:16px;line-height:1.7;color:#b0b0b0;margin:0 0 24px}
.profilefeaturelist{list-style:none;padding:0;margin:0}
.profilefeatureitem{display:flex;align-items:center;gap:12px;padding:10px 0;font-size:15px;color:silver}
.profilefeatureitem i{color:#00F283;font-size:16px;flex-shrink:0}
@media (max-width: 768px) {
.audiencearea{padding:60px 20px}
.audiencemainheading{font-size:32px}
.profilecardsgrid{grid-template-columns:1fr;gap:24px}
.profilecarditem{padding:32px 24px}
}
.ctafinalsection{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0f0f0f 100%);padding:120px 20px;position:relative;overflow:hidden}
.ctafinalsection::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#00f2831a 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%}
.ctafinalwrapper{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctafinalheading{font-size:48px;font-weight:700;color:#F8F9FA;margin:0 0 24px;line-height:1.2}
.ctafinaldescription{font-size:19px;line-height:1.7;color:silver;margin:0 0 40px}
.ctabuttongroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaprimarybtn{display:inline-flex;align-items:center;gap:12px;padding:20px 40px;background:linear-gradient(135deg,#00F283 0%,#00c96d 100%);color:#1a1a1a;font-size:17px;font-weight:600;border-radius:30px;text-decoration:none;transition:all .3s ease;box-shadow:0 10px 30px #00f2834d}
.ctaprimarybtn:hover{transform:translateY(-3px);box-shadow:0 14px 40px #00f28366}
.ctasecondarybtn{display:inline-flex;align-items:center;gap:12px;padding:20px 40px;background:transparent;color:#00F283;font-size:17px;font-weight:600;border:2px solid #00F283;border-radius:30px;text-decoration:none;transition:all .3s ease}
.ctasecondarybtn:hover{background:#00f2831a;transform:translateY(-3px)}
@media (max-width: 768px) {
.ctafinalsection{padding:80px 20px}
.ctafinalheading{font-size:36px}
.ctabuttongroup{flex-direction:column;align-items:stretch}
.ctaprimarybtn,.ctasecondarybtn{justify-content:center}
}
.contactpage{background:linear-gradient(195deg,#0a0a0a 0%,#1a0a14 50%,#0f0f10 100%);color:#F8F9FA;padding:0;margin:0}
.contactpage .topblock{max-width:1366px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px}
.contactpage .topblock .textcontent{flex:1.5}
.contactpage .topblock .imageinsert{flex:1;position:relative;border-radius:28px;overflow:hidden;aspect-ratio:4/3}
.contactpage .topblock .imageinsert::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#00F283 0%,#46091eb3 100%);mix-blend-mode:multiply;z-index:1}
.contactpage .topblock .imageinsert::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 40%,#00f2834d 0%,transparent 60%),radial-gradient(circle at 70% 60%,#46091e66 0%,transparent 50%);z-index:2}
.contactpage .topblock .maintitle{font-size:3.2rem;font-weight:700;line-height:1.2;margin:0 0 24px;color:#F8F9FA}
.contactpage .topblock .maintitle .pauseline{display:block;margin-top:12px;color:#00F283}
.contactpage .topblock .desctext{font-size:1.1rem;line-height:1.7;color:#d0d0d2;margin:0}
.contactpage .infoblock{max-width:1366px;margin:0 auto;padding:60px 20px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.contactpage .infocard{background:linear-gradient(145deg,#00f2830d 0%,#46091e14 100%);border:1px solid #00f28326;border-radius:24px;padding:36px 28px;transition:all .3s ease}
.contactpage .infocard:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00f2831f;border-color:#00f2834d}
.contactpage .infocard .iconwrap{width:56px;height:56px;background:linear-gradient(135deg,#00F283 0%,#46091E 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactpage .infocard .iconwrap i{font-size:28px;color:#0a0a0a}
.contactpage .infocard .cardtitle{font-size:1.3rem;font-weight:600;margin:0 0 12px;color:#F8F9FA}
.contactpage .infocard .carddata{font-size:1.05rem;line-height:1.6;color:#b8b8ba;margin:0}
.contactpage .infocard .carddata a{color:#00F283;text-decoration:none;transition:color .2s ease}
.contactpage .infocard .carddata a:hover{color:#00d974}
.contactpage .formwrapper{max-width:1366px;margin:0 auto;padding:80px 20px}
.contactpage .formsection{max-width:720px;margin:0 auto;background:linear-gradient(145deg,#f8f9fa08 0%,#00f28305 100%);border:1px solid #f8f9fa14;border-radius:32px;padding:48px 40px;box-shadow:0 24px 64px #0000004d}
.contactpage .formsection .formheader{text-align:center;margin-bottom:40px}
.contactpage .formsection .formheader h2{font-size:2.4rem;font-weight:700;margin:0 0 12px;color:#F8F9FA}
.contactpage .formsection .formheader p{font-size:1.05rem;color:#b8b8ba;margin:0}
.contactpage .actualform .fieldgroup{margin-bottom:28px}
.contactpage .actualform .fieldlabel{display:block;font-size:.95rem;font-weight:600;margin-bottom:10px;color:#d0d0d2}
.contactpage .actualform .fieldinput{width:100%;padding:16px 20px;background:#f8f9fa0a;border:2px solid #f8f9fa1f;border-radius:16px;font-size:1rem;color:#F8F9FA;transition:all .3s ease;box-sizing:border-box}
.contactpage .actualform .fieldinput:focus{outline:none;border-color:#00F283;background:#00f2830d;box-shadow:0 0 0 4px #00f2831a}
.contactpage .actualform .prioritywrap{margin-bottom:28px}
.contactpage .actualform .prioritygrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:10px}
.contactpage .actualform .priorityoption{position:relative}
.contactpage .actualform .priorityoption input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.contactpage .actualform .priorityoption .prioritylabel{display:flex;align-items:center;justify-content:center;padding:14px 16px;background:#f8f9fa0a;border:2px solid #f8f9fa1f;border-radius:14px;font-size:.95rem;font-weight:600;color:#d0d0d2;cursor:pointer;transition:all .3s ease;text-align:center}
.contactpage .actualform .priorityoption input[type="radio"]:checked + .prioritylabel{background:linear-gradient(135deg,#00f28326 0%,#46091e26 100%);border-color:#00F283;color:#00F283}
.contactpage .actualform .priorityoption .prioritylabel:hover{border-color:#00f28366}
.contactpage .actualform .privacywrap{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.contactpage .actualform .privacywrap input[type="checkbox"]{margin-top:4px;width:20px;height:20px;accent-color:#00F283;cursor:pointer;flex-shrink:0}
.contactpage .actualform .privacywrap label{font-size:.95rem;line-height:1.6;color:#b8b8ba;cursor:pointer}
.contactpage .actualform .privacywrap label a{color:#00F283;text-decoration:none;transition:color .2s ease}
.contactpage .actualform .privacywrap label a:hover{color:#00d974;text-decoration:underline}
.contactpage .actualform .submitbtn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#00F283 0%,#00d974 100%);border:none;border-radius:16px;font-size:1.1rem;font-weight:700;color:#0a0a0a;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #00f28340;position:relative;z-index:10}
.contactpage .actualform .submitbtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #00f28359}
.contactpage .actualform .submitbtn:active{transform:translateY(0)}
.contactpage .locationblock{max-width:1366px;margin:0 auto;padding:80px 20px}
.contactpage .locationcontent{background:linear-gradient(145deg,#00f2830a 0%,#46091e0f 100%);border:1px solid #00f2831f;border-radius:32px;padding:56px 48px;text-align:center;max-width:800px;margin:0 auto}
.contactpage .locationcontent h2{font-size:2.2rem;font-weight:700;margin:0 0 16px;color:#F8F9FA}
.contactpage .locationcontent .addresstext{font-size:1.15rem;line-height:1.8;color:#d0d0d2;margin:0}
.contactpage .locationcontent .addresstext strong{color:#00F283;font-weight:600}
@media (max-width: 1024px) {
.contactpage .topblock{flex-direction:column;padding:60px 20px;gap:40px}
.contactpage .topblock .maintitle{font-size:2.6rem}
.contactpage .infoblock{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;padding:50px 20px}
.contactpage .formwrapper{padding:60px 20px}
.contactpage .formsection{padding:40px 32px}
.contactpage .locationblock{padding:60px 20px}
.contactpage .locationcontent{padding:44px 36px}
}
@media (max-width: 768px) {
.contactpage .topblock{padding:50px 16px}
.contactpage .topblock .maintitle{font-size:2.2rem}
.contactpage .topblock .desctext{font-size:1rem}
.contactpage .infoblock{grid-template-columns:1fr;gap:20px;padding:40px 16px}
.contactpage .formwrapper{padding:50px 16px}
.contactpage .formsection{padding:36px 24px}
.contactpage .formsection .formheader h2{font-size:2rem}
.contactpage .actualform .prioritygrid{grid-template-columns:1fr}
.contactpage .locationblock{padding:50px 16px}
.contactpage .locationcontent{padding:36px 24px}
.contactpage .locationcontent h2{font-size:1.9rem}
}
@media (max-width: 480px) {
.contactpage .topblock .maintitle{font-size:1.9rem}
.contactpage .formsection .formheader h2{font-size:1.75rem}
.contactpage .locationcontent h2{font-size:1.7rem}
.contactpage .locationcontent .addresstext{font-size:1.05rem}
}
.abouttitle{background:linear-gradient(147deg,#0a0d13 0%,#1a1425 45%,#0f1419 100%);padding:120px 20px 140px;position:relative;overflow:hidden}
.abouttitle::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#00f2831f 0%,transparent 70%);border-radius:50%}
.abouttitle::after{content:'';position:absolute;bottom:-30%;left:-15%;width:600px;height:600px;background:radial-gradient(circle,#46091e2e 0%,transparent 65%);border-radius:50%}
.abouttitle .innerwrap{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.abouttitle .textcol h1{font-size:56px;line-height:1.1;color:#f8f9fa;margin:0 0 28px;font-weight:700;letter-spacing:-.5px}
.abouttitle .textcol h1::after{content:'';display:block;width:140px;height:6px;background:linear-gradient(90deg,#00F283 0%,#00f2834d 100%);margin-top:24px;border-radius:3px}
.abouttitle .textcol p{font-size:19px;line-height:1.7;color:#cbd5e1;margin:0}
.abouttitle .imagecol{position:relative}
.abouttitle .imagecol img{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 24px 48px #0006 0 8px 16px #00f28314;mix-blend-mode:luminosity;opacity:.85}
.abouttitle .imagecol::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#00f28326 0%,#46091e33 100%);border-radius:32px;pointer-events:none;z-index:1}
.ourjourney{background:#0e1117;padding:100px 20px;position:relative}
.ourjourney .contentwrapper{max-width:1366px;margin:0 auto}
.ourjourney .sectionheader{text-align:center;margin-bottom:70px}
.ourjourney .sectionheader h2{font-size:44px;color:#f8f9fa;margin:0 0 18px;font-weight:700;position:relative;display:inline-block}
.ourjourney .sectionheader h2::before{content:'';position:absolute;left:-60px;top:50%;transform:translateY(-50%);width:40px;height:2px;background:#00F283}
.ourjourney .sectionheader h2::after{content:'';position:absolute;right:-60px;top:50%;transform:translateY(-50%);width:40px;height:2px;background:#00F283}
.ourjourney .sectionheader p{font-size:18px;color:#94a3b8;margin:0}
.ourjourney .timelinegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.ourjourney .milestonecard{background:linear-gradient(145deg,#161a23 0%,#1a1d28 100%);padding:36px 32px;border-radius:28px;border:1px solid #00f2831f;position:relative;transition:all .4s ease}
.ourjourney .milestonecard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);border-radius:28px 28px 0 0;opacity:0;transition:opacity .4s ease}
.ourjourney .milestonecard:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00f28326;border-color:#00f2834d}
.ourjourney .milestonecard:hover::before{opacity:1}
.ourjourney .milestonecard .yearmarker{display:inline-block;background:#00f28326;color:#00F283;padding:8px 20px;border-radius:20px;font-size:15px;font-weight:600;margin-bottom:20px}
.ourjourney .milestonecard h3{font-size:22px;color:#f8f9fa;margin:0 0 14px;font-weight:600}
.ourjourney .milestonecard p{font-size:16px;line-height:1.6;color:#94a3b8;margin:0}
.approachmethod{background:linear-gradient(168deg,#12151d 0%,#1a1425 50%,#0f1419 100%);padding:110px 20px;position:relative}
.approachmethod::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#00f28366 50%,transparent 100%)}
.approachmethod .innergrid{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:45% 1fr;gap:70px;align-items:start}
.approachmethod .imageside{position:relative}
.approachmethod .multiimage{position:relative}
.approachmethod .multiimage .primaryimg{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #00000080}
.approachmethod .multiimage .secondaryimg{position:absolute;bottom:-40px;right:-40px;width:280px;height:200px;object-fit:cover;border-radius:24px;border:6px solid #0e1117;box-shadow:0 12px 32px #0006}
.approachmethod .contentside h2{font-size:42px;color:#f8f9fa;margin:0 0 32px;font-weight:700;line-height:1.2}
.approachmethod .contentside h2 span{color:#00F283;position:relative}
.approachmethod .contentside h2 span::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:3px;background:#00f28366}
.approachmethod .featurelist{list-style:none;padding:0;margin:0 0 36px}
.approachmethod .featurelist li{padding:20px 0 20px 50px;position:relative;font-size:17px;line-height:1.6;color:#cbd5e1;border-bottom:1px solid #94a3b81a}
.approachmethod .featurelist li:last-child{border-bottom:none}
.approachmethod .featurelist li::before{content:'';position:absolute;left:0;top:24px;width:28px;height:28px;background:linear-gradient(135deg,#00F283 0%,#00f28399 100%);border-radius:50%;box-shadow:0 4px 12px #00f2834d}
.approachmethod .featurelist li::after{content:'';position:absolute;left:10px;top:30px;width:8px;height:14px;border:solid #0e1117;border-width:0 3px 3px 0;transform:rotate(45deg)}
.approachmethod .descriptiontext{font-size:17px;line-height:1.7;color:#94a3b8;margin:0 0 32px}
.approachmethod .statsrow{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
.approachmethod .statbox{background:#00f2830d;padding:24px 20px;border-radius:20px;text-align:center;border:1px solid #00f28326;transition:all .3s ease}
.approachmethod .statbox:hover{background:#00f28314;transform:translateY(-4px)}
.approachmethod .statbox .number{font-size:36px;font-weight:700;color:#00F283;margin:0 0 8px;display:block}
.approachmethod .statbox .label{font-size:14px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}
@media (max-width: 1024px) {
.abouttitle .innerwrap{grid-template-columns:1fr;gap:50px}
.abouttitle .textcol h1{font-size:44px}
.abouttitle{padding:80px 20px 100px}
.approachmethod .innergrid{grid-template-columns:1fr;gap:50px}
.approachmethod .multiimage .secondaryimg{bottom:-30px;right:-30px;width:220px;height:160px}
.ourjourney .sectionheader h2::before,.ourjourney .sectionheader h2::after{display:none}
}
@media (max-width: 768px) {
.abouttitle .textcol h1{font-size:36px;margin-bottom:20px}
.abouttitle .textcol p{font-size:17px}
.abouttitle .imagecol img{height:340px;border-radius:24px}
.ourjourney{padding:70px 20px}
.ourjourney .sectionheader h2{font-size:34px}
.ourjourney .timelinegrid{grid-template-columns:1fr;gap:30px}
.approachmethod{padding:70px 20px}
.approachmethod .contentside h2{font-size:32px}
.approachmethod .multiimage .primaryimg{height:380px}
.approachmethod .multiimage .secondaryimg{width:180px;height:130px;bottom:-20px;right:-20px}
.approachmethod .statsrow{grid-template-columns:1fr;gap:16px}
}
.studymats{width:100%;max-width:1366px;margin:0 auto;overflow:hidden}
.topblock{background:linear-gradient(135deg,#0a0f1a 0%,#1a1428 100%);padding:80px 20px 100px;position:relative;border-radius:0 0 40px 40px}
.topblock::before{content:'';position:absolute;top:20%;left:10%;width:300px;height:300px;background:radial-gradient(circle,#00f28314 0%,transparent 70%);border-radius:50%;animation:floatparticle 8s infinite ease-in-out}
.topblock::after{content:'';position:absolute;bottom:15%;right:15%;width:200px;height:200px;background:radial-gradient(circle,#46091e1f 0%,transparent 70%);border-radius:50%;animation:floatparticle 6s infinite ease-in-out reverse}
@keyframes floatparticle {
0%,100%{transform:translate(0,0)}
50%{transform:translate(20px,-20px)}
}
.topblock .innerwrap{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:2}
.topblock .maintitle{font-size:3.2rem;font-weight:700;color:#F8F9FA;margin:0 0 32px;line-height:1.2}
.topblock .maintitle::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);margin:24px auto 0;border-radius:4px}
.topblock .desctext{font-size:1.15rem;line-height:1.8;color:#f8f9fad9;margin:0}
.visualsection{padding:100px 20px;background:#0d1117;position:relative}
.visualsection .containerinner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.visualsection .textpart{padding-right:20px}
.visualsection .sectionheading{font-size:2.4rem;font-weight:700;color:#F8F9FA;margin:0 0 24px;position:relative;display:inline-block}
.visualsection .sectionheading::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:8px;height:60%;background:#00F283;border-radius:4px}
.visualsection .textcopy{font-size:1.05rem;line-height:1.7;color:#f8f9facc;margin:0 0 20px}
.visualsection .imgcontainer{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #0006}
.visualsection .imgcontainer img{width:100%;height:auto;display:block;animation:subtlepulse 4s infinite ease-in-out}
@keyframes subtlepulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.02)}
}
.datablock{padding:100px 20px;background:linear-gradient(165deg,#1a1428 0%,#0a0f1a 100%)}
.datablock .centerwrap{max-width:1100px;margin:0 auto}
.datablock .blockheader{text-align:center;margin-bottom:60px}
.datablock .headertitle{font-size:2.6rem;font-weight:700;color:#F8F9FA;margin:0 0 16px}
.datablock .headersub{font-size:1.1rem;color:#f8f9fabf;margin:0}
.datablock .gridcards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.datablock .itemcard{background:#f8f9fa08;border:1px solid #00f28326;border-radius:24px;padding:40px 28px;transition:all .3s ease;position:relative;overflow:hidden}
.datablock .itemcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00F283 0%,#46091E 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.datablock .itemcard:hover::before{transform:scaleX(1)}
.datablock .itemcard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #00f28326;border-color:#00f28366}
.datablock .cardicon{width:56px;height:56px;background:linear-gradient(135deg,#00F283 0%,#00f28399 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.datablock .cardicon svg{width:28px;height:28px;fill:#0d1117}
.datablock .cardtitle{font-size:1.4rem;font-weight:600;color:#F8F9FA;margin:0 0 12px}
.datablock .cardtext{font-size:.98rem;line-height:1.6;color:#f8f9fab3;margin:0}
.resourcearea{padding:100px 20px;background:#0d1117;position:relative}
.resourcearea .innerlayout{max-width:1200px;margin:0 auto;display:flex;gap:50px;align-items:flex-start}
.resourcearea .leftside{flex:1;position:sticky;top:20px}
.resourcearea .leftside img{width:100%;height:auto;border-radius:32px;box-shadow:0 24px 64px #00000080}
.resourcearea .rightside{flex:1}
.resourcearea .areatitle{font-size:2.5rem;font-weight:700;color:#F8F9FA;margin:0 0 32px;line-height:1.3}
.resourcearea .listgroup{display:flex;flex-direction:column;gap:20px}
.resourcearea .listentry{background:#f8f9fa0a;border-left:4px solid #00F283;border-radius:16px;padding:24px 28px;transition:all .3s ease;cursor:pointer}
.resourcearea .listentry:hover{background:#f8f9fa14;transform:translateX(8px);box-shadow:0 8px 24px #00f2831a}
.resourcearea .entrytitle{font-size:1.25rem;font-weight:600;color:#F8F9FA;margin:0 0 8px;display:flex;align-items:center;gap:12px}
.resourcearea .entrytitle::before{content:'';width:8px;height:8px;background:#00F283;border-radius:50%;display:inline-block}
.resourcearea .entrydetail{font-size:.98rem;line-height:1.6;color:#f8f9fab3;margin:0}
.interactivepanel{padding:100px 20px;background:linear-gradient(195deg,#0a0f1a 0%,#46091E 50%,#1a1428 100%);position:relative}
.interactivepanel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="1" fill="#f8f9fa1a"/></svg>');opacity:.3}
.interactivepanel .panelwrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.interactivepanel .panelheader{text-align:center;margin-bottom:50px}
.interactivepanel .panelheader h2{font-size:2.8rem;font-weight:700;color:#F8F9FA;margin:0 0 16px}
.interactivepanel .panelheader p{font-size:1.1rem;color:#f8f9facc;margin:0}
.interactivepanel .tabsystem{display:flex;flex-direction:column;gap:0}
.interactivepanel .tabinput{display:none}
.interactivepanel .tablabel{background:#f8f9fa0d;border:1px solid #00f28333;border-radius:20px;padding:20px 32px;cursor:pointer;font-size:1.15rem;font-weight:600;color:#f8f9fab3;transition:all .3s ease;margin-bottom:16px;display:flex;align-items:center;justify-content:space-between}
.interactivepanel .tablabel::after{content:'+';font-size:1.8rem;color:#00F283;transition:transform .3s ease}
.interactivepanel .tabinput:checked + .tablabel{background:#00f2831a;border-color:#00F283;color:#F8F9FA}
.interactivepanel .tabinput:checked + .tablabel::after{transform:rotate(45deg)}
.interactivepanel .tabcontent{max-height:0;overflow:hidden;transition:max-height .4s ease;background:#f8f9fa08;border-radius:20px;margin-bottom:16px}
.interactivepanel .tabinput:checked ~ .tabcontent{max-height:500px;padding:32px}
.interactivepanel .tabcontent p{font-size:1.05rem;line-height:1.7;color:#f8f9fabf;margin:0 0 16px}
.interactivepanel .tabcontent p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.visualsection .containerinner{grid-template-columns:1fr;gap:40px}
.visualsection .textpart{padding-right:0}
.datablock .gridcards{grid-template-columns:repeat(2,1fr)}
.resourcearea .innerlayout{flex-direction:column}
.resourcearea .leftside{position:static}
}
@media (max-width: 768px) {
.topblock{padding:60px 20px 80px}
.topblock .maintitle{font-size:2.2rem}
.topblock .desctext{font-size:1rem}
.visualsection{padding:60px 20px}
.visualsection .sectionheading{font-size:1.8rem}
.datablock{padding:60px 20px}
.datablock .headertitle{font-size:2rem}
.datablock .gridcards{grid-template-columns:1fr}
.resourcearea{padding:60px 20px}
.resourcearea .areatitle{font-size:1.9rem}
.interactivepanel{padding:60px 20px}
.interactivepanel .panelheader h2{font-size:2rem}
.interactivepanel .tablabel{font-size:1.05rem;padding:16px 24px}
}
.cookiepolicypagecontainer{max-width:1366px;margin:0 auto;padding:0}
.herobackdrop{position:relative;min-height:420px;background:linear-gradient(195deg,#00F283 0%,#46091E 50%,#1a0a0f 100%);display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.herobackdrop::before{content:'';position:absolute;top:-50%;left:-20%;width:300px;height:300px;background:#00f28326;border-radius:40% 60% 70% 30%;filter:blur(60px);animation:float 8s ease-in-out infinite}
.herobackdrop::after{content:'';position:absolute;bottom:-30%;right:-10%;width:400px;height:400px;background:#46091e33;border-radius:60% 40% 30% 70%;filter:blur(80px);animation:float 10s ease-in-out infinite reverse}
@keyframes float {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(30px,30px) rotate(180deg)}
}
.herocontentinner{position:relative;z-index:2;text-align:center;max-width:900px;padding:60px 20px;background:#1a0a0fbf;backdrop-filter:blur(20px);border-radius:32px;border:1px solid #00f28333;box-shadow:0 16px 48px #0009 inset 0 2px 8px #00f2831a}
.heroleadtext{font-size:16px;color:#00F283;margin-bottom:16px;letter-spacing:.5px;text-transform:uppercase;font-weight:600}
.heromainheading{font-size:48px;color:#F8F9FA;margin:0;line-height:1.2;font-weight:700}
.policysectionwrapper{max-width:1140px;margin:0 auto 100px;padding:0 20px}
.policyarticlegrid{display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:start}
.navanchorlist{position:sticky;top:40px;background:linear-gradient(135deg,#1a0a0f 0%,#2d1520 100%);border-radius:28px;padding:32px 24px;border:1px solid #00f28326;box-shadow:0 8px 24px #0006}
.navanchorheading{font-size:14px;color:#00F283;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.anchorlinklist{list-style:none;margin:0;padding:0}
.anchorlinklist li{margin-bottom:12px}
.anchorlinklist li:last-child{margin-bottom:0}
.anchorlinklist a{display:block;color:#F8F9FA;text-decoration:none;font-size:15px;padding:10px 16px;border-radius:16px;transition:all .3s ease;border-left:3px solid transparent}
.anchorlinklist a:hover{background:#00f2831a;border-left-color:#00F283;transform:translateX(4px);color:#00F283}
.policycontentcolumn{background:#1a0a0f;border-radius:28px;padding:48px;border:1px solid #00f2831a;box-shadow:0 12px 36px #00000080}
.policysectionblock{margin-bottom:56px}
.policysectionblock:last-child{margin-bottom:0}
.sectiontitleheading{font-size:32px;color:#F8F9FA;margin:0 0 24px;position:relative;padding-bottom:16px;font-weight:700}
.sectiontitleheading::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#00F283 0%,transparent 100%);border-radius:4px}
.policytextparagraph{font-size:16px;line-height:1.7;color:#c8c9ca;margin:0 0 20px}
.policytextparagraph:last-child{margin-bottom:0}
.policycontentcolumn ul{list-style:none;margin:24px 0;padding:0}
.policycontentcolumn li{position:relative;padding-left:32px;margin-bottom:16px;color:#c8c9ca;font-size:16px;line-height:1.6}
.policycontentcolumn li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#00F283;border-radius:50%;box-shadow:0 0 12px #00f28380}
.policyemphasisstrong{color:#00F283;font-weight:600}
.contactdetailbox{background:linear-gradient(135deg,#2d1520 0%,#1a0a0f 100%);border-radius:24px;padding:32px;margin-top:32px;border:1px solid #00f28333;box-shadow:inset 0 2px 6px #0000004d}
.contactdetailbox .policytextparagraph{margin-bottom:16px}
.contactlinkanchor{color:#00F283;text-decoration:none;font-weight:600;transition:color .3s ease}
.contactlinkanchor:hover{color:#F8F9FA;text-decoration:underline}
@media (max-width: 1024px) {
.policyarticlegrid{grid-template-columns:1fr;gap:40px}
.navanchorlist{position:static;max-width:600px;margin:0 auto}
.heromainheading{font-size:36px}
}
@media (max-width: 768px) {
.herobackdrop{min-height:320px;margin-bottom:60px}
.herocontentinner{padding:40px 20px;border-radius:24px}
.heromainheading{font-size:28px}
.heroleadtext{font-size:14px}
.policycontentcolumn{padding:32px 24px}
.sectiontitleheading{font-size:24px}
.policysectionwrapper{margin-bottom:60px}
}
@media (max-width: 480px) {
.herocontentinner{padding:32px 16px}
.heromainheading{font-size:24px}
.policycontentcolumn{padding:24px 16px}
.contactdetailbox{padding:24px 20px}
}
.privacymaincontent{max-width:1366px;margin:0 auto;padding:0 24px;background:#0a0a0f}
.privacyherowrapper{position:relative;padding:140px 0 100px;overflow:hidden;background:linear-gradient(195deg,#00F283 0%,#46091E 50%,#0a0a0f 100%);border-radius:32px;margin:48px 0 72px}
.privacyherowrapper::before{content:'';position:absolute;top:-120px;right:-80px;width:380px;height:380px;background:#00f2831f;border-radius:50%;filter:blur(60px)}
.privacyherowrapper::after{content:'';position:absolute;bottom:-100px;left:-60px;width:320px;height:320px;background:#46091e26;border-radius:50%;filter:blur(50px)}
.herotitleinner{position:relative;z-index:2;max-width:920px;margin:0 auto;text-align:center;padding:0 32px}
.herotitleinner h1{font-size:56px;font-weight:700;color:#F8F9FA;margin:0 0 24px;line-height:1.15;text-shadow:0 4px 20px #0006;letter-spacing:-.5px}
.herotitleinner h1::before{content:'';display:block;width:80px;height:5px;background:#00F283;margin:0 auto 28px;border-radius:8px;box-shadow:0 0 24px #00f28399}
.privacyupdatetext{font-size:18px;color:#f8f9fad9;font-weight:500;margin:0;text-shadow:0 2px 8px #0000004d}
.privacycontentarea{max-width:1120px;margin:0 auto;padding:0 0 96px}
.policysectionblock{background:#141418;border-radius:28px;padding:56px 64px;margin:0 0 40px;box-shadow:0 8px 32px #0006 inset 0 1px 0 #f8f9fa0f;border:1px solid #f8f9fa14;position:relative}
.policysectionblock::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#00F283 0%,#46091E 100%);border-radius:28px 0 0 28px;opacity:.7}
.policysectionblock h2{font-size:32px;font-weight:700;color:#F8F9FA;margin:0 0 28px;line-height:1.3;position:relative;padding-left:28px}
.policysectionblock h2::before{content:'';position:absolute;left:0;top:6px;width:14px;height:14px;background:#00F283;border-radius:50%;box-shadow:0 0 16px #00f28380}
.policysectionblock h3{font-size:24px;font-weight:600;color:#00F283;margin:40px 0 20px;line-height:1.4}
.policysectionblock p{font-size:17px;line-height:1.7;color:#f8f9fad9;margin:0 0 20px}
.policysectionblock ul{list-style:none;padding:0;margin:24px 0}
.policysectionblock ul li{font-size:17px;line-height:1.7;color:#f8f9fad9;margin:0 0 16px;padding-left:36px;position:relative}
.policysectionblock ul li::before{content:'';position:absolute;left:0;top:10px;width:20px;height:2px;background:#00F283;border-radius:4px}
.policysectionblock strong{color:#F8F9FA;font-weight:600}
.contactinfosection{background:linear-gradient(135deg,#00f28314 0%,#46091e1f 100%);border-radius:28px;padding:48px 64px;margin:56px 0 0;border:1px solid #00f28326;box-shadow:0 6px 24px #0000004d}
.contactinfosection h3{font-size:26px;font-weight:600;color:#F8F9FA;margin:0 0 24px}
.contactinfosection p{font-size:17px;line-height:1.7;color:#f8f9fad9;margin:0 0 20px}
.contactdetailslist{display:flex;flex-direction:column;gap:16px;margin:28px 0 0}
.contactitemrow{display:flex;align-items:center;gap:16px;font-size:17px;color:#f8f9fae6}
.contactitemrow i{font-size:22px;color:#00F283;width:32px;text-align:center}
.contactitemrow a{color:#00F283;text-decoration:none;transition:color .3s ease}
.contactitemrow a:hover{color:#00d16f}
@media (max-width: 1024px) {
.privacyherowrapper{padding:100px 0 80px;margin:32px 0 56px}
.herotitleinner h1{font-size:44px}
.policysectionblock{padding:44px 48px}
.contactinfosection{padding:40px 48px}
}
@media (max-width: 768px) {
.privacymaincontent{padding:0 16px}
.privacyherowrapper{padding:80px 0 60px;margin:24px 0 40px;border-radius:24px}
.herotitleinner{padding:0 20px}
.herotitleinner h1{font-size:36px;margin-bottom:20px}
.herotitleinner h1::before{width:60px;margin-bottom:20px}
.privacyupdatetext{font-size:16px}
.policysectionblock{padding:36px 28px;border-radius:20px;margin-bottom:28px}
.policysectionblock h2{font-size:26px;margin-bottom:20px}
.policysectionblock h3{font-size:21px;margin:32px 0 16px}
.policysectionblock p,.policysectionblock ul li{font-size:16px}
.policysectionblock ul li{padding-left:28px}
.contactinfosection{padding:32px 28px;border-radius:20px;margin-top:40px}
.contactinfosection h3{font-size:22px}
.contactitemrow{font-size:16px}
}
.mainwrapper{max-width:1366px;margin:0 auto;padding:0 20px}
.successzone{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 0;background:linear-gradient(135deg,#0a0e14 0%,#1a1f28 40%,#0d1117 100%);position:relative;overflow:hidden}
.successzone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00f28314 0%,transparent 70%);border-radius:50%;animation:pulsegloweffect 8s ease-in-out infinite}
.successzone::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#46091e1f 0%,transparent 70%);border-radius:50%;animation:pulsegloweffect 10s ease-in-out infinite reverse}
@keyframes pulsegloweffect {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.15) translateY(-20px);opacity:.9}
}
.contentcenterbox{position:relative;z-index:10;text-align:center;max-width:680px;padding:70px 40px;background:#0f141cbf;border-radius:32px;backdrop-filter:blur(12px);border:1px solid #00f28326;box-shadow:0 16px 48px #00000080 0 0 80px #00f2830f}
.iconcheckwrap{width:120px;height:120px;margin:0 auto 32px;position:relative;background:linear-gradient(145deg,#00f28326 0%,#00f2830d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:iconpopentry .6s cubic-bezier(0.34,1.56,0.64,1)}
@keyframes iconpopentry {
0%{transform:scale(0) rotate(-180deg);opacity:0}
100%{transform:scale(1) rotate(0);opacity:1}
}
.iconcheckwrap::before{content:'';position:absolute;inset:-8px;border-radius:50%;border:2px solid #00f28333;animation:rippleexpand 2s ease-out infinite}
@keyframes rippleexpand {
0%{transform:scale(0.95);opacity:1}
100%{transform:scale(1.3);opacity:0}
}
.iconcheckwrap svg{width:56px;height:56px;fill:#00F283;filter:drop-shadow(0 4px 12px #00f28366)}
.successheadingmain{font-size:42px;font-weight:700;color:#F8F9FA;margin:0 0 20px;line-height:1.2;letter-spacing:-.5px}
.successdescription{font-size:18px;line-height:1.65;color:#f8f9fabf;margin:0 0 36px}
.successdescription strong{color:#00F283;font-weight:600}
.actionbuttonsrow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.btnprimary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#00F283 0%,#00c96d 100%);color:#0a0e14;font-size:16px;font-weight:600;text-decoration:none;border-radius:28px;transition:all .3s ease;box-shadow:0 8px 24px #00f28340;position:relative;z-index:50}
.btnprimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00f28359;background:linear-gradient(135deg,#00ff90 0%,#00d975 100%)}
.btnsecondary{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#f8f9fa14;color:#F8F9FA;font-size:16px;font-weight:600;text-decoration:none;border-radius:28px;transition:all .3s ease;border:2px solid #f8f9fa26;position:relative;z-index:50}
.btnsecondary:hover{background:#f8f9fa1f;border-color:#f8f9fa4d;transform:translateY(-2px)}
.infoblockdetails{margin-top:48px;padding-top:32px;border-top:1px solid #f8f9fa14}
.infotextsmall{font-size:15px;line-height:1.6;color:#f8f9fa99;margin:0 0 16px}
.infotextsmall a{color:#00F283;text-decoration:none;transition:color .3s ease}
.infotextsmall a:hover{color:#00ff90;text-decoration:underline}
.decorshapeleft{position:absolute;top:15%;left:5%;width:80px;height:80px;border:3px solid #00f2831f;border-radius:20px;transform:rotate(25deg);animation:floatshape 6s ease-in-out infinite;z-index:5}
.decorshaperight{position:absolute;bottom:20%;right:8%;width:60px;height:60px;background:linear-gradient(135deg,#46091e26 0%,transparent 100%);border-radius:50%;animation:floatshape 7s ease-in-out infinite reverse;z-index:5}
@keyframes floatshape {
0%,100%{transform:translateY(0) rotate(25deg)}
50%{transform:translateY(-25px) rotate(35deg)}
}
@media (max-width: 768px) {
.successzone{padding:40px 0;min-height:75vh}
.contentcenterbox{padding:50px 28px;border-radius:24px}
.iconcheckwrap{width:100px;height:100px;margin-bottom:24px}
.iconcheckwrap svg{width:46px;height:46px}
.successheadingmain{font-size:32px;margin-bottom:16px}
.successdescription{font-size:16px;margin-bottom:28px}
.actionbuttonsrow{flex-direction:column;gap:12px}
.btnprimary,.btnsecondary{width:100%;justify-content:center;padding:14px 28px;font-size:15px}
.infoblockdetails{margin-top:36px;padding-top:24px}
.infotextsmall{font-size:14px}
.decorshapeleft,.decorshaperight{display:none}
}
@media (max-width: 480px) {
.successheadingmain{font-size:28px}
.contentcenterbox{padding:40px 20px}
}