*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans',sans-serif;font-size:16px;line-height:1.6;color:#2a2a2a;background:#fafafa}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
button{font-family:inherit;cursor:pointer;border:none;background:none}
.siteHeado{background:linear-gradient(149deg,#D9FAFE 0%,#3dd56a26 100%);padding:25px 0;box-shadow:0 8px 20px #3dd56a1f}
.siteHeado .heado-wrapper{max-width:1440px;margin:0 auto;padding:0 20px}
.siteHeado .topRowData{display:flex;justify-content:center;align-items:center;margin-bottom:30px}
.siteHeado .logoContain{display:flex;align-items:center;justify-content:center}
.siteHeado .brandLogo{width:120px;height:120px;object-fit:contain;background:#fff6;padding:12px;border-radius:8px;box-shadow:0 4px 12px #76501126}
.siteHeado .middRowData{display:flex;justify-content:center;align-items:center;margin-bottom:28px}
.siteHeado .companyNameWrapper{text-align:center}
.siteHeado .brandNameText{font-size:38px;font-weight:700;color:#765011;letter-spacing:1px;text-shadow:2px 2px 6px #3dd56a33}
.siteHeado .bottomRowData{display:flex;justify-content:center;align-items:center}
.siteHeado .mainNavi{width:100%;max-width:900px}
.siteHeado .naviList{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap}
.siteHeado .naviItem{position:relative}
.siteHeado .naviLink{display:block;padding:14px 28px;font-size:16px;font-weight:600;color:#2a2a2a;background:#fff9;border:2px solid #76501133;border-radius:6px;transition:all .3s ease;min-height:44px;display:flex;align-items:center}
.siteHeado .naviLink:hover{background:#3dd56a40;color:#765011;border-color:#3DD56A;box-shadow:0 4px 10px #3dd56a40}
.contentArea{min-height:200px}
.siteFooto{background:linear-gradient(149deg,#765011 0%,#3dd56a4d 100%);padding:50px 0 30px;margin-top:60px;border-top:4px solid #3DD56A}
.siteFooto .footo-wrapper{max-width:1440px;margin:0 auto;padding:0 20px}
.siteFooto .footerTop{margin-bottom:40px}
.siteFooto .footerLinkSections{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}
.siteFooto .linkColumn{border:2px solid #d9fafe66;padding:25px;border-radius:8px;background:#ffffff14}
.siteFooto .footerHeading{font-size:20px;font-weight:700;color:#D9FAFE;margin-bottom:18px;text-transform:uppercase;letter-spacing:.5px}
.siteFooto .footerLinks{display:flex;flex-direction:column;gap:12px}
.siteFooto .footLink{color:#fafafa;font-size:15px;padding:8px 0;transition:color .3s ease;display:inline-block}
.siteFooto .footLink:hover{color:#3DD56A}
.siteFooto .contactData{display:flex;flex-direction:column;gap:14px}
.siteFooto .contactItem{display:flex;flex-direction:column;gap:5px}
.siteFooto .contactLabel{font-weight:700;color:#D9FAFE;font-size:14px}
.siteFooto .contactValue{color:#fafafa;font-size:15px;transition:color .3s ease}
.siteFooto a.contactValue:hover{color:#3DD56A}
.siteFooto .footerBottom{border-top:2px solid #d9fafe4d;padding-top:25px}
.siteFooto .copyrightWrapper{text-align:center}
.siteFooto .copyrightText{color:#fafafa;font-size:14px}
.cookiePopup{position:fixed;top:20px;left:20px;width:340px;background:#fff;border:2px solid #3DD56A;border-radius:8px;box-shadow:0 12px 30px #76501140;z-index:10000;opacity:0;transform:translateY(-20px);transition:opacity .4s ease,transform .4s ease}
.cookiePopup[data-visible="true"]{opacity:1;transform:translateY(0)}
.cookiePopup[data-visible="false"]{pointer-events:none}
.cookiePopup .cookieInner{padding:22px}
.cookiePopup .cookieHeadWrap{margin-bottom:15px}
.cookiePopup .cookieTitle{font-size:20px;font-weight:700;color:#765011}
.cookiePopup .cookieBodyWrap{margin-bottom:20px}
.cookiePopup .cookieDesc{font-size:14px;color:#2a2a2a;margin-bottom:18px;line-height:1.5}
.cookiePopup .cookieCategories{display:flex;flex-direction:column;gap:14px;margin-bottom:16px}
.cookiePopup .categoryItem{display:flex;flex-direction:column;gap:5px}
.cookiePopup .categoryLabel{display:flex;align-items:center;gap:10px;cursor:pointer;position:relative}
.cookiePopup .categoryCheck{position:absolute;opacity:0;cursor:pointer}
.cookiePopup .toggleSwitch{width:44px;height:22px;background:#ccc;border-radius:11px;position:relative;transition:background .3s ease;flex-shrink:0}
.cookiePopup .toggleSwitch::after{content:'';position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:2px;left:2px;transition:left .3s ease}
.cookiePopup .categoryCheck:checked + .toggleSwitch{background:#3DD56A}
.cookiePopup .categoryCheck:checked + .toggleSwitch::after{left:24px}
.cookiePopup .categoryName{font-size:15px;font-weight:600;color:#2a2a2a}
.cookiePopup .categoryDesc{font-size:13px;color:#666;padding-left:54px}
.cookiePopup .dataSaleSection{border-top:1px solid #e0e0e0;padding-top:14px}
.cookiePopup .cookieActions{display:flex;gap:10px}
.cookiePopup .cookieButt{flex:1;padding:12px 18px;font-size:14px;font-weight:600;border-radius:6px;transition:all .3s ease;min-height:44px}
.cookiePopup .acceptButt{background:#3DD56A;color:#fff}
.cookiePopup .acceptButt:hover{background:#2bb855;box-shadow:0 4px 10px #3dd56a4d}
.cookiePopup .declineButt{background:#f5f5f5;color:#2a2a2a;border:1px solid #ccc}
.cookiePopup .declineButt:hover{background:#e8e8e8}
.cookieManageTab{position:fixed;left:0;top:50%;transform:translateY(-50%) translateX(-100%);transition:transform .3s ease;z-index:9999}
.cookieManageTab[data-state="visible"]{transform:translateY(-50%) translateX(0)}
.cookieManageTab .manageTabButt{background:#3DD56A;color:#fff;padding:12px 18px;font-size:14px;font-weight:600;border-top-right-radius:6px;border-bottom-right-radius:6px;box-shadow:2px 2px 10px #76501133;transition:background .3s ease}
.cookieManageTab .manageTabButt:hover{background:#2bb855}
.confirmationModal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10001;opacity:0;pointer-events:none;transition:opacity .3s ease}
.confirmationModal[data-visible="true"]{opacity:1;pointer-events:all}
.confirmationModal .modalInner{background:#fff;padding:30px;border-radius:8px;max-width:400px;width:90%;box-shadow:0 12px 30px #0000004d}
.confirmationModal .modalTitle{font-size:22px;font-weight:700;color:#765011;margin-bottom:15px}
.confirmationModal .modalText{font-size:15px;color:#2a2a2a;margin-bottom:25px;line-height:1.5}
.confirmationModal .modalActions{display:flex;gap:12px}
.confirmationModal .modalButt{flex:1;padding:12px 20px;font-size:15px;font-weight:600;border-radius:6px;transition:all .3s ease;min-height:44px}
.confirmationModal .confirmButt{background:#3DD56A;color:#fff}
.confirmationModal .confirmButt:hover{background:#2bb855}
.confirmationModal .cancelButt{background:#f5f5f5;color:#2a2a2a;border:1px solid #ccc}
.confirmationModal .cancelButt:hover{background:#e8e8e8}
@media (max-width: 768px) {
.siteHeado{padding:20px 0}
.siteHeado .topRowData{margin-bottom:20px}
.siteHeado .brandLogo{width:90px;height:90px}
.siteHeado .middRowData{margin-bottom:20px}
.siteHeado .brandNameText{font-size:28px}
.siteHeado .naviList{gap:10px}
.siteHeado .naviLink{padding:12px 20px;font-size:15px}
.siteFooto{padding:40px 0 25px}
.siteFooto .footerLinkSections{grid-template-columns:1fr;gap:25px}
.cookiePopup{width:calc(100% - 40px);left:20px;top:20px}
}
@media (max-width: 480px) {
.siteHeado .brandNameText{font-size:24px}
.siteHeado .naviLink{padding:10px 16px;font-size:14px}
}
.yf-policy-section{max-width:1440px;margin:0 auto;padding:80px 20px;background:#fff}
.yf-policy-section h1{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.yf-policy-section h2{font-size:36px;font-weight:600;color:#2a2a2a;margin:60px 0 24px;line-height:1.3;letter-spacing:-.3px}
.yf-policy-section h3{font-size:28px;font-weight:600;color:#3a3a3a;margin:48px 0 20px;line-height:1.4}
.yf-policy-section h4{font-size:22px;font-weight:600;color:#4a4a4a;margin:36px 0 16px;line-height:1.4}
.yf-policy-section h5{font-size:18px;font-weight:600;color:#5a5a5a;margin:28px 0 14px;line-height:1.5}
.yf-policy-section h6{font-size:16px;font-weight:600;color:#6a6a6a;margin:24px 0 12px;line-height:1.5}
.yf-policy-section p{font-size:17px;line-height:1.8;color:#3a3a3a;margin:0 0 20px;max-width:800px}
.yf-policy-section ul{margin:24px 0;padding:0 0 0 40px;list-style-type:disc}
.yf-policy-section ol{margin:24px 0;padding:0 0 0 40px;list-style-type:decimal}
.yf-policy-section ul ul{margin:12px 0;padding:0 0 0 30px;list-style-type:circle}
.yf-policy-section ol ol{margin:12px 0;padding:0 0 0 30px;list-style-type:lower-alpha}
.yf-policy-section li{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0 0 12px;padding:0 0 0 8px}
.yf-policy-section li p{margin:8px 0}
.yf-policy-section em{font-style:italic;color:#2a2a2a}
.yf-policy-section i{font-style:italic;color:#2a2a2a}
.yf-policy-section table{width:100%;max-width:100%;margin:32px 0;border-collapse:collapse;border:2px solid #D9FAFE;box-shadow:0 4px 12px #3dd56a14}
.yf-policy-section thead{background:linear-gradient(135deg,#D9FAFE 0%,#3DD56A 100%)}
.yf-policy-section thead tr{border-bottom:2px solid #3DD56A}
.yf-policy-section thead th{font-size:16px;font-weight:600;color:#1a1a1a;padding:18px 20px;text-align:left;border-right:1px solid #ffffff4d}
.yf-policy-section thead th:last-child{border-right:none}
.yf-policy-section tbody{background:#fff}
.yf-policy-section tbody tr{border-bottom:1px solid #e5e5e5;transition:background .25s ease}
.yf-policy-section tbody tr:hover{background:#d9fafe26}
.yf-policy-section tbody tr:last-child{border-bottom:none}
.yf-policy-section td{font-size:16px;line-height:1.6;color:#3a3a3a;padding:16px 20px;border-right:1px solid #f0f0f0}
.yf-policy-section td:last-child{border-right:none}
.yf-policy-section th{font-size:16px;font-weight:600;color:#2a2a2a;padding:16px 20px;text-align:left}
.yf-policy-section hr{border:none;height:2px;background:linear-gradient(90deg,#D9FAFE 0%,#3DD56A 50%,#D9FAFE 100%);margin:48px 0;opacity:.4}
.yf-policy-section div{margin:0}
@media (max-width: 768px) {
.yf-policy-section{padding:60px 16px}
.yf-policy-section h1{font-size:36px;margin:0 0 32px}
.yf-policy-section h2{font-size:28px;margin:48px 0 20px}
.yf-policy-section h3{font-size:22px;margin:36px 0 16px}
.yf-policy-section h4{font-size:19px;margin:28px 0 14px}
.yf-policy-section h5{font-size:17px;margin:24px 0 12px}
.yf-policy-section h6{font-size:15px;margin:20px 0 10px}
.yf-policy-section p{font-size:16px;line-height:1.7}
.yf-policy-section ul{padding:0 0 0 28px}
.yf-policy-section ol{padding:0 0 0 28px}
.yf-policy-section li{font-size:16px;padding:0 0 0 4px}
.yf-policy-section table{display:block;overflow-x:auto;margin:24px -16px;width:calc(100% + 32px)}
.yf-policy-section thead th{font-size:14px;padding:14px 12px}
.yf-policy-section td{font-size:14px;padding:12px}
}
@media (max-width: 480px) {
.yf-policy-section{padding:40px 12px}
.yf-policy-section h1{font-size:30px;margin:0 0 24px}
.yf-policy-section h2{font-size:24px;margin:36px 0 16px}
.yf-policy-section h3{font-size:20px;margin:28px 0 14px}
.yf-policy-section p{font-size:15px;margin:0 0 16px}
.yf-policy-section ul{padding:0 0 0 24px;margin:20px 0}
.yf-policy-section ol{padding:0 0 0 24px;margin:20px 0}
.yf-policy-section li{font-size:15px;margin:0 0 10px}
.yf-policy-section hr{margin:32px 0}
}
.heroWrapper{position:relative;width:100%;max-width:1440px;margin:0 auto;min-height:520px;overflow:hidden}
.heroWrapper .bgImage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.heroWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#d9fafeeb 0%,#3dd56ae0 50%,#765011d9 100%);z-index:2;animation:gradientPulse 8s ease-in-out infinite}
@keyframes gradientPulse {
0%,100%{opacity:.92}
50%{opacity:.85}
}
.heroWrapper .contentBox{position:relative;z-index:3;max-width:720px;margin:0 auto;padding:80px 24px;text-align:center}
.heroWrapper .contentBox .titleSmall{font-size:16px;font-weight:400;color:#765011;margin-bottom:12px;letter-spacing:.5px}
.heroWrapper .contentBox .titleMain{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:16px;line-height:1.2}
.heroWrapper .contentBox .titleLarge{font-size:56px;font-weight:800;color:#765011;margin-bottom:0;line-height:1.1}
.heroWrapper::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:linear-gradient(to bottom,transparent,#fafafa);z-index:4;pointer-events:none}
.storySection{background:#fafafa;padding:90px 24px}
.storySection .innerWrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.storySection .textContent h2{font-size:38px;font-weight:700;color:#1a1a1a;margin-bottom:24px;position:relative;display:inline-block}
.storySection .textContent h2::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:28px;height:4px;background:linear-gradient(90deg,#3DD56A,#D9FAFE);border-radius:6px}
.storySection .textContent p{font-size:17px;line-height:1.7;color:#333;margin-bottom:20px}
.storySection .visualBox{position:relative}
.storySection .visualBox img{width:100%;height:480px;object-fit:cover;border-radius:8px;box-shadow:0 12px 28px #76501126}
.founderBlock{background:linear-gradient(165deg,#D9FAFE 0%,#3dd56a33 100%);padding:100px 24px}
.founderBlock .containerGrid{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:320px 1fr;gap:80px;align-items:start}
.founderBlock .profileBox{position:relative}
.founderBlock .profileBox img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 16px 36px #3dd56a40}
.founderBlock .profileBox::after{content:'';position:absolute;bottom:-16px;right:-16px;width:100%;height:100%;border:3px solid #3DD56A;border-radius:10px;z-index:-1}
.founderBlock .bioContent h3{font-size:42px;font-weight:800;color:#765011;margin-bottom:12px}
.founderBlock .bioContent .role{font-size:18px;font-weight:500;color:#3DD56A;margin-bottom:32px;letter-spacing:.3px}
.founderBlock .bioContent p{font-size:17px;line-height:1.8;color:#2a2a2a;margin-bottom:22px}
.valuesContainer{background:#fff;padding:95px 24px}
.valuesContainer .headingWrap{max-width:1440px;margin:0 auto 70px;text-align:center}
.valuesContainer .headingWrap h2{font-size:44px;font-weight:700;color:#1a1a1a;margin-bottom:18px;position:relative;display:inline-block}
.valuesContainer .headingWrap h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:120px;height:5px;background:linear-gradient(90deg,#D9FAFE,#3DD56A,#765011);border-radius:8px}
.valuesContainer .cardsHolder{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesContainer .valueCard{background:#fafafa;padding:44px 32px;border-radius:6px;border-left:6px solid #3DD56A;transition:all .35s ease;box-shadow:0 6px 16px #0000000f}
.valuesContainer .valueCard:nth-child(2){border-left-color:#D9FAFE}
.valuesContainer .valueCard:nth-child(3){border-left-color:#765011}
.valuesContainer .valueCard:hover{transform:translateY(-8px);box-shadow:0 14px 32px #3dd56a33}
.valuesContainer .valueCard h4{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.valuesContainer .valueCard p{font-size:16px;line-height:1.7;color:#444}
.ctaWrapper{background:linear-gradient(149deg,#D9FAFE 0%,#3DD56A 50%,#765011 100%);padding:85px 24px;position:relative}
.ctaWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:repeating-linear-gradient(90deg,#765011 0px,#765011 20px,transparent 20px,transparent 40px)}
.ctaWrapper .innerContent{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}
.ctaWrapper .innerContent h2{font-size:46px;font-weight:800;color:#fff;margin-bottom:22px;text-shadow:2px 2px 8px #7650114d}
.ctaWrapper .innerContent p{font-size:19px;line-height:1.6;color:#fff;margin-bottom:38px;max-width:720px}
.ctaWrapper .btnGroup{display:flex;gap:24px}
.ctaWrapper .btnPrimary{padding:16px 36px;background:#fff;color:#765011;font-size:17px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #00000026;text-decoration:none;display:inline-block;z-index:10;position:relative}
.ctaWrapper .btnPrimary:hover{transform:scale(1.06);box-shadow:0 12px 28px #00000040;background:#fffaf5}
.ctaWrapper .btnSecondary{padding:16px 36px;background:transparent;color:#fff;font-size:17px;font-weight:600;border:3px solid #fff;border-radius:8px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;z-index:10;position:relative}
.ctaWrapper .btnSecondary:hover{background:#fff;color:#3DD56A;transform:scale(1.06)}
@media (max-width: 1024px) {
.storySection .innerWrap{grid-template-columns:1fr;gap:40px}
.founderBlock .containerGrid{grid-template-columns:1fr;gap:50px}
.founderBlock .profileBox{max-width:400px;margin:0 auto}
.valuesContainer .cardsHolder{grid-template-columns:1fr;gap:30px}
.heroWrapper .contentBox .titleMain{font-size:38px}
.heroWrapper .contentBox .titleLarge{font-size:44px}
}
@media (max-width: 768px) {
.heroWrapper{min-height:420px}
.heroWrapper .contentBox{padding:60px 20px}
.heroWrapper .contentBox .titleMain{font-size:32px}
.heroWrapper .contentBox .titleLarge{font-size:36px}
.storySection{padding:60px 20px}
.storySection .textContent h2{font-size:30px}
.storySection .textContent h2::before{left:0;top:-20px}
.founderBlock{padding:70px 20px}
.founderBlock .bioContent h3{font-size:34px}
.valuesContainer{padding:70px 20px}
.valuesContainer .headingWrap h2{font-size:34px}
.ctaWrapper{padding:65px 20px}
.ctaWrapper .innerContent h2{font-size:36px}
.ctaWrapper .btnGroup{flex-direction:column;width:100%;gap:16px}
.ctaWrapper .btnPrimary,.ctaWrapper .btnSecondary{width:100%}
}
.heroWrapper{position:relative;overflow:hidden;background:linear-gradient(149deg,#D9FAFE 0%,#3DD56A 50%,#765011 100%);padding:0;margin-bottom:80px}
.heroWrapper::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(149deg,#d9fafe4d 0%,#3dd56a4d 50%,#7650114d 100%);animation:gradientFlow 8s ease-in-out infinite;z-index:1}
@keyframes gradientFlow {
0%,100%{opacity:.3}
50%{opacity:.6}
}
.heroInner{max-width:1440px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:100px 40px}
.heroTextarea{padding:20px}
.heroTag{font-size:14px;color:#765011;letter-spacing:1px;margin-bottom:16px;display:inline-block;padding:6px 14px;background:#ffffff80;border-radius:6px}
.heroTitle{font-size:52px;line-height:1.1;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.heroDesc{font-size:18px;line-height:1.6;color:#2a2a2a;margin-bottom:32px}
.heroImgBlock{position:relative;height:500px;overflow:hidden;border-radius:8px;box-shadow:12px 12px 30px #76501133}
.heroImgBlock img{width:100%;height:100%;object-fit:cover}
.heroActions{display:flex;gap:16px;flex-wrap:wrap}
.primaryButt{padding:16px 32px;background:#3DD56A;color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:6px 6px 18px #3dd56a4d;position:relative;z-index:10}
.primaryButt:hover{background:#35c05e;transform:translateY(-2px);box-shadow:8px 8px 24px #3dd56a66}
.secondButt{padding:16px 32px;background:transparent;color:#765011;border:2px solid #765011;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;z-index:10}
.secondButt:hover{background:#765011;color:#fff}
.interactiveArea{max-width:1440px;margin:0 auto 100px;padding:0 40px}
.progressGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.progressCard{background:#fff;padding:32px;border-radius:10px;box-shadow:8px 8px 20px #d9fafe66;transition:all .4s ease}
.progressCard:hover{transform:translateY(-8px);box-shadow:12px 12px 28px #3dd56a4d}
.progressCard h3{font-size:20px;color:#1a1a1a;margin-bottom:20px;font-weight:700}
.progressBarContainer{background:#f5f5f5;height:12px;border-radius:6px;overflow:hidden;margin-bottom:12px;position:relative}
.progressFill{height:100%;background:linear-gradient(90deg,#3DD56A 0%,#D9FAFE 100%);border-radius:6px;transition:width 1.2s ease}
.progressCard:hover .progressFill{filter:brightness(1.1)}
.progressLabel{font-size:14px;color:#4a4a4a;margin-bottom:8px}
.progressPercentage{font-size:28px;font-weight:700;color:#765011;margin-top:12px}
.docsArea{max-width:1440px;margin:0 auto 100px;padding:60px 40px;background:linear-gradient(149deg,#d9fafe33 0%,#3dd56a1a 100%);border-radius:10px}
.docsHeader{text-align:center;margin-bottom:60px}
.docsHeader h2{font-size:42px;color:#1a1a1a;margin-bottom:16px;font-weight:700}
.docsHeader p{font-size:18px;color:#4a4a4a;max-width:700px;margin:0 auto}
.certGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.certItem{display:flex;gap:24px;background:#fff;padding:28px;border-radius:8px;box-shadow:6px 6px 16px #76501126;transition:all .3s ease}
.certItem:hover{box-shadow:10px 10px 24px #3dd56a40}
.certIcon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#3DD56A 0%,#D9FAFE 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}
.certIcon svg{width:32px;height:32px;fill:#fff}
.certContent h3{font-size:20px;color:#1a1a1a;margin-bottom:10px;font-weight:700}
.certContent p{font-size:15px;line-height:1.6;color:#4a4a4a}
.achievementsWrapper{max-width:1440px;margin:0 auto 100px;padding:0 40px}
.achievementsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.statBox{background:#fff;padding:40px 24px;border-radius:8px;text-align:center;border:2px solid transparent;transition:all .4s ease;box-shadow:6px 6px 18px #d9fafe4d}
.statBox:hover{border-color:#3DD56A;transform:scale(1.05);box-shadow:10px 10px 26px #3dd56a59}
.statNumber{font-size:48px;font-weight:700;color:#765011;margin-bottom:12px;line-height:1}
.statLabel{font-size:16px;color:#4a4a4a;font-weight:600}
.statBox::before{content:'';display:block;width:50px;height:4px;background:linear-gradient(90deg,#D9FAFE 0%,#3DD56A 100%);margin:0 auto 20px;border-radius:2px}
.communityWrapper{max-width:1440px;margin:0 auto 100px;padding:0 40px}
.communityInner{display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.communityText h2{font-size:40px;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.communityText p{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:20px}
.communityFeatures{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:30px}
.featureBadge{background:linear-gradient(135deg,#d9fafe80 0%,#3dd56a33 100%);padding:16px 20px;border-radius:8px;font-size:15px;color:#2a2a2a;font-weight:600;text-align:center;border:1px solid #3dd56a4d;transition:all .3s ease}
.featureBadge:hover{background:linear-gradient(135deg,#3dd56a4d 0%,#d9fafe80 100%);border-color:#3DD56A}
.communityVisual{position:relative}
.communityImgFrame{border-radius:10px;overflow:hidden;box-shadow:14px 14px 32px #76501140;height:450px}
.communityImgFrame img{width:100%;height:100%;object-fit:cover}
.testimonialBlock{max-width:1440px;margin:0 auto 80px;padding:0 40px}
.testimonialHeader{text-align:center;margin-bottom:50px}
.testimonialHeader h2{font-size:38px;color:#1a1a1a;margin-bottom:14px;font-weight:700}
.testimonialHeader p{font-size:17px;color:#4a4a4a}
.testimonialCards{display:grid;grid-template-columns:1fr;gap:30px}
.testimonialCard{background:#fff;padding:36px;border-radius:10px;box-shadow:8px 8px 22px #d9fafe66;display:flex;gap:28px;transition:all .4s ease}
.testimonialCard:hover{box-shadow:12px 12px 30px #3dd56a4d;transform:translateX(8px)}
.testimonialAvatar{flex-shrink:0;width:80px;height:80px;border-radius:50%;overflow:hidden;border:3px solid #3DD56A}
.testimonialAvatar img{width:100%;height:100%;object-fit:cover}
.testimonialContent blockquote{font-size:16px;line-height:1.7;color:#2a2a2a;margin-bottom:16px;font-style:italic;border-left:4px solid #3DD56A;padding-left:20px}
.testimonialAuthor{font-size:15px;color:#765011;font-weight:700}
.testimonialRole{font-size:14px;color:#6a6a6a;margin-top:4px}
@media (max-width: 1024px) {
.heroInner{grid-template-columns:1fr;gap:40px;padding:80px 30px}
.heroTitle{font-size:42px}
.heroImgBlock{height:400px}
.progressGrid{grid-template-columns:1fr;gap:30px}
.certGrid{grid-template-columns:1fr;gap:30px}
.achievementsGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.communityInner{grid-template-columns:1fr;gap:40px}
.communityFeatures{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroTitle{font-size:34px}
.heroDesc{font-size:16px}
.heroImgBlock{height:320px}
.heroActions{flex-direction:column}
.primaryButt,.secondButt{width:100%;text-align:center}
.docsHeader h2{font-size:32px}
.communityText h2{font-size:32px}
.achievementsGrid{grid-template-columns:1fr}
.statNumber{font-size:40px}
.testimonialCard{flex-direction:column;text-align:center}
.testimonialAvatar{margin:0 auto}
.testimonialContent blockquote{border-left:none;border-top:4px solid #3DD56A;padding-left:0;padding-top:20px}
}
.titleWrapper{max-width:1440px;margin:0 auto;padding:80px 24px 60px;position:relative}
.titleWrapper::before,.titleWrapper::after{content:'';position:absolute;width:8px;height:8px;background:linear-gradient(149deg,#D9FAFE 0%,#3DD56A 100%);border-radius:50%}
.titleWrapper::before{top:40px;left:24px}
.titleWrapper::after{bottom:40px;right:24px}
.titleWrapper .mainHeading{font-size:48px;line-height:1.2;margin:0 0 20px;color:#1a1a1a;letter-spacing:-.5px}
.titleWrapper .descBlock{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 40px;max-width:620px}
.titleWrapper .imgHero{width:100%;max-width:900px;height:420px;object-fit:cover;border-radius:8px;box-shadow:12px 16px 28px #3dd56a26;filter:brightness(1.05) contrast(1.02)}
.contactLayout{max-width:1440px;margin:0 auto;padding:60px 24px;display:flex;gap:60px;align-items:flex-start}
.contactLayout .infoSide{flex:1;min-width:320px}
.contactLayout .formSide{flex:1.4;min-width:400px}
.infoSide .sectionLabel{font-size:32px;margin:0 0 28px;color:#1a1a1a;font-weight:600}
.infoSide .detailGroup{margin:0 0 32px;padding:24px;background:linear-gradient(135deg,#d9fafe4d 0%,#3dd56a26 100%);border-radius:6px}
.detailGroup .groupTitle{font-size:16px;color:#765011;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px;font-weight:600}
.detailGroup .groupContent{font-size:18px;line-height:1.7;color:#2a2a2a;margin:0}
.detailGroup .groupContent a{color:#3DD56A;text-decoration:none;transition:color .3s ease}
.detailGroup .groupContent a:hover{color:#765011}
.formWrapper{background:#fafafa;padding:44px;border-radius:8px;box-shadow:6px 10px 24px #76501114}
.formWrapper .formHeader{font-size:28px;margin:0 0 32px;color:#1a1a1a;font-weight:600}
.formWrapper .inputGroup{margin:0 0 24px}
.inputGroup .inputLabel{display:block;font-size:15px;margin:0 0 8px;color:#3a3a3a;font-weight:500}
.inputGroup .inputField{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;color:#2a2a2a;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.inputGroup .inputField:focus{outline:none;border-color:#3DD56A;box-shadow:0 0 0 3px #3dd56a1f}
.inputGroup .textareaField{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e0e0e0;border-radius:6px;background:#fff;color:#2a2a2a;min-height:140px;resize:vertical;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box;font-family:inherit}
.inputGroup .textareaField:focus{outline:none;border-color:#3DD56A;box-shadow:0 0 0 3px #3dd56a1f}
.privacyWrapper{margin:0 0 28px;display:flex;align-items:flex-start;gap:10px}
.privacyWrapper .privacyCheck{margin:4px 0 0;width:18px;height:18px;cursor:pointer;flex-shrink:0}
.privacyWrapper .privacyText{font-size:14px;line-height:1.5;color:#4a4a4a;margin:0}
.privacyText a{color:#3DD56A;text-decoration:underline;transition:color .3s ease}
.privacyText a:hover{color:#765011}
.formWrapper .submitButt{width:100%;padding:16px 32px;font-size:17px;font-weight:600;color:#fff;background:linear-gradient(135deg,#3DD56A 0%,#765011 100%);border:none;border-radius:6px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 6px 16px #3dd56a4d}
.formWrapper .submitButt:hover{transform:translateY(-2px);box-shadow:0 10px 24px #3dd56a66}
.formWrapper .submitButt:active{transform:translateY(0)}
.reasonsWrap{max-width:1440px;margin:0 auto;padding:80px 24px;background:linear-gradient(180deg,#d9fafe40 0%,#fff0 100%)}
.reasonsWrap .reasonsHead{font-size:38px;margin:0 0 48px;color:#1a1a1a;text-align:center}
.reasonsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.reasonCard{padding:32px;background:#fff;border-radius:8px;box-shadow:4px 8px 20px #7650111a;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.reasonCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#D9FAFE 0%,#3DD56A 100%);border-radius:8px 0 0 8px}
.reasonCard:hover{transform:translateY(-4px);box-shadow:6px 12px 28px #76501129}
.reasonCard .cardTitle{font-size:22px;margin:0 0 16px;color:#1a1a1a;font-weight:600}
.reasonCard .cardText{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.quickLinks{max-width:1440px;margin:0 auto;padding:60px 24px}
.quickLinks .linksHead{font-size:32px;margin:0 0 36px;color:#1a1a1a;text-align:center}
.linksWrapper{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}
.linksWrapper .linkButt{display:inline-block;padding:14px 28px;font-size:16px;font-weight:500;color:#1a1a1a;background:#fff;border:2px solid #3DD56A;border-radius:6px;text-decoration:none;transition:background .3s ease,color .3s ease,transform .3s ease}
.linksWrapper .linkButt:hover{background:#3DD56A;color:#fff;transform:translateY(-2px)}
.supportNote{max-width:1440px;margin:0 auto;padding:60px 24px 80px}
.supportNote .noteBox{background:linear-gradient(135deg,#d9fafe66 0%,#3dd56a33 100%);padding:40px;border-radius:8px;text-align:center;box-shadow:4px 8px 20px #76501114}
.noteBox .noteHeading{font-size:26px;margin:0 0 16px;color:#1a1a1a;font-weight:600}
.noteBox .noteContent{font-size:17px;line-height:1.6;color:#3a3a3a;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
@media (max-width: 1024px) {
.contactLayout{flex-direction:column;gap:48px}
.contactLayout .infoSide,.contactLayout .formSide{min-width:100%}
.reasonsGrid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
}
@media (max-width: 768px) {
.titleWrapper{padding:60px 20px 48px}
.titleWrapper .mainHeading{font-size:36px}
.titleWrapper .descBlock{font-size:16px}
.titleWrapper .imgHero{height:320px}
.contactLayout{padding:48px 20px}
.formWrapper{padding:32px 24px}
.formWrapper .formHeader{font-size:24px}
.reasonsWrap{padding:60px 20px}
.reasonsWrap .reasonsHead{font-size:30px}
.reasonsGrid{grid-template-columns:1fr;gap:20px}
.quickLinks{padding:48px 20px}
.quickLinks .linksHead{font-size:26px}
.linksWrapper{flex-direction:column;align-items:center}
.linksWrapper .linkButt{width:100%;max-width:320px;text-align:center}
.supportNote{padding:48px 20px 60px}
.noteBox{padding:32px 24px}
.noteBox .noteHeading{font-size:22px}
.noteBox .noteContent{font-size:16px}
}
@media (max-width: 480px) {
.titleWrapper .mainHeading{font-size:28px}
.titleWrapper .imgHero{height:240px}
.formWrapper{padding:24px 18px}
.inputGroup .inputField,.inputGroup .textareaField{font-size:15px}
.reasonCard{padding:24px}
.reasonCard .cardTitle{font-size:20px}
}
.heroWrap{position:relative;width:100%;height:520px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.heroWrap .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.heroWrap::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#7650114d 0%,#765011bf 100%);z-index:2}
.heroWrap .heroTxt{position:relative;z-index:3;max-width:880px;text-align:center;padding:0 20px;color:#fff}
.heroWrap .heroTxt h1{font-size:52px;font-weight:700;margin:0 0 18px;line-height:1.2}
.heroWrap .heroTxt .subline{font-size:20px;line-height:1.5;opacity:.95}
.waveDivider{position:relative;width:100%;height:80px;background:#fff;margin-top:-1px}
.waveDivider svg{position:absolute;top:-79px;left:0;width:100%;height:80px}
.structureBlock{background:linear-gradient(149deg,#D9FAFE 0%,#3dd56a26 100%);padding:90px 20px}
.structureBlock .containerWrap{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.structureBlock .leftContent h2{font-size:38px;font-weight:600;margin:0 0 24px;color:#1a1a1a;position:relative;padding-left:18px}
.structureBlock .leftContent h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:32px;background:#3DD56A}
.structureBlock .leftContent .desc{font-size:17px;line-height:1.7;color:#2a2a2a;margin:0 0 32px}
.structureBlock .rightContent{display:flex;flex-direction:column;gap:18px}
.structureBlock .moduleCard{background:#fff;border-radius:8px;padding:26px 28px;box-shadow:0 4px 12px #7650111a;transition:all .3s ease}
.structureBlock .moduleCard:hover{transform:translateX(8px);box-shadow:0 6px 18px #3dd56a40}
.structureBlock .moduleCard .modHeader{font-size:22px;font-weight:600;margin:0 0 12px;color:#1a1a1a}
.structureBlock .moduleCard .modDetail{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
.techStack{background:#fff;padding:85px 20px}
.techStack .innerWrap{max-width:1440px;margin:0 auto}
.techStack h2{font-size:42px;font-weight:700;text-align:center;margin:0 0 60px;color:#1a1a1a}
.techStack .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.techStack .toolCard{background:linear-gradient(149deg,#d9fafe66 0%,#3dd56a14 100%);border-radius:10px;padding:34px 28px;border:2px solid transparent;transition:all .35s ease;position:relative}
.techStack .toolCard::before{content:'';position:absolute;top:0;left:0;width:0;height:3px;background:#3DD56A;transition:width .35s ease}
.techStack .toolCard:hover::before{width:100%}
.techStack .toolCard:hover{border-color:#3dd56a66;transform:translateY(-5px)}
.techStack .toolCard h3{font-size:24px;font-weight:600;margin:0 0 14px;color:#1a1a1a}
.techStack .toolCard .toolDesc{font-size:16px;line-height:1.65;color:#3a3a3a;margin:0}
.timelineSection{background:#f8f9fa;padding:90px 20px}
.timelineSection .wrapContent{max-width:1440px;margin:0 auto}
.timelineSection h2{font-size:40px;font-weight:700;margin:0 0 48px;color:#1a1a1a;text-align:center}
.timelineSection .timeline{display:flex;flex-direction:column;gap:0;position:relative;padding-left:80px}
.timelineSection .timeline::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#D9FAFE 0%,#3DD56A 50%,#765011 100%)}
.timelineSection .phaseItem{position:relative;padding:28px 0}
.timelineSection .phaseItem .marker{position:absolute;left:-65px;top:32px;width:18px;height:18px;background:#3DD56A;border-radius:50%;border:4px solid #fff;box-shadow:0 2px 8px #3dd56a66}
.timelineSection .phaseItem .phaseLabel{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#3DD56A;margin:0 0 8px}
.timelineSection .phaseItem h3{font-size:26px;font-weight:600;margin:0 0 12px;color:#1a1a1a}
.timelineSection .phaseItem .phaseText{font-size:16px;line-height:1.7;color:#3a3a3a;margin:0}
.instructorProfile{background:linear-gradient(149deg,#d9fafe40 0%,#3dd56a1a 50%,#7650110d 100%);padding:95px 20px}
.instructorProfile .mainWrap{max-width:1440px;margin:0 auto}
.instructorProfile h2{font-size:40px;font-weight:700;margin:0 0 54px;color:#1a1a1a;text-align:center}
.instructorProfile .instructorGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.instructorProfile .profCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #7650111f;transition:all .3s ease}
.instructorProfile .profCard:hover{transform:scale(1.03);box-shadow:0 10px 28px #3dd56a33}
.instructorProfile .profCard .imgWrap{width:100%;height:240px;overflow:hidden}
.instructorProfile .profCard .imgWrap img{width:100%;height:100%;object-fit:cover}
.instructorProfile .profCard .profInfo{padding:22px 20px}
.instructorProfile .profCard .profName{font-size:20px;font-weight:600;margin:0 0 8px;color:#1a1a1a}
.instructorProfile .profCard .profRole{font-size:15px;line-height:1.5;color:#5a5a5a;margin:0}
.ctaSection{background:linear-gradient(149deg,#D9FAFE 0%,#3DD56A 50%,#765011 100%);padding:80px 20px;text-align:center}
.ctaSection .ctaWrap{max-width:900px;margin:0 auto}
.ctaSection h2{font-size:44px;font-weight:700;margin:0 0 20px;color:#fff}
.ctaSection .ctaDesc{font-size:19px;line-height:1.6;color:#fff;margin:0 0 36px;opacity:.95}
.ctaSection .btnWrap{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.ctaSection .btnPrimary{background:#fff;color:#1a1a1a;padding:16px 38px;font-size:17px;font-weight:600;border:none;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 4px 14px #00000026;transition:all .3s ease}
.ctaSection .btnPrimary:hover{transform:translateY(-3px);box-shadow:0 8px 22px #00000040;background:#f5f5f5}
.ctaSection .btnSecondary{background:transparent;color:#fff;padding:16px 38px;font-size:17px;font-weight:600;border:2px solid #fff;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease}
.ctaSection .btnSecondary:hover{background:#ffffff26;transform:translateY(-3px)}
@media (max-width: 1200px) {
.structureBlock .containerWrap{grid-template-columns:1fr;gap:48px}
.techStack .gridLayout{grid-template-columns:repeat(2,1fr);gap:30px}
.instructorProfile .instructorGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.heroWrap{height:420px}
.heroWrap .heroTxt h1{font-size:36px}
.heroWrap .heroTxt .subline{font-size:17px}
.structureBlock{padding:60px 20px}
.structureBlock .leftContent h2{font-size:30px}
.techStack{padding:60px 20px}
.techStack h2{font-size:32px;margin-bottom:40px}
.techStack .gridLayout{grid-template-columns:1fr;gap:24px}
.timelineSection{padding:60px 20px}
.timelineSection h2{font-size:32px}
.timelineSection .timeline{padding-left:50px}
.timelineSection .phaseItem .marker{left:-47px}
.instructorProfile{padding:60px 20px}
.instructorProfile h2{font-size:32px}
.instructorProfile .instructorGrid{grid-template-columns:1fr;gap:24px}
.ctaSection{padding:60px 20px}
.ctaSection h2{font-size:32px}
.ctaSection .ctaDesc{font-size:17px}
.ctaSection .btnWrap{flex-direction:column;align-items:center}
.ctaSection .btnPrimary,.ctaSection .btnSecondary{width:100%;max-width:320px}
}
.page-wrapper{background:#FAFBFC;width:100%}
.title-block-wrapper{max-width:1440px;margin:0 auto;padding:80px 20px;position:relative;overflow:hidden}
.title-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.title-content-wrap{position:relative;z-index:2}
.title-main-text{font-size:52px;line-height:1.2;margin:0 0 24px;color:#2A2A2A;font-weight:700}
.title-accent-word{color:#3DD56A;position:relative;display:inline-block}
.title-accent-word::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#3DD56A 0%,#D9FAFE 100%)}
.title-description{font-size:18px;line-height:1.6;color:#5A5A5A;margin:0}
.title-image-container{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 12px 28px #3dd56a26}
.title-image-container img{width:100%;height:420px;object-fit:cover;filter:sepia(0.08) saturate(1.1)}
.wave-divider-wrap{position:relative;width:100%;height:80px;margin:-1px 0}
.wave-divider-wrap svg{position:absolute;bottom:0;left:0;width:100%;height:100%}
.content-section-one{background:linear-gradient(135deg,#FFF 0%,#F5FDFF 100%);padding:100px 20px}
.content-section-one .container-wrap{max-width:1440px;margin:0 auto}
.steps-layout{display:flex;flex-direction:column;gap:48px}
.step-row{display:grid;grid-template-columns:80px 1fr;gap:32px;align-items:flex-start}
.step-number-box{width:80px;height:80px;background:linear-gradient(149deg,#D9FAFE 0%,#3DD56A 50%,#765011 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#FFF;box-shadow:0 6px 18px #3dd56a33}
.step-content-box{background:#FFF;padding:32px;border-radius:10px;box-shadow:0 4px 16px #0000000f;border-left:4px solid #3DD56A}
.step-title{font-size:26px;margin:0 0 16px;color:#2A2A2A;font-weight:600}
.step-description{font-size:16px;line-height:1.7;color:#5A5A5A;margin:0}
.content-section-two{background:#FFF;padding:100px 20px}
.content-section-two .container-wrap{max-width:1440px;margin:0 auto}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.feature-card-wrap{background:linear-gradient(160deg,#F9FEFF 0%,#FFF 100%);padding:40px 28px;border-radius:12px;border:2px solid #E8F9FC;position:relative;transition:all .3s ease}
.feature-card-wrap:hover{transform:translateY(-6px);box-shadow:0 14px 32px #3dd56a2e;border-color:#3DD56A}
.feature-icon-wrapper{width:64px;height:64px;background:linear-gradient(135deg,#D9FAFE 0%,#3DD56A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.feature-icon-wrapper svg{width:32px;height:32px;fill:#FFF}
.feature-title{font-size:22px;margin:0 0 14px;color:#2A2A2A;font-weight:600}
.feature-text{font-size:15px;line-height:1.6;color:#5A5A5A;margin:0}
.content-section-three{background:linear-gradient(149deg,#D9FAFE 0%,#3DD56A 50%,#765011 100%);padding:100px 20px}
.content-section-three .container-wrap{max-width:1440px;margin:0 auto}
.testimonial-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.testimonial-content-wrapper{background:#FFF;padding:48px;border-radius:12px;box-shadow:0 16px 40px #0000001f}
.quote-text{font-size:20px;line-height:1.7;color:#3A3A3A;margin:0 0 32px;font-style:italic;position:relative;padding-left:24px}
.quote-text::before{content:'"';position:absolute;left:0;top:-8px;font-size:48px;color:#3DD56A;font-weight:700;line-height:1}
.testimonial-author-row{display:flex;align-items:center;gap:20px}
.author-avatar{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #D9FAFE}
.author-info{display:flex;flex-direction:column}
.author-name{font-size:18px;font-weight:600;color:#2A2A2A;margin:0 0 4px}
.author-role{font-size:14px;color:#7A7A7A;margin:0}
.testimonial-image-side{display:flex;justify-content:center}
.testimonial-image-side img{width:100%;max-width:480px;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 20px 48px #00000026}
@media (max-width: 1024px) {
.title-grid{grid-template-columns:1fr;gap:40px}
.title-main-text{font-size:42px}
.feature-grid{grid-template-columns:repeat(2,1fr);gap:32px}
.testimonial-layout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.title-block-wrapper{padding:60px 20px}
.title-main-text{font-size:36px}
.title-description{font-size:16px}
.content-section-one,.content-section-two,.content-section-three{padding:60px 20px}
.step-row{grid-template-columns:60px 1fr;gap:20px}
.step-number-box{width:60px;height:60px;font-size:24px}
.step-content-box{padding:24px}
.step-title{font-size:22px}
.feature-grid{grid-template-columns:1fr;gap:24px}
.testimonial-content-wrapper{padding:32px 24px}
.quote-text{font-size:18px}
.testimonial-image-side img{max-width:100%;height:360px}
}
@media (max-width: 480px) {
.title-main-text{font-size:28px}
.title-image-container img{height:280px}
.step-title{font-size:20px}
.feature-title{font-size:20px}
}
.successPageWrapper{background:linear-gradient(149deg,#D9FAFE 0%,#3dd56a1a 50%,#7650110d 100%);min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successPageWrapper::before,.successPageWrapper::after{content:'';position:absolute;border-radius:50%;background:radial-gradient(circle,#3dd56a26,transparent);animation:particleFloat 8s infinite ease-in-out}
.successPageWrapper::before{width:400px;height:400px;top:-100px;right:-150px;animation-delay:0s}
.successPageWrapper::after{width:300px;height:300px;bottom:-80px;left:-100px;animation-delay:3s}
@keyframes particleFloat {
0%,100%{transform:translate(0,0) scale(1);opacity:.3}
50%{transform:translate(30px,-30px) scale(1.1);opacity:.5}
}
.confirmCont{max-width:720px;width:100%;background:#fffffff2;border-radius:8px;box-shadow:0 12px 48px #7650111f 0 4px 16px #3dd56a14;padding:80px 60px;text-align:center;position:relative;z-index:1;margin:0 auto}
.confirmCont::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#D9FAFE,#3DD56A,#765011);border-radius:8px;z-index:-1;opacity:.3}
.successIconWrap{width:120px;height:120px;margin:0 auto 40px;position:relative}
.successIconWrap svg{width:100%;height:100%;filter:drop-shadow(0 8px 20px #3dd56a40)}
.checkCircle{fill:none;stroke:#3DD56A;stroke-width:3;stroke-linecap:round;stroke-dasharray:340;stroke-dashoffset:340;animation:drawCircle .8s ease-out forwards}
.checkMark{fill:none;stroke:#3DD56A;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:80;stroke-dashoffset:80;animation:drawCheck .6s .4s ease-out forwards}
@keyframes drawCircle {
to{stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.successHeadPrimary{font-size:42px;font-weight:700;color:#765011;margin:0 0 16px;line-height:1.2}
.successHeadSecondary{font-size:26px;font-weight:400;color:#2a2a2a;margin:0 0 32px;line-height:1.4}
.confirmMessage{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 48px}
.confirmMessage .emphasize{color:#3DD56A;font-weight:600}
.actionGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.primaryActBtn{background:linear-gradient(135deg,#3DD56A 0%,#2ab555 100%);color:#fff;font-size:16px;font-weight:600;padding:18px 44px;border:none;border-radius:6px;text-decoration:none;display:inline-block;box-shadow:0 6px 20px #3dd56a4d;transition:all .3s ease;position:relative;z-index:2}
.primaryActBtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #3dd56a66;filter:brightness(1.08)}
.primaryActBtn:active{transform:translateY(0);box-shadow:0 4px 12px #3dd56a40}
.secondActBtn{background:transparent;color:#765011;font-size:16px;font-weight:600;padding:18px 44px;border:2px solid #765011;border-radius:6px;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;z-index:2}
.secondActBtn:hover{background:#765011;color:#fff;border-color:#765011;transform:translateY(-2px);box-shadow:0 8px 20px #76501133}
.secondActBtn:active{transform:translateY(0)}
.extraInfoBox{margin-top:50px;padding-top:40px;border-top:1px solid #76501126}
.extraInfoBox .infoLabel{font-size:14px;font-weight:600;color:#765011;text-transform:uppercase;letter-spacing:.8px;margin:0 0 16px}
.contactDataList{display:flex;flex-direction:column;gap:12px;align-items:center}
.contactDataList .contactEntry{font-size:15px;color:#4a4a4a;display:flex;align-items:center;gap:10px}
.contactDataList .contactEntry svg{width:20px;height:20px;fill:#3DD56A}
.contactDataList .contactEntry a{color:#3DD56A;text-decoration:none;font-weight:600;transition:color .25s ease}
.contactDataList .contactEntry a:hover{color:#2ab555;text-decoration:underline}
@media (max-width: 768px) {
.successPageWrapper{padding:40px 16px}
.confirmCont{padding:50px 30px}
.successHeadPrimary{font-size:32px}
.successHeadSecondary{font-size:21px}
.confirmMessage{font-size:16px}
.actionGroup{flex-direction:column;gap:16px}
.primaryActBtn,.secondActBtn{width:100%;padding:16px 32px}
.successIconWrap{width:100px;height:100px}
}
@media (max-width: 480px) {
.confirmCont{padding:40px 20px}
.successHeadPrimary{font-size:28px}
.successHeadSecondary{font-size:19px}
}