body,ul,ol,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0}
ul,ol{list-style:none}
*{box-sizing:border-box}
body{font-family:'Roboto',sans-serif;color:#17181E;line-height:1.6;background:#F5FAF9}
h1,h2,h3,h4{font-family:'Alegreya',serif}
.topHeaderSection{padding:18px 0;box-shadow:0 3px 6px #17181e14;background:#F5FAF9}
.headerContentHolder{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}
.logoAndTaglineArea{display:flex;align-items:center;gap:18px}
.logoImageWrapper{width:85px;height:85px;display:flex;align-items:center;justify-content:center}
.mainSiteLogo{width:100%;height:100%;object-fit:contain}
.taglineTextBlock{max-width:320px}
.companyTagline{color:#17181E;font:500 18px/1.3 'Alegreya',serif}
.primaryNavigationBar{display:flex;gap:32px;align-items:center}
.navLinkItem{font-size:15px;color:#17181E;text-decoration:none;font-weight:500;transition:color .2s ease;position:relative}
.navLinkItem:hover{color:#00EADE}
.footerDivisionLayout{padding:60px 0 30px;color:#F5FAF9;background:#17181E}
.footerContentWrapper{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;gap:60px;position:relative}
.leftFooterPanel{flex:1.2}
.verticalDividerLine{width:2px;background:linear-gradient(to bottom,transparent,#00EADE,transparent);align-self:stretch}
.rightFooterPanel{flex:.8;display:flex;flex-direction:column;justify-content:space-between}
.brandIdentityZone{margin-bottom:30px}
.footerBrandLogo{width:95px;height:95px;margin-bottom:22px;object-fit:contain}
.companyMissionStatement{font-size:14px;line-height:1.7;margin-bottom:24px;color:#F5FAF9;opacity:.92}
.contactDetailsBlock{margin-top:20px}
.footerContactLine{font-size:13px;margin-bottom:8px;color:#F5FAF9;opacity:.88}
.footerContactLine strong{color:#00EADE}
.legalLinksHeading{font-size:17px;margin-bottom:18px;color:#00EADE;font-weight:600}
.legalLinksMenu{display:flex;flex-direction:column;gap:12px;margin-bottom:30px}
.legalFooterLink{color:#F5FAF9;text-decoration:none;font-size:14px;transition:color .2s ease;opacity:.9}
.legalFooterLink:hover{color:#00EADE;opacity:1}
.copyrightNotice{padding-top:20px;border-top:1px solid #00eade4d}
.copyrightTextLine{font-size:12px;opacity:.75;color:#F5FAF9}
.consentOverlayBox{display:none;position:fixed;bottom:30px;right:30px;box-shadow:0 6px 20px #17181e40;border-radius:12px;max-width:520px;z-index:9999;padding:32px;border:2px solid #00EADE;background:#fff}
.consentHeaderText{font-size:21px;margin-bottom:14px;color:#17181E;font-weight:700}
.consentDescriptionText{font-size:14px;margin-bottom:22px;color:#17181E;line-height:1.6}
.permissionGroupsHolder{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.permissionCategoryBlock{padding:14px;border-radius:8px;border:1px solid #17181e1a;background:#F5FAF9}
.permissionToggleLabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-weight:500;font-size:14px;color:#17181E}
.permissionCheckbox{width:18px;height:18px;cursor:pointer}
.permissionCheckbox:disabled{cursor:not-allowed}
.permissionLabelText{font-weight:600}
.permissionExplanation{font-size:12px;margin-top:8px;margin-left:28px;color:#17181E;opacity:.8;line-height:1.5}
.consentActionButtons{display:flex;gap:10px;flex-wrap:wrap}
.consentAcceptBtn,.consentDeclineBtn,.consentCustomBtn{flex:1;min-width:130px;padding:11px 18px;border:none;border-radius:8px;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease;font:600 14px 'Roboto',sans-serif}
.consentAcceptBtn{color:#17181E;box-shadow:0 3px 6px #00eade4d;background:#00EADE}
.consentAcceptBtn:hover{transform:translateY(-1px);box-shadow:0 5px 10px #00eade66}
.consentDeclineBtn{color:#17181E;border:2px solid #17181E;box-shadow:0 2px 4px #17181e1a;background:#F5FAF9}
.consentDeclineBtn:hover{transform:translateY(-1px);box-shadow:0 4px 8px #17181e26}
.consentCustomBtn{color:#F5FAF9;box-shadow:0 3px 6px #17181e33;background:#17181E}
.consentCustomBtn:hover{transform:translateY(-1px);box-shadow:0 5px 10px #17181e4d}
@media (max-width: 768px) {
.headerContentHolder{flex-direction:column;gap:20px}
.logoAndTaglineArea{flex-direction:column;text-align:center}
.primaryNavigationBar{flex-wrap:wrap;justify-content:center;gap:16px}
.footerContentWrapper{flex-direction:column;gap:40px}
.verticalDividerLine{width:100%;height:2px;background:linear-gradient(to right,transparent,#00EADE,transparent)}
.consentOverlayBox{bottom:10px;right:10px;left:10px;max-width:none;padding:24px}
.consentActionButtons{flex-direction:column}
.consentAcceptBtn,.consentDeclineBtn,.consentCustomBtn{width:100%}
}
@media (max-width: 480px) {
.companyTagline{font-size:16px}
.navLinkItem{font-size:14px}
.logoImageWrapper{width:70px;height:70px}
.footerBrandLogo{width:75px;height:75px}
}
.titleWrapper{background:linear-gradient(135deg,#F5FAF9 0%,#00EADE 100%);padding:80px 20px;position:relative;overflow:hidden;margin-bottom:60px}
.titleWrapper::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#17181e0d;border-radius:50%}
.titleWrapper::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:#00eade26;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.titleContentBox{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.titleTextArea{flex:1}
.titleTextArea h1{font-size:48px;color:#17181E;margin:0 0 24px;line-height:1.2;font-weight:700}
.titleTextArea p{font-size:18px;color:#17181E;margin:0 0 32px;line-height:1.6;opacity:.85}
.titleBtn{display:inline-block;padding:16px 40px;background:#17181E;color:#F5FAF9;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;box-shadow:0 4px 8px #17181e33;transition:all .3s ease}
.titleBtn:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 6px 12px #17181e4d;background:#2a2b35}
.titleImageHolder{flex:0 0 480px;position:relative}
.titleImageHolder img{width:100%;height:420px;object-fit:cover;border-radius:16px;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);box-shadow:0 8px 16px #00000026}
.trustFactorsArea{max-width:1280px;margin:0 auto 80px;padding:0 20px}
.trustFactorsArea h2{font-size:36px;color:#17181E;margin:0 0 48px;text-align:center}
.trustFactorsArea h2::after{content:'';display:block;width:80px;height:4px;background:#00EADE;margin:16px auto 0}
.trustGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.trustCard{background:#F5FAF9;padding:40px 28px;border-radius:12px;border:2px solid transparent;transition:all .3s ease;box-shadow:0 2px 6px #00000014}
.trustCard:hover{border-color:#00EADE;transform:translateY(-4px);box-shadow:0 6px 12px #00eade33}
.trustCard h3{font-size:22px;color:#17181E;margin:0 0 16px}
.trustCard p{font-size:15px;color:#17181E;margin:0;line-height:1.7;opacity:.8}
.progressSection{background:#17181E;padding:80px 20px;margin-bottom:80px;position:relative}
.progressSection::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#00EADE 0%,#F5FAF9 50%,#00EADE 100%)}
.progressContentHolder{max-width:1280px;margin:0 auto}
.progressContentHolder h2{font-size:36px;color:#F5FAF9;margin:0 0 20px;text-align:center}
.progressContentHolder > p{font-size:17px;color:#F5FAF9;margin:0 0 48px;text-align:center;opacity:.9;max-width:720px;margin-left:auto;margin-right:auto}
.achievementDisplay{display:flex;justify-content:space-around;align-items:stretch;gap:40px}
.metricBox{flex:1;text-align:center;padding:32px 20px;background:#f5faf914;border-radius:12px;border:1px solid #00eade4d}
.metricBox h4{font-size:48px;color:#00EADE;margin:0 0 12px;font-weight:700}
.metricBox h5{font-size:18px;color:#F5FAF9;margin:0 0 8px;font-weight:600}
.metricBox h6{font-size:14px;color:#F5FAF9;margin:0;opacity:.7;font-weight:400}
.audienceWrapper{max-width:1280px;margin:0 auto 80px;padding:0 20px}
.audienceWrapper h2{font-size:36px;color:#17181E;margin:0 0 48px}
.audienceWrapper h2::before{content:'→ ';color:#00EADE}
.audienceLayout{display:flex;gap:48px;align-items:center}
.audienceImageBox{flex:0 0 420px}
.audienceImageBox img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001f}
.audienceTextBox{flex:1}
.profileHolder{background:#F5FAF9;padding:28px;border-radius:12px;margin-bottom:24px;border-left:4px solid #00EADE}
.profileHolder h3{font-size:20px;color:#17181E;margin:0 0 12px}
.profileHolder p{font-size:15px;color:#17181E;margin:0;line-height:1.6;opacity:.85}
.problemSolutionArea{background:linear-gradient(180deg,#F5FAF9 0%,#00eade1a 100%);padding:80px 20px;margin-bottom:80px}
.problemSolutionContainer{max-width:1280px;margin:0 auto}
.problemSolutionContainer h2{font-size:36px;color:#17181E;margin:0 0 56px;text-align:center}
.comparisonGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.problemColumn{background:#ffffffb3;padding:40px 32px;border-radius:12px;border:2px solid #17181e1a}
.solutionColumn{background:#ffffffe6;padding:40px 32px;border-radius:12px;border:2px solid #00EADE;position:relative}
.solutionColumn::before{content:'';position:absolute;top:-20px;right:32px;width:40px;height:40px;background:#00EADE;color:#17181E;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700}
.problemColumn h3,.solutionColumn h3{font-size:24px;color:#17181E;margin:0 0 24px}
.problemColumn ul,.solutionColumn ul{list-style:none;padding:0;margin:0}
.problemColumn li,.solutionColumn li{font-size:15px;color:#17181E;padding:12px 0;border-bottom:1px solid #17181e14;line-height:1.6}
.problemColumn li:last-child,.solutionColumn li:last-child{border-bottom:none}
.transparencyBlock{max-width:1280px;margin:0 auto 80px;padding:0 20px}
.transparencyBlock h2{font-size:36px;color:#17181E;margin:0 0 40px;text-align:center}
.transparencyFlex{display:flex;gap:40px;align-items:flex-start}
.transparencyTextSide{flex:1}
.transparencyTextSide h4{font-size:22px;color:#17181E;margin:0 0 16px;padding-left:20px;position:relative}
.transparencyTextSide h4::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#00EADE;border-radius:50%}
.transparencyTextSide p{font-size:15px;color:#17181E;margin:0 0 28px;line-height:1.7;opacity:.85;padding-left:20px}
.transparencyImageSide{flex:0 0 480px}
.transparencyImageSide img{width:100%;height:400px;object-fit:cover;border-radius:12px;box-shadow:0 4px 12px #0000001f}
.geographySection{background:#17181E;padding:80px 20px;position:relative;overflow:hidden}
.geographySection::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:#00eade1a;border-radius:50%}
.geographyInner{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.geographyInner h2{font-size:36px;color:#F5FAF9;margin:0 0 24px}
.geographyInner > p{font-size:17px;color:#F5FAF9;margin:0 0 48px;line-height:1.7;opacity:.9;max-width:800px}
.benefitsLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.benefitItem{display:flex;gap:20px;background:#f5faf914;padding:28px;border-radius:12px;border:1px solid #00eade33;transition:all .3s ease}
.benefitItem:hover{border-color:#00EADE;transform:translateX(8px)}
.benefitIcon{flex:0 0 48px;height:48px;display:flex;align-items:center;justify-content:center}
.benefitIcon svg{width:32px;height:32px;fill:#00EADE}
.benefitText h5{font-size:18px;color:#F5FAF9;margin:0 0 8px;font-weight:600}
.benefitText h6{font-size:14px;color:#F5FAF9;margin:0;opacity:.8;line-height:1.6;font-weight:400}
@media (max-width: 1024px) {
.titleContentBox{flex-direction:column;gap:40px}
.titleImageHolder{flex:0 0 auto;width:100%;max-width:500px}
.trustGrid{grid-template-columns:repeat(2,1fr)}
.audienceLayout{flex-direction:column}
.audienceImageBox{flex:0 0 auto;width:100%}
.comparisonGrid{grid-template-columns:1fr;gap:32px}
.transparencyFlex{flex-direction:column}
.transparencyImageSide{flex:0 0 auto;width:100%}
.benefitsLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleWrapper{padding:60px 20px}
.titleTextArea h1{font-size:36px}
.titleTextArea p{font-size:16px}
.titleImageHolder img{height:320px}
.trustGrid{grid-template-columns:1fr}
.trustFactorsArea h2,.progressContentHolder h2,.audienceWrapper h2,.problemSolutionContainer h2,.transparencyBlock h2,.geographyInner h2{font-size:28px}
.achievementDisplay{flex-direction:column;gap:24px}
.audienceImageBox img{height:360px}
.benefitItem{flex-direction:column}
}
@media (max-width: 480px) {
.titleTextArea h1{font-size:28px}
.titleBtn{padding:14px 32px;font-size:15px}
.metricBox h4{font-size:36px}
.problemColumn,.solutionColumn{padding:28px 20px}
}
.contactIntro{background:linear-gradient(135deg,#F5FAF9 0%,#fff 100%);padding:80px 20px;text-align:center}
.contactIntro .contentWrap{max-width:1280px;margin:0 auto}
.contactIntro h1{font-size:48px;color:#17181E;margin:0 0 20px;font-weight:700}
.contactIntro .leadText{font-size:20px;color:#17181E;opacity:.8;max-width:700px;margin:0 auto;line-height:1.6}
.contactMethodsSection{background:#fff;padding:60px 20px}
.contactMethodsSection .innerHolder{max-width:1280px;margin:0 auto}
.contactMethodsSection h2{font-size:36px;color:#17181E;margin:0 0 50px;text-align:center}
.methodsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.methodCard{background:#F5FAF9;padding:40px 30px;border-radius:12px;border:2px solid transparent;transition:all .3s ease}
.methodCard:hover{border-color:#00EADE;transform:translateY(-4px);box-shadow:0 6px 20px #00eade26}
.methodCard .iconHolder{width:60px;height:60px;background:#00EADE;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.methodCard .iconHolder svg{width:30px;height:30px;fill:#17181E}
.methodCard h3{font-size:22px;color:#17181E;margin:0 0 12px}
.methodCard .detailText{font-size:16px;color:#17181E;opacity:.7;line-height:1.5;margin:0}
.methodCard a{color:#17181E;text-decoration:none;font-weight:600;transition:color .3s ease}
.methodCard a:hover{color:#00EADE}
.formSection{background:#17181E;padding:80px 20px;position:relative;overflow:hidden}
.formSection::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#00eade0d;border-radius:50%}
.formSection .formContainer{max-width:800px;margin:0 auto;position:relative;z-index:1}
.formSection h2{font-size:38px;color:#F5FAF9;margin:0 0 15px;text-align:center}
.formSection .formIntroduction{font-size:18px;color:#F5FAF9;opacity:.8;text-align:center;margin:0 0 45px;line-height:1.6}
.contactFormElement{background:#fff;padding:50px 40px;border-radius:14px;box-shadow:0 8px 30px #0003}
.inputRow{margin-bottom:25px}
.inputRow label{display:block;font-size:15px;color:#17181E;font-weight:600;margin-bottom:8px}
.inputRow input,.inputRow textarea,.inputRow select{width:100%;padding:14px 18px;font-size:16px;border:2px solid #F5FAF9;border-radius:8px;background:#F5FAF9;color:#17181E;transition:all .3s ease;font-family:inherit}
.inputRow input:focus,.inputRow textarea:focus,.inputRow select:focus{outline:none;border-color:#00EADE;background:#fff}
.inputRow textarea{min-height:140px;resize:vertical}
.inputRow select{appearance:none;cursor:pointer;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%2317181E' d='M6 8L0 0h12z'/%3E%3C/svg%3E") no-repeat right 18px center}
.gridInputs{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.privacyCheckHolder{margin:30px 0;display:flex;align-items:flex-start;gap:12px}
.privacyCheckHolder input[type="checkbox"]{width:20px;height:20px;margin-top:3px;cursor:pointer;flex-shrink:0}
.privacyCheckHolder label{font-size:14px;color:#17181E;opacity:.8;line-height:1.5;cursor:pointer}
.privacyCheckHolder label a{color:#00EADE;text-decoration:none;font-weight:600}
.privacyCheckHolder label a:hover{text-decoration:underline}
.submitBtn{background:#00EADE;color:#17181E;font-size:18px;font-weight:700;padding:16px 50px;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;width:100%}
.submitBtn:hover{background:#17181E;color:#00EADE;transform:scale(1.02);box-shadow:0 4px 15px #00eade4d}
.locationDetailsSection{background:#F5FAF9;padding:70px 20px}
.locationDetailsSection .wrapContent{max-width:1280px;margin:0 auto;display:flex;gap:50px;align-items:center}
.locationDetailsSection .textSide{flex:1}
.locationDetailsSection h2{font-size:34px;color:#17181E;margin:0 0 20px}
.locationDetailsSection .addressBlock{font-size:17px;color:#17181E;opacity:.8;line-height:1.8;margin:0 0 25px}
.locationDetailsSection .hoursNote{font-size:15px;color:#17181E;opacity:.7;font-style:italic}
.locationDetailsSection .imageSide{flex:1}
.locationDetailsSection .imageSide img{width:100%;height:400px;object-fit:cover;border-radius:14px;box-shadow:0 6px 25px #17181e26}
.alternativeContactSection{background:#fff;padding:70px 20px;text-align:center}
.alternativeContactSection .contentHolder{max-width:900px;margin:0 auto}
.alternativeContactSection h2{font-size:32px;color:#17181E;margin:0 0 18px}
.alternativeContactSection .descriptionPara{font-size:17px;color:#17181E;opacity:.75;line-height:1.7;margin:0 0 35px}
.altMethodsList{display:flex;justify-content:center;gap:40px;flex-wrap:wrap}
.altMethodsList .singleMethod{background:#F5FAF9;padding:25px 35px;border-radius:10px;border:2px solid #F5FAF9;transition:all .3s ease;min-width:200px}
.altMethodsList .singleMethod:hover{border-color:#00EADE;transform:scale(1.05)}
.altMethodsList .singleMethod h4{font-size:18px;color:#17181E;margin:0 0 10px}
.altMethodsList .singleMethod p{font-size:15px;color:#17181E;opacity:.7;margin:0}
.faqContactSection{background:linear-gradient(180deg,#F5FAF9 0%,#fff 100%);padding:70px 20px}
.faqContactSection .innerWrap{max-width:1000px;margin:0 auto}
.faqContactSection h2{font-size:36px;color:#17181E;margin:0 0 15px;text-align:center}
.faqContactSection .sectionIntro{font-size:17px;color:#17181E;opacity:.75;text-align:center;margin:0 0 50px}
.faqList{display:flex;flex-direction:column;gap:20px}
.faqItem{background:#fff;border-radius:12px;border:2px solid #F5FAF9;overflow:hidden;transition:all .3s ease}
.faqItem:hover{border-color:#00EADE}
.faqItem input[type="checkbox"]{display:none}
.faqQuestion{padding:25px 30px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;background:#F5FAF9;transition:background .3s ease}
.faqQuestion:hover{background:#00eade1a}
.faqQuestion h5{font-size:19px;color:#17181E;margin:0;font-weight:600}
.faqQuestion::after{content:'+';font-size:28px;color:#00EADE;font-weight:700;transition:transform .3s ease}
.faqItem input[type="checkbox"]:checked + .faqQuestion::after{transform:rotate(45deg)}
.faqAnswer{max-height:0;overflow:hidden;transition:max-height .4s ease}
.faqItem input[type="checkbox"]:checked ~ .faqAnswer{max-height:500px}
.faqAnswer p{padding:25px 30px;margin:0;font-size:16px;color:#17181E;opacity:.8;line-height:1.7}
.finalCtaSection{background:#17181E;padding:80px 20px;text-align:center;position:relative}
.finalCtaSection::before{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#00EADE 50%,transparent 100%)}
.finalCtaSection .ctaHolder{max-width:800px;margin:0 auto}
.finalCtaSection h2{font-size:40px;color:#F5FAF9;margin:0 0 20px}
.finalCtaSection .ctaText{font-size:19px;color:#F5FAF9;opacity:.85;margin:0 0 35px;line-height:1.6}
.finalCtaSection .btnGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.finalCtaSection .primaryBtn{background:#00EADE;color:#17181E;padding:16px 40px;font-size:17px;font-weight:700;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-block}
.finalCtaSection .primaryBtn:hover{background:#F5FAF9;transform:scale(1.05);box-shadow:0 4px 20px #00eade66}
.finalCtaSection .secondaryBtn{background:none;color:#00EADE;padding:16px 40px;font-size:17px;font-weight:700;border:2px solid #00EADE;border-radius:8px;text-decoration:none;transition:all .3s ease;display:inline-block}
.finalCtaSection .secondaryBtn:hover{background:#00EADE;color:#17181E;transform:scale(1.05)}
@media (max-width: 768px) {
.contactIntro h1{font-size:36px}
.contactIntro .leadText{font-size:17px}
.contactMethodsSection h2{font-size:28px}
.methodsGrid{grid-template-columns:1fr}
.formSection h2{font-size:30px}
.contactFormElement{padding:35px 25px}
.gridInputs{grid-template-columns:1fr}
.locationDetailsSection .wrapContent{flex-direction:column}
.locationDetailsSection .imageSide img{height:300px}
.altMethodsList{flex-direction:column;align-items:center}
.finalCtaSection h2{font-size:32px}
.finalCtaSection .btnGroup{flex-direction:column;align-items:stretch}
}
@media (max-width: 480px) {
.contactIntro{padding:60px 20px}
.contactIntro h1{font-size:28px}
.methodCard{padding:30px 20px}
.formSection{padding:60px 20px}
.locationDetailsSection .imageSide img{height:250px}
}
.aboutMainSection{background:linear-gradient(135deg,#F5FAF9 0%,#fff 100%);padding:80px 20px}
.aboutMainSection .contentHolder{max-width:1280px;margin:0 auto;display:flex;gap:60px;align-items:center}
.aboutMainSection .textContent{flex:1}
.aboutMainSection .titlePrimary{font-size:48px;color:#17181E;margin:0 0 24px;font-weight:700;line-height:1.2}
.aboutMainSection .descriptionText{font-size:18px;color:#17181E;line-height:1.7;margin:0 0 16px}
.aboutMainSection .imageWrapper{flex:1;position:relative}
.aboutMainSection .imageWrapper img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:4px 4px 0 #00eade4d}
.valuesContainer{background:#17181E;padding:90px 20px;position:relative}
.valuesContainer::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent,#00EADE,transparent)}
.valuesContainer .holder{max-width:1280px;margin:0 auto}
.valuesContainer .sectionHeading{font-size:42px;color:#F5FAF9;text-align:center;margin:0 0 60px;font-weight:700}
.valuesContainer .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesContainer .valueCard{background:#f5faf90d;padding:40px 30px;border-radius:8px;border:1px solid #00eade33;transition:all .3s ease}
.valuesContainer .valueCard:hover{transform:translateY(-5px);box-shadow:0 6px 0 #00eade66;border-color:#00EADE}
.valuesContainer .valueCard .iconBox{width:60px;height:60px;background:#00EADE;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.valuesContainer .valueCard h4{font-size:24px;color:#00EADE;margin:0 0 16px;font-weight:600}
.valuesContainer .valueCard p{font-size:16px;color:#F5FAF9;line-height:1.6;margin:0}
.storySection{background:#F5FAF9;padding:100px 20px}
.storySection .contentWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.storySection .imageColumn{display:flex;flex-direction:column;gap:30px}
.storySection .imageColumn img{width:100%;height:280px;object-fit:cover;border-radius:12px}
.storySection .imageColumn img:first-child{border:3px solid #00EADE}
.storySection .textColumn h3{font-size:38px;color:#17181E;margin:0 0 28px;font-weight:700;position:relative;padding-left:20px}
.storySection .textColumn h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:60%;background:#00EADE;border-radius:3px}
.storySection .textColumn .paragraph{font-size:17px;color:#17181E;line-height:1.7;margin:0 0 20px}
.teamShowcase{background:linear-gradient(180deg,#fff 0%,#F5FAF9 100%);padding:80px 20px}
.teamShowcase .wrapperMain{max-width:1280px;margin:0 auto}
.teamShowcase .headingSection{text-align:center;margin:0 0 70px}
.teamShowcase .headingSection h3{font-size:40px;color:#17181E;margin:0 0 16px;font-weight:700}
.teamShowcase .headingSection .subtitle{font-size:18px;color:#17181eb3;margin:0}
.teamShowcase .teamGrid{display:flex;justify-content:center;gap:50px;flex-wrap:wrap}
.teamShowcase .memberCard{background:#fff;border-radius:16px;padding:0;width:320px;box-shadow:2px 2px 0 #17181e1a;transition:all .3s ease;overflow:hidden}
.teamShowcase .memberCard:hover{transform:scale(1.03);box-shadow:4px 4px 0 #00eade4d}
.teamShowcase .memberCard .photoArea{width:100%;height:340px;overflow:hidden}
.teamShowcase .memberCard .photoArea img{width:100%;height:100%;object-fit:cover}
.teamShowcase .memberCard .infoArea{padding:28px 24px}
.teamShowcase .memberCard .memberName{font-size:22px;color:#17181E;margin:0 0 8px;font-weight:600}
.teamShowcase .memberCard .roleTitle{font-size:16px;color:#00EADE;margin:0 0 12px;font-weight:500}
.teamShowcase .memberCard .bioText{font-size:15px;color:#17181ecc;line-height:1.6;margin:0}
.approachBlock{background:#17181E;padding:90px 20px;position:relative;overflow:hidden}
.approachBlock::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#00eade1a 0%,transparent 70%);border-radius:50%}
.approachBlock .contentArea{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.approachBlock .mainTitle{font-size:44px;color:#F5FAF9;text-align:center;margin:0 0 20px;font-weight:700}
.approachBlock .introText{font-size:18px;color:#f5faf9cc;text-align:center;max-width:800px;margin:0 auto 60px;line-height:1.7}
.approachBlock .processLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 60px}
.approachBlock .stepItem{display:flex;gap:24px;align-items:flex-start}
.approachBlock .stepItem .numberBadge{width:50px;height:50px;background:#00EADE;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#17181E;flex-shrink:0}
.approachBlock .stepItem .contentBox h5{font-size:22px;color:#00EADE;margin:0 0 12px;font-weight:600}
.approachBlock .stepItem .contentBox h6{font-size:18px;color:#F5FAF9;margin:0 0 10px;font-weight:500}
.approachBlock .stepItem .contentBox p{font-size:16px;color:#f5faf9b3;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.aboutMainSection .contentHolder{flex-direction:column;gap:40px}
.valuesContainer .gridLayout{grid-template-columns:repeat(2,1fr)}
.storySection .contentWrap{grid-template-columns:1fr;gap:50px}
.approachBlock .processLayout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.aboutMainSection{padding:60px 20px}
.aboutMainSection .titlePrimary{font-size:36px}
.aboutMainSection .imageWrapper img{height:320px}
.valuesContainer{padding:70px 20px}
.valuesContainer .sectionHeading{font-size:32px}
.valuesContainer .gridLayout{grid-template-columns:1fr;gap:30px}
.storySection{padding:70px 20px}
.storySection .textColumn h3{font-size:30px}
.storySection .imageColumn img{height:220px}
.teamShowcase{padding:60px 20px}
.teamShowcase .headingSection h3{font-size:32px}
.teamShowcase .memberCard{width:100%;max-width:360px}
.approachBlock{padding:70px 20px}
.approachBlock .mainTitle{font-size:32px}
.approachBlock .stepItem{flex-direction:column;gap:16px}
}
@media (max-width: 480px) {
.aboutMainSection .titlePrimary{font-size:28px}
.aboutMainSection .descriptionText{font-size:16px}
.valuesContainer .sectionHeading{font-size:26px}
.valuesContainer .valueCard{padding:30px 20px}
.storySection .textColumn h3{font-size:24px}
.teamShowcase .headingSection h3{font-size:26px}
.approachBlock .mainTitle{font-size:26px}
.approachBlock .introText{font-size:16px}
}
.programContainer{max-width:1280px;margin:0 auto;padding:0 20px}
.heroProgram{background:linear-gradient(135deg,#F5FAF9 0%,#e8f5f3 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.heroProgram::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#00eade14;border-radius:50%;z-index:1}
.heroProgram .programContainer{position:relative;z-index:2}
.heroIntro h1{font-size:48px;color:#17181E;margin-bottom:24px;font-weight:700;line-height:1.2}
.heroIntro .descriptionMain{font-size:18px;color:#17181E;line-height:1.7;max-width:680px;margin-bottom:0}
.structureOverview{padding:70px 20px;background:#fff}
.structureOverview h2{font-size:36px;color:#17181E;margin-bottom:16px;font-weight:600}
.structureIntroText{font-size:17px;color:#17181E;line-height:1.6;margin-bottom:50px;max-width:720px}
.moduleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.moduleCard{background:#F5FAF9;padding:32px 28px;border-radius:12px;border:2px solid transparent;transition:all .3s ease;position:relative}
.moduleCard:hover{border-color:#00EADE;transform:translateY(-4px);box-shadow:0 6px 24px #00eade26}
.moduleCard::after{content:'';position:absolute;top:16px;right:16px;width:40px;height:40px;background:#00eade1a;border-radius:50%;transition:transform .3s ease}
.moduleCard:hover::after{transform:scale(1.2)}
.moduleCard h4{font-size:22px;color:#17181E;margin-bottom:14px;font-weight:600}
.moduleCard p{font-size:15px;color:#17181E;line-height:1.6;margin:0}
.curriculumBreakdown{background:linear-gradient(180deg,#17181E 0%,#2a2b35 100%);padding:80px 20px;position:relative}
.curriculumBreakdown h2{font-size:38px;color:#F5FAF9;margin-bottom:60px;text-align:center;font-weight:600}
.phasesHolder{display:flex;flex-direction:column;gap:0}
.phaseItem{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:48px 0;border-bottom:1px solid #f5faf91a;align-items:start}
.phaseItem:last-child{border-bottom:none}
.phaseLabel{position:relative}
.phaseLabel h5{font-size:24px;color:#00EADE;margin-bottom:8px;font-weight:600}
.phaseLabel .duration{font-size:14px;color:#f5faf9b3;display:block}
.phaseContent h6{font-size:20px;color:#F5FAF9;margin-bottom:16px;font-weight:600}
.topicList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.topicList li{font-size:15px;color:#f5faf9d9;padding-left:28px;position:relative;line-height:1.5}
.topicList li::before{content:'';position:absolute;left:0;top:6px;width:16px;height:2px;background:#00EADE}
.visualShowcase{padding:70px 20px;background:#fff}
.showcaseLayout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.showcaseVisual img{width:100%;height:480px;object-fit:cover;border-radius:16px;box-shadow:0 4px 20px #17181e14}
.showcaseDetails h3{font-size:34px;color:#17181E;margin-bottom:20px;font-weight:600}
.showcaseDetails p{font-size:16px;color:#17181E;line-height:1.7;margin-bottom:18px}
.showcaseDetails p:last-of-type{margin-bottom:0}
.instructorPanel{background:#F5FAF9;padding:75px 20px}
.instructorPanel h2{font-size:36px;color:#17181E;margin-bottom:50px;text-align:center;font-weight:600}
.instructorGallery{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1100px;margin:0 auto}
.instructorProfile{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 3px 16px #17181e0f;transition:transform .3s ease,box-shadow .3s ease}
.instructorProfile:hover{transform:translateY(-6px);box-shadow:0 6px 28px #17181e1f}
.instructorPhoto{width:100%;height:320px;object-fit:cover}
.instructorInfo{padding:26px 24px}
.instructorInfo h5{font-size:20px;color:#17181E;margin-bottom:8px;font-weight:600}
.instructorInfo .roleTitle{font-size:14px;color:#00EADE;display:block;margin-bottom:12px;font-weight:500}
.instructorInfo p{font-size:14px;color:#17181E;line-height:1.6;margin:0}
.learningFormats{padding:70px 20px;background:linear-gradient(135deg,#00eade0d 0%,#f5faf9cc 100%)}
.learningFormats h2{font-size:36px;color:#17181E;margin-bottom:18px;font-weight:600}
.learningFormats .sectionIntro{font-size:17px;color:#17181E;line-height:1.6;margin-bottom:48px;max-width:740px}
.formatRow{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;margin-bottom:48px;align-items:center}
.formatRow:last-child{margin-bottom:0}
.formatRow:nth-child(even){grid-template-columns:1fr 1.2fr}
.formatRow:nth-child(even) .formatVisual{order:2}
.formatRow:nth-child(even) .formatText{order:1}
.formatVisual img{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 4px 18px #17181e14}
.formatText h4{font-size:28px;color:#17181E;margin-bottom:16px;font-weight:600}
.formatText p{font-size:16px;color:#17181E;line-height:1.7;margin-bottom:14px}
.formatText p:last-child{margin-bottom:0}
.enrollmentAction{background:#17181E;padding:70px 20px;text-align:center}
.enrollmentAction h2{font-size:38px;color:#F5FAF9;margin-bottom:20px;font-weight:600}
.enrollmentAction .closingMessage{font-size:18px;color:#f5faf9e6;line-height:1.7;max-width:680px;margin:0 auto 36px}
.actionBtn{display:inline-block;background:#00EADE;color:#17181E;font-size:17px;font-weight:600;padding:16px 42px;border-radius:10px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #00eade40;position:relative;z-index:10}
.actionBtn:hover{background:#00d4c7;transform:scale(1.05);box-shadow:0 6px 22px #00eade59;color:#17181E}
@media (max-width: 1024px) {
.moduleGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.phaseItem{grid-template-columns:220px 1fr;gap:36px}
.showcaseLayout{gap:48px}
.instructorGallery{grid-template-columns:repeat(2,1fr);gap:32px}
.formatRow,.formatRow:nth-child(even){grid-template-columns:1fr;gap:36px}
.formatRow:nth-child(even) .formatVisual{order:1}
.formatRow:nth-child(even) .formatText{order:2}
}
@media (max-width: 768px) {
.heroProgram{padding:60px 20px 50px}
.heroIntro h1{font-size:36px;margin-bottom:20px}
.heroIntro .descriptionMain{font-size:16px}
.structureOverview h2,.learningFormats h2,.instructorPanel h2{font-size:30px;margin-bottom:14px}
.moduleGrid{grid-template-columns:1fr;gap:24px}
.curriculumBreakdown h2{font-size:32px;margin-bottom:48px}
.phaseItem{grid-template-columns:1fr;gap:24px;padding:36px 0}
.showcaseLayout{grid-template-columns:1fr;gap:36px}
.showcaseVisual img{height:360px}
.showcaseDetails h3{font-size:28px}
.instructorGallery{grid-template-columns:1fr;gap:28px}
.instructorPhoto{height:380px}
.formatVisual img{height:300px}
.enrollmentAction h2{font-size:32px}
.enrollmentAction .closingMessage{font-size:16px}
}
@media (max-width: 480px) {
.heroIntro h1{font-size:30px}
.structureOverview,.visualShowcase,.instructorPanel,.learningFormats{padding:50px 20px}
.curriculumBreakdown,.enrollmentAction{padding:55px 20px}
.moduleCard{padding:26px 22px}
.actionBtn{padding:14px 36px;font-size:16px}
}
.cookiePolicyWrapper{width:100%;max-width:1280px;margin:0 auto;padding:60px 20px;background:#F5FAF9}
.policyHeroSection{text-align:center;padding:40px 20px 60px;background:linear-gradient(135deg,#17181e0d 0%,#00eade14 100%);border-radius:12px;margin-bottom:50px;position:relative;overflow:hidden}
.policyHeroSection::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#00eade26 0%,transparent 70%);border-radius:50%}
.policyHeroSection h1{font-size:42px;color:#17181E;margin-bottom:16px;position:relative;z-index:2}
.policyHeroSection .updateDate{font-size:16px;color:#17181eb3;margin-bottom:24px;position:relative;z-index:2}
.policyHeroSection .introText{font-size:18px;line-height:1.7;color:#17181E;max-width:800px;margin:0 auto;position:relative;z-index:2}
.contentBlocksHolder{display:flex;flex-direction:column;gap:60px}
.whatAreCookies{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:50px;background:#fff;border-radius:14px;box-shadow:0 4px 8px #17181e14;position:relative}
.whatAreCookies::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00EADE 0%,#00eade33 100%)}
.whatAreCookies .leftColumn{display:flex;flex-direction:column;justify-content:center}
.whatAreCookies h2{font-size:32px;color:#17181E;margin-bottom:20px;position:relative;padding-left:20px}
.whatAreCookies h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:40px;background:#00EADE;border-radius:3px}
.whatAreCookies .description{font-size:16px;line-height:1.7;color:#17181ecc}
.whatAreCookies .rightColumn{background:linear-gradient(135deg,#f5faf999 0%,#00eade0d 100%);padding:30px;border-radius:10px;display:flex;flex-direction:column;justify-content:center}
.whatAreCookies .highlightedInfo{font-size:16px;line-height:1.8;color:#17181E;padding:20px;border-left:3px solid #00EADE;background:#fff;border-radius:8px}
.cookieTypesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:40px;background:linear-gradient(135deg,#17181E 0%,#17181ee6 100%);border-radius:14px;position:relative}
.cookieTypesGrid::before{content:'';position:absolute;top:20px;left:20px;right:20px;height:2px;background:linear-gradient(90deg,transparent 0%,#00EADE 50%,transparent 100%)}
.cookieTypesGrid h3{grid-column:1 / -1;font-size:28px;color:#F5FAF9;text-align:center;margin-bottom:20px;margin-top:20px}
.cookieCard{background:#f5faf90d;padding:30px;border-radius:10px;border:1px solid #00eade33;transition:all .3s ease}
.cookieCard:hover{transform:translateY(-4px);box-shadow:0 6px 12px #00eade33;border-color:#00EADE}
.cookieCard h4{font-size:20px;color:#00EADE;margin-bottom:14px;display:flex;align-items:center;gap:10px}
.cookieCard h4::before{content:'';width:8px;height:8px;background:#00EADE;border-radius:50%;box-shadow:0 0 10px #00EADE}
.cookieCard p{font-size:15px;line-height:1.7;color:#f5faf9e6}
.yourChoicesSection{padding:50px;background:#fff;border-radius:14px;box-shadow:0 4px 8px #17181e14;position:relative}
.yourChoicesSection::before{content:'';position:absolute;top:-30px;right:40px;width:80px;height:80px;background:linear-gradient(135deg,#00EADE 0%,#00eade4d 100%);border-radius:50%;opacity:.6}
.yourChoicesSection h3{font-size:30px;color:#17181E;margin-bottom:30px;text-align:center}
.choicesHolder{display:flex;flex-direction:column;gap:20px;max-width:900px;margin:0 auto}
.choiceItem{padding:25px;background:linear-gradient(135deg,#f5faf9cc 0%,#00eade0d 100%);border-radius:10px;border-left:4px solid #00EADE;transition:all .3s ease}
.choiceItem:hover{transform:translateX(8px);box-shadow:0 4px 8px #00eade26}
.choiceItem h5{font-size:19px;color:#17181E;margin-bottom:10px}
.choiceItem p{font-size:15px;line-height:1.7;color:#17181ecc}
.dataSecurityBlock{display:flex;flex-direction:row;align-items:center;gap:50px;padding:50px;background:linear-gradient(135deg,#00eade14 0%,#f5faf9f2 100%);border-radius:14px;position:relative;overflow:hidden}
.dataSecurityBlock::after{content:'';position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#00eade1a 0%,transparent 70%);border-radius:50%}
.securityIconArea{flex:0 0 200px;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.securityIconWrapper{width:140px;height:140px;background:linear-gradient(135deg,#00EADE 0%,#00eadeb3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 16px #00eade4d}
.securityIconWrapper::before{content:'';position:absolute;width:160px;height:160px;border:2px dashed #00eade66;border-radius:50%;animation:rotate 20s linear infinite}
@keyframes rotate {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.securityIconWrapper svg{width:70px;height:70px;fill:#17181E}
.securityContentArea{flex:1;position:relative;z-index:2}
.securityContentArea h3{font-size:32px;color:#17181E;margin-bottom:20px}
.securityContentArea p{font-size:16px;line-height:1.7;color:#17181ecc;margin-bottom:14px}
.updatesNoticeSection{padding:40px;background:#17181E;border-radius:14px;text-align:center;position:relative;overflow:hidden}
.updatesNoticeSection::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent 0%,#00EADE 30%,#00EADE 70%,transparent 100%)}
.updatesNoticeSection h4{font-size:26px;color:#F5FAF9;margin-bottom:18px}
.updatesNoticeSection p{font-size:16px;line-height:1.7;color:#f5faf9e6;max-width:800px;margin:0 auto 24px}
.updatesNoticeSection .contactLink{display:inline-block;padding:14px 32px;background:#00EADE;color:#17181E;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;position:relative;z-index:3}
.updatesNoticeSection .contactLink:hover{transform:scale(1.05);box-shadow:0 6px 12px #00eade66}
.contactInfoBlock{display:grid;grid-template-columns:2fr 1fr;gap:40px;padding:50px;background:#fff;border-radius:14px;box-shadow:0 4px 8px #17181e14}
.contactInfoBlock h4{grid-column:1 / -1;font-size:28px;color:#17181E;margin-bottom:10px;text-align:center}
.contactDetailsList{display:flex;flex-direction:column;gap:16px}
.contactDetailItem{display:flex;flex-direction:column;gap:6px;padding:20px;background:linear-gradient(135deg,#f5faf9e6 0%,#00eade0d 100%);border-radius:8px;border-left:3px solid #00EADE}
.contactDetailItem h6{font-size:15px;color:#17181eb3;text-transform:uppercase;letter-spacing:.5px}
.contactDetailItem a{font-size:17px;color:#17181E;text-decoration:none;font-weight:500;transition:color .3s ease}
.contactDetailItem a:hover{color:#00EADE}
.graphicDecoration{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#17181e0d 0%,#00eade1a 100%);border-radius:10px;padding:30px;position:relative}
.decorativeShape{width:100px;height:100px;background:linear-gradient(135deg,#00EADE 0%,#00eade80 100%);border-radius:50%;position:relative;animation:pulse 3s ease-in-out infinite}
.decorativeShape::before,.decorativeShape::after{content:'';position:absolute;border-radius:50%}
.decorativeShape::before{top:-15px;right:-15px;width:60px;height:60px;background:#17181e33}
.decorativeShape::after{bottom:-20px;left:-20px;width:80px;height:80px;background:#00eade26}
@keyframes pulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
@media (max-width: 1024px) {
.whatAreCookies,.contactInfoBlock{grid-template-columns:1fr;gap:30px;padding:40px}
.cookieTypesGrid{grid-template-columns:repeat(2,1fr);padding:30px}
.dataSecurityBlock{flex-direction:column;gap:30px;padding:40px}
.securityIconArea{flex:0 0 auto}
}
@media (max-width: 768px) {
.cookiePolicyWrapper{padding:40px 16px}
.policyHeroSection h1{font-size:32px}
.policyHeroSection .introText{font-size:16px}
.cookieTypesGrid{grid-template-columns:1fr;padding:25px}
.whatAreCookies,.yourChoicesSection,.dataSecurityBlock,.updatesNoticeSection,.contactInfoBlock{padding:30px 20px}
.whatAreCookies h2,.securityContentArea h3{font-size:26px}
.yourChoicesSection h3,.cookieTypesGrid h3,.contactInfoBlock h4{font-size:24px}
.choiceItem:hover{transform:translateX(4px)}
}
@media (max-width: 480px) {
.policyHeroSection h1{font-size:28px}
.contentBlocksHolder{gap:40px}
.cookieCard{padding:20px}
.securityIconWrapper{width:100px;height:100px}
.securityIconWrapper svg{width:50px;height:50px}
}
.privacyContainer{max-width:1280px;margin:0 auto;padding:0 20px}
.privacyHero{background:linear-gradient(135deg,#F5FAF9 0%,#00eade14 100%);padding:80px 20px;position:relative;overflow:hidden;margin-bottom:60px}
.privacyHero::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:linear-gradient(45deg,#00eade1a,transparent);border-radius:50%}
.privacyHero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#17181e08;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.heroContent{max-width:800px;position:relative;z-index:2}
.heroContent h1{font-size:48px;color:#17181E;margin-bottom:20px;font-weight:700;line-height:1.2}
.heroContent .lastUpdate{color:#17181E;font-size:16px;opacity:.7}
.policyIntro{padding:60px 0;background:#fff}
.policyIntro .contentBlock{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.policyIntro h2{font-size:36px;color:#17181E;margin-bottom:24px;font-weight:600}
.policyIntro p{font-size:17px;line-height:1.7;color:#17181E;opacity:.85;margin-bottom:16px}
.introHighlight{background:linear-gradient(to right,#00eade1a,transparent);padding:30px;border-radius:12px;border-left:4px solid #00EADE}
.introHighlight h3{font-size:22px;color:#17181E;margin-bottom:16px;font-weight:600}
.dataCollection{background:#F5FAF9;padding:70px 0;position:relative}
.dataCollection::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#00EADE 0%,transparent 100%)}
.dataCollection h2{font-size:38px;color:#17181E;margin-bottom:40px;font-weight:600;text-align:center}
.dataTypes{display:flex;flex-direction:row;gap:30px;margin-top:50px}
.dataCard{background:#fff;padding:35px;border-radius:12px;flex:1;box-shadow:0 4px 6px #17181e14;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.dataCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#00EADE;transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.dataCard:hover{transform:translateY(-5px);box-shadow:0 8px 16px #17181e26}
.dataCard:hover::before{transform:scaleX(1)}
.dataCard h4{font-size:24px;color:#17181E;margin-bottom:18px;font-weight:600}
.dataCard ul{list-style:none;padding:0;margin:0}
.dataCard li{font-size:16px;color:#17181E;opacity:.8;padding:10px 0 10px 28px;position:relative;line-height:1.6}
.dataCard li::before{content:'';position:absolute;left:0;top:16px;width:12px;height:12px;background:#00EADE;border-radius:50%}
.usageSection{padding:80px 0;background:#fff}
.usageWrapper{display:grid;grid-template-columns:2fr 3fr;gap:60px;align-items:center}
.usageSidebar{background:linear-gradient(135deg,#17181E 0%,#17181ee6 100%);padding:50px;border-radius:16px;color:#F5FAF9;position:relative}
.usageSidebar::after{content:'';position:absolute;bottom:-20px;right:-20px;width:150px;height:150px;background:#00eade26;border-radius:50%;z-index:0}
.usageSidebar h3{font-size:28px;margin-bottom:20px;font-weight:600;position:relative;z-index:1}
.usageSidebar p{font-size:16px;line-height:1.7;opacity:.9;position:relative;z-index:1}
.usageContent h2{font-size:38px;color:#17181E;margin-bottom:30px;font-weight:600}
.usageList{display:flex;flex-direction:column;gap:20px}
.usageItem{background:#F5FAF9;padding:25px 30px;border-radius:10px;border-left:5px solid #00EADE;transition:background .3s ease}
.usageItem:hover{background:#00eade14}
.usageItem h5{font-size:20px;color:#17181E;margin-bottom:10px;font-weight:600}
.usageItem p{font-size:16px;color:#17181E;opacity:.8;line-height:1.6;margin:0}
.rightsProtection{background:linear-gradient(to bottom,#F5FAF9,#fff);padding:70px 0}
.rightsProtection h2{font-size:40px;color:#17181E;margin-bottom:50px;font-weight:600;text-align:center}
.rightsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.rightCard{background:#fff;padding:40px 30px;border-radius:14px;box-shadow:0 3px 8px #17181e1a;text-align:center;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.rightCard::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#00EADE;border-radius:0 0 4px 4px}
.rightCard:hover{transform:scale(1.05);box-shadow:0 6px 20px #00eade33}
.rightIcon{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#00EADE,#00eade99);border-radius:50%;display:flex;align-items:center;justify-content:center}
.rightCard h6{font-size:20px;color:#17181E;margin-bottom:14px;font-weight:600}
.rightCard p{font-size:15px;color:#17181E;opacity:.8;line-height:1.6;margin:0}
.securityMeasures{padding:80px 0;background:#fff;position:relative}
.securityMeasures::before{content:'';position:absolute;top:50%;right:0;width:300px;height:300px;background:radial-gradient(circle,#00eade0d,transparent);transform:translateY(-50%)}
.securityLayout{display:flex;flex-direction:row;gap:50px;align-items:stretch}
.securityText{flex:1}
.securityText h2{font-size:38px;color:#17181E;margin-bottom:28px;font-weight:600}
.securityText p{font-size:17px;line-height:1.7;color:#17181E;opacity:.85;margin-bottom:20px}
.securityFeatures{flex:1;background:#F5FAF9;padding:45px;border-radius:14px;border:2px solid #00eade33}
.securityFeatures h4{font-size:26px;color:#17181E;margin-bottom:30px;font-weight:600}
.featureList{display:flex;flex-direction:column;gap:18px}
.featureItem{display:flex;align-items:start;gap:15px}
.featureIcon{width:24px;height:24px;background:#00EADE;border-radius:4px;flex-shrink:0;margin-top:2px}
.featureItem span{font-size:16px;color:#17181E;opacity:.85;line-height:1.6}
.contactSection{background:linear-gradient(135deg,#17181E 0%,#17181ef2 100%);padding:70px 0;position:relative;overflow:hidden}
.contactSection::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:#00eade1a;border-radius:50%}
.contactSection::after{content:'';position:absolute;bottom:-80px;right:-80px;width:350px;height:350px;background:#00eade14;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}
.contactWrapper{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto}
.contactWrapper h2{font-size:36px;color:#F5FAF9;margin-bottom:20px;font-weight:600}
.contactWrapper p{font-size:17px;color:#F5FAF9;opacity:.9;line-height:1.7;margin-bottom:35px}
.contactDetails{display:flex;flex-direction:column;gap:20px;align-items:center}
.contactItem{background:#f5faf91a;padding:20px 40px;border-radius:10px;display:inline-flex;align-items:center;gap:15px;transition:background .3s ease,transform .3s ease}
.contactItem:hover{background:#00eade26;transform:translateX(5px)}
.contactItem svg{width:24px;height:24px;fill:#00EADE}
.contactItem span{font-size:16px;color:#F5FAF9;font-weight:500}
@media (max-width: 1024px) {
.heroContent h1{font-size:38px}
.policyIntro .contentBlock{grid-template-columns:1fr;gap:30px}
.dataTypes{flex-direction:column}
.usageWrapper{grid-template-columns:1fr;gap:40px}
.rightsGrid{grid-template-columns:repeat(2,1fr);gap:25px}
.securityLayout{flex-direction:column}
}
@media (max-width: 768px) {
.privacyHero{padding:60px 20px}
.heroContent h1{font-size:32px}
.policyIntro h2,.dataCollection h2,.usageContent h2,.rightsProtection h2,.securityText h2{font-size:28px}
.rightsGrid{grid-template-columns:1fr}
.usageSidebar{padding:35px}
.securityFeatures{padding:30px}
.contactWrapper h2{font-size:28px}
}
@media (max-width: 480px) {
.privacyHero{padding:40px 15px}
.heroContent h1{font-size:26px}
.dataCard{padding:25px}
.rightCard{padding:30px 20px}
.contactItem{padding:15px 25px}
}
.disclaimerMain{max-width:1280px;margin:0 auto;padding:0 24px;background:#F5FAF9}
.disclaimerHero{padding:80px 0 60px;background:linear-gradient(135deg,#17181e05 0%,#00eade14 100%);border-radius:12px;margin-bottom:60px}
.disclaimerHero .heroContent{max-width:900px;margin:0 auto;text-align:center}
.disclaimerHero h1{font-size:48px;color:#17181E;margin-bottom:20px;font-weight:700;line-height:1.2}
.disclaimerHero .introText{font-size:18px;color:#17181E;opacity:.8;line-height:1.6;max-width:700px;margin:0 auto}
.disclaimerSection{padding:50px 0;position:relative}
.disclaimerSection::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#00eade4d 50%,transparent 100%)}
.disclaimerSection:last-child::after{display:none}
.educationInfo{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.educationInfo .leftCol{background:#FFF;padding:40px;border-radius:12px;box-shadow:0 4px 8px #17181e14}
.educationInfo .leftCol h2{font-size:32px;color:#17181E;margin-bottom:24px;font-weight:600}
.educationInfo .leftCol p{font-size:16px;color:#17181E;opacity:.85;line-height:1.7;margin-bottom:16px}
.educationInfo .rightCol{display:flex;flex-direction:column;gap:20px}
.educationInfo .infoCard{background:#FFF;padding:28px;border-radius:10px;border-left:4px solid #00EADE;box-shadow:0 2px 6px #17181e0f;transition:transform .3s ease,box-shadow .3s ease}
.educationInfo .infoCard:hover{transform:translateX(8px);box-shadow:0 4px 12px #00eade26}
.educationInfo .infoCard h4{font-size:18px;color:#17181E;margin-bottom:10px;font-weight:600}
.educationInfo .infoCard p{font-size:15px;color:#17181E;opacity:.8;line-height:1.6;margin:0}
.resultsDisclosure{background:linear-gradient(180deg,#FFF 0%,#F5FAF9 100%);padding:50px;border-radius:12px;position:relative;overflow:hidden}
.resultsDisclosure::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:radial-gradient(circle,#00eade1a 0%,transparent 70%);border-radius:50%;z-index:1}
.resultsDisclosure .contentWrapper{position:relative;z-index:2}
.resultsDisclosure h3{font-size:36px;color:#17181E;margin-bottom:30px;font-weight:600;text-align:center}
.resultsDisclosure .disclaimerList{display:flex;flex-direction:column;gap:24px;max-width:900px;margin:0 auto}
.resultsDisclosure .listItem{display:flex;align-items:start;gap:20px;background:#FFF;padding:24px;border-radius:10px;box-shadow:0 2px 5px #17181e0f}
.resultsDisclosure .listItem::before{content:'';font-size:28px;color:#00EADE;flex-shrink:0;line-height:1}
.resultsDisclosure .listItem p{font-size:16px;color:#17181E;opacity:.85;line-height:1.7;margin:0}
.liabilitySection{display:flex;flex-direction:column;gap:32px}
.liabilitySection h2{font-size:34px;color:#17181E;font-weight:600;text-align:left;margin-bottom:0}
.liabilityGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.liabilityCard{background:#FFF;padding:32px;border-radius:12px;border-top:3px solid #00EADE;box-shadow:0 3px 8px #17181e12;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:16px}
.liabilityCard:hover{transform:translateY(-6px);box-shadow:0 6px 16px #00eade33}
.liabilityCard h5{font-size:20px;color:#17181E;font-weight:600;margin:0}
.liabilityCard p{font-size:15px;color:#17181E;opacity:.8;line-height:1.6;margin:0}
.contactDisclaimerBlock{background:linear-gradient(135deg,#17181ef2 0%,#17181efa 100%);padding:60px 50px;border-radius:14px;display:grid;grid-template-columns:2fr 1fr;gap:50px;align-items:center;position:relative;overflow:hidden}
.contactDisclaimerBlock::after{content:'';position:absolute;bottom:-100px;left:-100px;width:300px;height:300px;background:radial-gradient(circle,#00eade26 0%,transparent 70%);border-radius:50%}
.contactDisclaimerBlock .textContent{position:relative;z-index:2}
.contactDisclaimerBlock h3{font-size:32px;color:#FFF;margin-bottom:20px;font-weight:600}
.contactDisclaimerBlock p{font-size:17px;color:#F5FAF9;opacity:.9;line-height:1.7;margin-bottom:16px}
.contactDisclaimerBlock .contactDetails{position:relative;z-index:2;background:#ffffff14;padding:30px;border-radius:10px;border:1px solid #00eade4d}
.contactDisclaimerBlock .contactDetails h6{font-size:18px;color:#00EADE;margin-bottom:18px;font-weight:600}
.contactDisclaimerBlock .contactDetails .detailItem{display:flex;align-items:start;gap:12px;margin-bottom:14px;font-size:15px;color:#F5FAF9;line-height:1.6}
.contactDisclaimerBlock .contactDetails .detailItem:last-child{margin-bottom:0}
.contactDisclaimerBlock .contactDetails .detailItem::before{content:'→';color:#00EADE;font-weight:700;flex-shrink:0}
.finalNote{background:#FFF;padding:40px;border-radius:12px;border:2px dashed #00eade4d;text-align:center;margin-top:40px;margin-bottom:60px}
.finalNote p{font-size:16px;color:#17181E;opacity:.85;line-height:1.7;max-width:800px;margin:0 auto}
.finalNote strong{color:#00EADE;font-weight:600}
@media (max-width: 1024px) {
.educationInfo{grid-template-columns:1fr;gap:30px}
.liabilityGrid{grid-template-columns:1fr 1fr}
.contactDisclaimerBlock{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 768px) {
.disclaimerMain{padding:0 16px}
.disclaimerHero{padding:50px 20px 40px;margin-bottom:40px}
.disclaimerHero h1{font-size:34px}
.disclaimerHero .introText{font-size:16px}
.educationInfo .leftCol{padding:30px 24px}
.educationInfo .leftCol h2{font-size:26px}
.resultsDisclosure{padding:35px 24px}
.resultsDisclosure h3{font-size:28px}
.liabilityGrid{grid-template-columns:1fr}
.liabilitySection h2{font-size:28px}
.contactDisclaimerBlock{padding:40px 30px}
.contactDisclaimerBlock h3{font-size:26px}
}
@media (max-width: 480px) {
.disclaimerHero h1{font-size:28px}
.educationInfo .leftCol h2{font-size:22px}
.resultsDisclosure h3{font-size:24px}
.resultsDisclosure .listItem{padding:18px}
.liabilityCard{padding:24px 20px}
.contactDisclaimerBlock{padding:30px 20px}
.finalNote{padding:30px 20px}
}
.thankHolder{max-width:1280px;margin:0 auto;padding:80px 20px;background:#F5FAF9}
.successConfirmation{background:linear-gradient(135deg,#00eade14 0%,#17181e08 100%);border-radius:16px;padding:60px 40px;text-align:center;position:relative;overflow:hidden;box-shadow:0 4px 6px #17181e14}
.successConfirmation::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#00eade1a 0%,transparent 70%);animation:pulseGlow 4s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.checkmarkVisual{width:120px;height:120px;margin:0 auto 30px;position:relative;z-index:2}
.checkmarkVisual svg{width:100%;height:100%;filter:drop-shadow(0 6px 12px #00eade4d)}
.checkCircle{fill:none;stroke:#00EADE;stroke-width:3;stroke-dasharray:377;stroke-dashoffset:377;animation:drawCircle 1s ease-out forwards}
.checkMark{fill:none;stroke:#17181E;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawCheck .6s ease-out .8s forwards}
@keyframes drawCircle {
to{stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successConfirmation .mainHeading{font-size:42px;font-weight:700;color:#17181E;margin:0 0 20px;position:relative;z-index:2}
.successConfirmation .supportText{font-size:18px;color:#17181E;line-height:1.6;margin:0 0 35px;max-width:600px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.nextStepsArea{background:#ffffff80;border-radius:12px;padding:40px;margin-top:50px;position:relative;z-index:2}
.nextStepsArea h4{font-size:24px;font-weight:600;color:#17181E;margin:0 0 25px;text-align:center}
.stepsList{display:flex;flex-direction:column;gap:20px;max-width:700px;margin:0 auto}
.stepItem{display:flex;align-items:flex-start;gap:18px;padding:20px;background:#F5FAF9;border-radius:10px;border-left:4px solid #00EADE;transition:transform .3s ease,box-shadow .3s ease}
.stepItem:hover{transform:translateX(8px);box-shadow:0 5px 15px #00eade26}
.stepNumber{min-width:36px;height:36px;background:linear-gradient(135deg,#00EADE 0%,#17181E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;font-weight:700;color:#F5FAF9;box-shadow:0 3px 8px #00eade4d}
.stepContent h5{font-size:18px;font-weight:600;color:#17181E;margin:0 0 8px}
.stepContent p{font-size:15px;color:#17181E;line-height:1.5;margin:0;opacity:.85}
.actionButtons{display:flex;gap:15px;justify-content:center;margin-top:40px;flex-wrap:wrap;position:relative;z-index:2}
.primaryBtn{padding:16px 36px;background:#00EADE;color:#17181E;font-size:16px;font-weight:600;border:none;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .3s ease,box-shadow .3s ease,background .3s ease;box-shadow:0 4px 10px #00eade40;z-index:10;position:relative}
.primaryBtn:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 7px 18px #00eade66;background:#17181E;color:#00EADE}
.secondaryBtn{padding:16px 36px;background:none;color:#17181E;font-size:16px;font-weight:600;border:2px solid #17181E;border-radius:10px;cursor:pointer;text-decoration:none;display:inline-block;transition:transform .3s ease,background .3s ease,color .3s ease,box-shadow .3s ease;z-index:10;position:relative}
.secondaryBtn:hover{transform:translateY(-3px) scale(1.02);background:#17181E;color:#F5FAF9;box-shadow:0 5px 15px #17181e33}
.infoNotice{background:#17181e0d;border-left:4px solid #17181E;padding:20px 25px;border-radius:8px;margin-top:40px;position:relative;z-index:2}
.infoNotice p{font-size:15px;color:#17181E;line-height:1.6;margin:0}
.infoNotice strong{color:#00EADE;font-weight:600}
@media (max-width: 768px) {
.thankHolder{padding:60px 15px}
.successConfirmation{padding:40px 25px}
.checkmarkVisual{width:90px;height:90px}
.successConfirmation .mainHeading{font-size:32px}
.successConfirmation .supportText{font-size:16px}
.nextStepsArea{padding:30px 20px}
.nextStepsArea h4{font-size:20px}
.stepItem{flex-direction:column;gap:12px}
.actionButtons{flex-direction:column;align-items:stretch}
.primaryBtn,.secondaryBtn{width:100%;text-align:center}
}
@media (max-width: 480px) {
.successConfirmation .mainHeading{font-size:26px}
.stepContent h5{font-size:16px}
.stepContent p{font-size:14px}
}