*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Exo 2',sans-serif;font-size:16px;line-height:1.6;color:#3B0E25;background-color:#FCF8E8}
a{text-decoration:none;color:inherit}
img{max-width:100%;height:auto;display:block}
.header-outer{position:relative;background:linear-gradient(135deg,#a7fc9899 0%,#3b0e25b3 100%);padding-bottom:40px}
.topNavBar{background-color:#3b0e25f2;padding:18px 0;box-shadow:0 4px 12px #a7fc9833}
.containerWrap12{max-width:1320px;margin:0 auto;padding:0 20px}
.mainNav{display:flex;gap:45px;justify-content:center;flex-wrap:wrap}
.navLink{color:#A7FC98;font-size:17px;font-weight:400;padding:8px 16px;border-radius:3px;transition:background-color .3s ease-in}
.navLink:hover{background-color:#a7fc9826}
.brandFloating{position:absolute;top:70px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:12px;z-index:5;background-color:#fcf8e8eb;padding:22px 38px;border-radius:4px;box-shadow:0 8px 18px #3b0e2540}
.logoBox{width:110px;height:110px;display:flex;align-items:center;justify-content:center;background-color:#FCF8E8;border-radius:5px;box-shadow:0 3px 8px #a7fc984d}
.logoImg{width:90px;height:90px;object-fit:contain}
.companyTitle{font-size:19px;font-weight:700;color:#3B0E25;text-align:center;letter-spacing:.5px}
.footer-outer{background:linear-gradient(180deg,#a7fc9833 0%,#3b0e250d 100%);padding:55px 0 28px;margin-top:80px}
.footerContainer{max-width:1320px;margin:0 auto;padding:0 20px}
.footerGrid{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:50px;margin-bottom:40px}
.footerCol1{display:flex;align-items:flex-start}
.footerLogoWrap{width:140px;height:140px;background-color:#fcf8e899;border-radius:5px;padding:15px;box-shadow:0 4px 10px #a7fc9833}
.footerLogo{width:100%;height:100%;object-fit:contain}
.contactList{display:flex;flex-direction:column;gap:18px}
.contactItem{display:flex;align-items:center;gap:12px;font-size:15px;color:#3B0E25}
.contactItem i{font-size:20px;color:#A7FC98}
.contactItem a{transition:color .3s ease-in}
.contactItem a:hover{color:#A7FC98}
.footerNav{display:flex;flex-direction:column;gap:14px}
.footerLink{font-size:15px;color:#3B0E25;transition:color .3s ease-in}
.footerLink:hover{color:#A7FC98}
.copyrightBar{text-align:center;padding-top:25px;border-top:1px solid #a7fc984d;font-size:14px;color:#3b0e25b3}
.cookieModal{position:fixed;top:20px;right:20px;z-index:9999;width:420px;max-width:calc(100vw - 40px);background-color:#FCF8E8;border-radius:5px;box-shadow:0 10px 30px #3b0e2559;transform:translateY(-150%);transition:transform .4s ease-in}
.cookieModal[data-visible="showing"]{transform:translateY(0)}
.cookieModal[data-visible="hiding"]{transform:translateY(-150%)}
.cookieContent{padding:28px}
.cookieHeader{margin-bottom:16px}
.cookieTitle{font-size:22px;font-weight:700;color:#3B0E25}
.cookieBody{display:flex;flex-direction:column;gap:20px}
.cookieText{font-size:15px;line-height:1.5;color:#3B0E25}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap}
.btnCookie{padding:11px 20px;border:none;border-radius:3px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .3s ease-in;font-family:'Exo 2',sans-serif}
.btnAccept{background-color:#A7FC98;color:#3B0E25}
.btnAccept:hover{background-color:#8fe080}
.btnDecline{background-color:#3B0E25;color:#A7FC98}
.btnDecline:hover{background-color:#2a0a1a}
.btnSettings{background-color:#a7fc984d;color:#3B0E25}
.btnSettings:hover{background-color:#a7fc9880}
.cookieSettings{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) translateY(-150%);z-index:10000;width:550px;max-width:calc(100vw - 40px);background-color:#FCF8E8;border-radius:5px;box-shadow:0 15px 40px #3b0e2566;transition:transform .4s ease-in}
.cookieSettings[data-visible="showing"]{transform:translate(-50%,-50%) translateY(0)}
.cookieSettings[data-visible="hiding"]{transform:translate(-50%,-50%) translateY(-150%)}
.settingsContent{padding:32px}
.settingsHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.settingsTitle{font-size:24px;font-weight:700;color:#3B0E25}
.closeSettings{background:none;border:none;font-size:24px;color:#3B0E25;cursor:pointer;padding:5px;transition:color .3s ease-in}
.closeSettings:hover{color:#A7FC98}
.settingsPolicyRef{margin-bottom:24px;padding:14px;background-color:#a7fc9826;border-radius:3px;font-size:14px}
.settingsPolicyRef a{color:#3B0E25;text-decoration:underline;font-weight:700}
.settingsBody{display:flex;flex-direction:column;gap:22px;margin-bottom:28px}
.cookieOption{display:flex;justify-content:space-between;align-items:center;padding:16px;background-color:#fcf8e880;border-radius:3px;box-shadow:0 2px 6px #a7fc9826}
.optionInfo{flex:1}
.optionLabel{font-size:17px;font-weight:700;color:#3B0E25;margin-bottom:4px}
.optionDesc{font-size:14px;color:#3b0e25bf}
.toggleSwitch{position:relative}
.toggleSwitch input[type="checkbox"]{opacity:0;width:0;height:0}
.toggleLabel{display:block;width:52px;height:28px;background-color:#3b0e254d;border-radius:14px;cursor:pointer;position:relative;transition:background-color .3s ease-in}
.toggleLabel::after{content:'';position:absolute;top:3px;left:3px;width:22px;height:22px;background-color:#FCF8E8;border-radius:50%;transition:transform .3s ease-in}
.toggleSwitch input[type="checkbox"]:checked + .toggleLabel{background-color:#A7FC98}
.toggleSwitch input[type="checkbox"]:checked + .toggleLabel::after{transform:translateX(24px)}
.toggleSwitch input[type="checkbox"]:disabled + .toggleLabel{opacity:.5;cursor:not-allowed}
.settingsActions{display:flex;justify-content:center}
.btnSaveSettings{padding:13px 36px;background-color:#A7FC98;color:#3B0E25}
.btnSaveSettings:hover{background-color:#8fe080}
.cookieSettingsIcon{position:fixed;bottom:25px;right:25px;width:56px;height:56px;background-color:#A7FC98;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 16px #3b0e254d;z-index:9998;transition:background-color .3s ease-in}
.cookieSettingsIcon:hover{background-color:#8fe080}
.cookieSettingsIcon i{font-size:26px;color:#3B0E25}
@media (max-width: 1366px) {
.footerGrid{grid-template-columns:1fr;gap:35px}
.footerCol1{justify-content:center}
}
@media (max-width: 768px) {
.mainNav{gap:25px}
.navLink{font-size:15px;padding:6px 12px}
.brandFloating{top:60px;padding:18px 28px}
.logoBox{width:85px;height:85px}
.logoImg{width:70px;height:70px}
.companyTitle{font-size:16px}
.footerLogoWrap{width:110px;height:110px}
.contactList{gap:14px}
.contactItem{font-size:14px}
.cookieModal{width:90%;right:5%}
.cookieSettings{width:90%}
}
@media (max-width: 375px) {
.mainNav{flex-direction:column;gap:12px;align-items:center}
.brandFloating{top:50px;padding:14px 20px}
.logoBox{width:70px;height:70px}
.logoImg{width:55px;height:55px}
.companyTitle{font-size:14px}
.cookieActions{flex-direction:column}
.btnCookie{width:100%}
}
.doc-body{max-width:1320px;margin:0 auto;padding:80px 20px;background:#FCF8E8}
.doc-body h1{font-size:42px;line-height:1.2;color:#3B0E25;margin:0 0 48px;font-weight:700;letter-spacing:-.5px}
.doc-body h2{font-size:32px;line-height:1.3;color:#3B0E25;margin:64px 0 24px;font-weight:600;letter-spacing:-.3px}
.doc-body h3{font-size:24px;line-height:1.4;color:#3B0E25;margin:48px 0 20px;font-weight:600}
.doc-body h4{font-size:20px;line-height:1.4;color:#3B0E25;margin:32px 0 16px;font-weight:600}
.doc-body h5{font-size:18px;line-height:1.5;color:#3B0E25;margin:24px 0 12px;font-weight:600}
.doc-body h6{font-size:16px;line-height:1.5;color:#3B0E25;margin:20px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.doc-body p{font-size:17px;line-height:1.8;color:#3B0E25;margin:0 0 20px;font-weight:400}
.doc-body ul{list-style:none;margin:0 0 28px;padding:0}
.doc-body ul li{font-size:17px;line-height:1.8;color:#3B0E25;margin:0 0 12px;padding-left:32px;position:relative}
.doc-body ul li:before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#A7FC98;border-radius:2px;box-shadow:0 2px 6px #a7fc9866}
.doc-body ol{list-style:none;counter-reset:policy-counter;margin:0 0 28px;padding:0}
.doc-body ol li{font-size:17px;line-height:1.8;color:#3B0E25;margin:0 0 12px;padding-left:40px;position:relative;counter-increment:policy-counter}
.doc-body ol li:before{content:counter(policy-counter) ".";position:absolute;left:0;top:0;font-weight:600;color:#A7FC98;background:#a7fc9826;padding:2px 8px;border-radius:3px;font-size:15px}
.doc-body ul ul,.doc-body ol ul,.doc-body ul ol,.doc-body ol ol{margin:12px 0 0}
.doc-body strong,.doc-body b{font-weight:600;color:#3B0E25}
.doc-body a{color:#3B0E25;text-decoration:none;border-bottom:2px solid #A7FC98;transition:all .3s ease-in;font-weight:500}
.doc-body a:hover{color:#A7FC98;background:#a7fc981a;border-bottom-color:#3B0E25;box-shadow:0 4px 12px #a7fc9833}
.doc-body hr{border:none;height:2px;background:linear-gradient(90deg,#a7fc984d 0%,#a7fc98cc 50%,#a7fc984d 100%);margin:56px 0;border-radius:2px}
.doc-body div{margin:0 0 20px}
.doc-body blockquote{margin:32px 0;padding:24px 32px;background:#a7fc9814;border-left:4px solid #A7FC98;border-radius:4px;box-shadow:0 6px 16px #a7fc981f}
.doc-body blockquote p{margin:0;font-style:italic}
.doc-body table{width:100%;border-collapse:collapse;margin:32px 0;background:#fcf8e880;border-radius:4px;overflow:hidden}
.doc-body table th{background:#a7fc9833;color:#3B0E25;padding:16px;text-align:left;font-weight:600;font-size:16px;border-bottom:2px solid #A7FC98}
.doc-body table td{padding:14px 16px;color:#3B0E25;font-size:16px;line-height:1.6;border-bottom:1px solid #a7fc9826}
.doc-body table tr:last-child td{border-bottom:none}
.doc-body code{background:#a7fc981a;color:#3B0E25;padding:3px 8px;border-radius:3px;font-family:monospace;font-size:15px;border:1px solid #a7fc984d}
.doc-body pre{background:#a7fc9814;padding:20px;border-radius:4px;overflow-x:auto;margin:24px 0;border:1px solid #a7fc9833}
.doc-body pre code{background:none;padding:0;border:none}
@media (max-width: 1366px) {
.doc-body{padding:60px 32px}
.doc-body h1{font-size:36px;margin:0 0 40px}
.doc-body h2{font-size:28px;margin:52px 0 20px}
}
@media (max-width: 768px) {
.doc-body{padding:40px 20px}
.doc-body h1{font-size:32px;margin:0 0 32px}
.doc-body h2{font-size:24px;margin:40px 0 16px}
.doc-body h3{font-size:20px;margin:32px 0 16px}
.doc-body p,.doc-body ul li,.doc-body ol li{font-size:16px;line-height:1.7}
.doc-body ul li{padding-left:28px}
.doc-body ol li{padding-left:36px}
.doc-body hr{margin:40px 0}
.doc-body blockquote{padding:16px 20px;margin:24px 0}
.doc-body table{font-size:14px}
.doc-body table th,.doc-body table td{padding:12px}
}
@media (max-width: 375px) {
.doc-body{padding:32px 16px}
.doc-body h1{font-size:28px;margin:0 0 24px}
.doc-body h2{font-size:22px;margin:32px 0 14px}
.doc-body h3{font-size:19px}
.doc-body p,.doc-body ul li,.doc-body ol li{font-size:15px}
.doc-body ul li{padding-left:24px}
.doc-body ol li{padding-left:32px}
.doc-body blockquote{padding:14px 16px}
}
.programHeroWrap{background:linear-gradient(135deg,#FCF8E8 0%,#a7fc981f 100%);padding:95px 20px 85px;position:relative;overflow:hidden}
.programHeroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#a7fc9826,transparent 70%);border-radius:50%}
.programHeroInner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;position:relative;z-index:2}
.heroTextZone h1{font-size:52px;line-height:1.15;color:#3B0E25;margin:0 0 28px;font-weight:700}
.heroTextZone .programLead{font-size:19px;line-height:1.65;color:#3B0E25;margin:0 0 22px;opacity:.88}
.heroTextZone .descriptionExtended{font-size:17px;line-height:1.7;color:#3B0E25;opacity:.75;margin:0}
.heroImageBox{position:relative}
.heroImageBox img{width:100%;height:480px;object-fit:cover;border-radius:4px;filter:saturate(0.7);box-shadow:0 12px 35px #3b0e2526}
.heroImageBox::after{content:'';position:absolute;bottom:-18px;right:-18px;width:180px;height:180px;background:linear-gradient(225deg,#a7fc9899,#a7fc9833);border-radius:50%;z-index:-1}
.structuredCourseArea{padding:90px 20px;background:#fff;position:relative}
.structuredCourseArea::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#A7FC98,#3B0E25,#A7FC98)}
.courseInnerContainer{max-width:1320px;margin:0 auto}
.courseHeaderSection{text-align:center;margin-bottom:68px}
.courseHeaderSection h2{font-size:44px;color:#3B0E25;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.courseHeaderSection h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:85px;height:3px;background:linear-gradient(90deg,transparent,#A7FC98,transparent)}
.courseHeaderSection .subheadText{font-size:18px;line-height:1.6;color:#3B0E25;opacity:.78;max-width:720px;margin:0 auto}
.modulesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:70px}
.moduleCard{background:linear-gradient(135deg,#FCF8E8 0%,#a7fc9814 100%);padding:42px 32px;border-radius:3px;border:2px solid transparent;transition:all .3s ease-in;position:relative}
.moduleCard:hover{border-color:#A7FC98;transform:translateY(-6px);box-shadow:0 16px 40px #a7fc9840}
.moduleNum{position:absolute;top:18px;right:22px;font-size:58px;font-weight:700;color:#a7fc9840;line-height:1}
.moduleCard h3{font-size:24px;color:#3B0E25;margin:0 0 16px;font-weight:600}
.moduleCard .moduleSummary{font-size:16px;line-height:1.65;color:#3B0E25;opacity:.72;margin:0 0 24px}
.topicsList{list-style:none;padding:0;margin:0}
.topicsList li{font-size:15px;color:#3B0E25;opacity:.68;padding-left:22px;position:relative;margin-bottom:10px;line-height:1.5}
.topicsList li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;background:#A7FC98;border-radius:50%}
.progressTracker{background:linear-gradient(180deg,#3b0e2508,#a7fc980f);padding:48px 40px;border-radius:4px;display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.progressItem{text-align:center;position:relative}
.progressItem:not(:last-child)::after{content:'→';position:absolute;right:-22px;top:32px;font-size:26px;color:#a7fc9880}
.progressCircle{width:90px;height:90px;border-radius:50%;background:linear-gradient(135deg,#A7FC98,#a7fc9899);margin:0 auto 18px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#3B0E25;box-shadow:0 8px 20px #a7fc984d}
.progressItem h4{font-size:17px;color:#3B0E25;margin:0 0 8px;font-weight:600}
.progressItem .progressLabel{font-size:14px;color:#3B0E25;opacity:.65;margin:0}
.outcomesWrapper{margin-top:75px;display:flex;gap:50px;align-items:center}
.outcomesImage{flex:0 0 45%}
.outcomesImage img{width:100%;height:420px;object-fit:cover;border-radius:3px;filter:saturate(0.75);box-shadow:0 14px 38px #3b0e252e}
.outcomesContent{flex:1}
.outcomesContent h3{font-size:36px;color:#3B0E25;margin:0 0 26px;font-weight:700}
.outcomesContent .outcomeIntro{font-size:17px;line-height:1.7;color:#3B0E25;opacity:.78;margin:0 0 32px}
.skillsChecklist{display:grid;grid-template-columns:1fr 1fr;gap:18px 28px}
.skillsChecklist li{font-size:16px;color:#3B0E25;opacity:.75;padding-left:32px;position:relative;line-height:1.6}
.skillsChecklist li::before{content:'✓';position:absolute;left:0;top:0;width:22px;height:22px;background:#A7FC98;border-radius:2px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700;color:#3B0E25}
@media (max-width: 1366px) {
.programHeroInner{gap:50px}
.heroTextZone h1{font-size:46px}
.modulesGrid{gap:32px}
}
@media (max-width: 768px) {
.programHeroWrap{padding:70px 20px 60px}
.programHeroInner{grid-template-columns:1fr;gap:40px}
.heroTextZone h1{font-size:38px;margin-bottom:20px}
.heroTextZone .programLead{font-size:17px}
.heroImageBox img{height:340px}
.structuredCourseArea{padding:65px 20px}
.courseHeaderSection h2{font-size:36px}
.modulesGrid{grid-template-columns:1fr;gap:28px}
.progressTracker{grid-template-columns:1fr 1fr;gap:28px}
.progressItem:nth-child(2n)::after{display:none}
.progressItem::after{top:auto;bottom:-18px;right:50%;transform:translateX(50%) rotate(90deg)}
.outcomesWrapper{flex-direction:column;gap:35px;margin-top:55px}
.outcomesImage{flex:0 0 100%}
.outcomesImage img{height:300px}
.outcomesContent h3{font-size:30px}
.skillsChecklist{grid-template-columns:1fr}
}
@media (max-width: 375px) {
.programHeroWrap{padding:55px 16px 50px}
.heroTextZone h1{font-size:32px}
.heroTextZone .programLead{font-size:16px}
.heroImageBox img{height:280px}
.structuredCourseArea{padding:50px 16px}
.courseHeaderSection h2{font-size:30px}
.moduleCard{padding:32px 24px}
.progressTracker{grid-template-columns:1fr;padding:36px 24px}
.progressItem::after{content:'↓';transform:none}
.outcomesContent h3{font-size:26px}
}
.studyWrap{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.titleRegion{position:relative;padding:120px 0 90px;overflow:hidden;background:linear-gradient(135deg,#FCF8E8 0%,#A7FC98 100%)}
.titleRegion::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#3b0e251f 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,-30px) scale(1.1)}
}
.titleRegion::after{content:'';position:absolute;bottom:20%;left:5%;width:300px;height:300px;background:linear-gradient(45deg,#a7fc984d,#fcf8e866);clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);animation:rotateGrad 12s linear infinite}
@keyframes rotateGrad {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.titleContent22{position:relative;z-index:2;max-width:720px}
.titleContent22 h1{font-size:56px;line-height:1.1;color:#3B0E25;margin:0 0 24px;font-weight:700}
.titleContent22 .leadText9{font-size:20px;line-height:1.6;color:#3B0E25;margin:0 0 32px;opacity:.85}
.imageFloat7{position:absolute;top:50%;right:80px;transform:translateY(-50%);width:420px;height:520px;border:3px solid #3B0E25;border-radius:4px;overflow:hidden;box-shadow:12px 12px 0 #a7fc9866}
.imageFloat7 img{width:100%;height:100%;object-fit:cover;display:block}
.imageFloat7::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#a7fc9899 0%,#3b0e2566 100%);z-index:1;animation:gradShift 6s ease-in-out infinite alternate}
@keyframes gradShift {
0%{opacity:.6}
100%{opacity:.3}
}
.resourceDiv{padding:80px 0;background:#FCF8E8}
.gridLayout3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:48px 0 0}
.resourceDiv h2{font-size:42px;color:#3B0E25;margin:0 0 16px;font-weight:700}
.resourceDiv .intro8{font-size:18px;line-height:1.7;color:#3B0E25;max-width:680px;margin:0 0 12px;opacity:.8}
.resourceCard{background:#fff;padding:32px 28px;border-radius:5px;border-left:4px solid #A7FC98;transition:all .3s ease-in;position:relative}
.resourceCard:hover{transform:translateY(-6px);box-shadow:0 8px 16px #3b0e2526}
.resourceCard h3{font-size:24px;color:#3B0E25;margin:0 0 14px;font-weight:600}
.resourceCard p{font-size:16px;line-height:1.6;color:#3B0E25;margin:0;opacity:.75}
.resourceCard::before{content:'';position:absolute;top:12px;right:12px;width:40px;height:40px;background:#a7fc9833;border-radius:50%}
.accessArea{padding:90px 0;background:linear-gradient(180deg,#3B0E25 0%,#5a1638 100%);position:relative}
.accessArea::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(45deg,#a7fc9808 25%,transparent 25%),linear-gradient(-45deg,#a7fc9808 25%,transparent 25%);background-size:60px 60px;opacity:.4}
.accessInner{position:relative;z-index:2;display:flex;flex-direction:row;align-items:center;gap:60px}
.accessText{flex:1}
.accessText h2{font-size:44px;color:#FCF8E8;margin:0 0 20px;font-weight:700}
.accessText p{font-size:17px;line-height:1.7;color:#FCF8E8;margin:0 0 16px;opacity:.9}
.accessImage{flex:1;position:relative}
.accessImage img{width:100%;height:480px;object-fit:cover;border-radius:3px;display:block;box-shadow:0 16px 32px #0000004d}
.accessImage::after{content:'';position:absolute;bottom:-20px;right:-20px;width:160px;height:160px;background:#a7fc9840;border-radius:3px;z-index:-1}
.practiceZone{padding:85px 0;background:#fff}
.practiceZone h2{font-size:40px;color:#3B0E25;margin:0 0 44px;text-align:center;font-weight:700}
.stepGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 50px;max-width:1100px;margin:0 auto}
.stepBox{display:flex;flex-direction:column;gap:14px;padding:28px;background:linear-gradient(135deg,#a7fc9814 0%,#fcf8e880 100%);border-radius:6px;border:2px solid transparent;transition:all .3s ease-in;position:relative}
.stepBox:hover{border-color:#A7FC98;background:#a7fc9826}
.stepNum{font-size:48px;font-weight:700;color:#A7FC98;line-height:1;margin:0;opacity:.6}
.stepBox h3{font-size:26px;color:#3B0E25;margin:0;font-weight:600}
.stepBox p{font-size:16px;line-height:1.6;color:#3B0E25;margin:0;opacity:.8}
.stepBox::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#A7FC98,#3B0E25);border-radius:6px;z-index:-1;opacity:0;transition:opacity .3s ease-in}
.stepBox:hover::before{opacity:.3}
@media (max-width: 1366px) {
.imageFloat7{width:360px;height:450px;right:40px}
.titleContent22 h1{font-size:48px}
.accessInner{gap:40px}
}
@media (max-width: 768px) {
.titleRegion{padding:60px 0}
.imageFloat7{position:static;transform:none;width:100%;height:320px;margin:32px 0 0}
.titleContent22 h1{font-size:36px}
.titleContent22 .leadText9{font-size:18px}
.gridLayout3{grid-template-columns:1fr;gap:24px}
.resourceDiv h2,.accessText h2,.practiceZone h2{font-size:32px}
.accessInner{flex-direction:column;gap:32px}
.accessImage img{height:300px}
.stepGrid{grid-template-columns:1fr;gap:28px}
}
@media (max-width: 375px) {
.titleContent22 h1{font-size:30px}
.resourceDiv h2,.accessText h2,.practiceZone h2{font-size:28px}
.resourceCard,.stepBox{padding:20px}
}
.heroTitle{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#3B0E25 0%,#5a1838 100%)}
.heroTitle .imgBg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;z-index:1}
.heroTitle .overlayDark{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#3b0e254d 0%,#3b0e25d9 100%);z-index:2}
.heroTitle .contentWrap{position:relative;z-index:3;max-width:1320px;width:100%;margin:0 auto;padding:60px 20px}
.heroTitle .mainHeading{font-size:58px;line-height:1.15;color:#FCF8E8;margin:0 0 18px;font-weight:700;text-shadow:2px 4px 8px #0006}
.heroTitle .subtext{font-size:21px;line-height:1.6;color:#A7FC98;margin:0;max-width:680px}
.heroTitle .accentHighlight{color:#A7FC98;position:relative;display:inline-block}
.heroTitle .accentHighlight::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#A7FC98 0%,#a7fc9866 100%)}
.outcomesBlock{padding:88px 20px;background:#FCF8E8}
.outcomesBlock .containerInner{max-width:1320px;margin:0 auto}
.outcomesBlock .sectionLabel{font-size:42px;line-height:1.25;color:#3B0E25;margin:0 0 52px;font-weight:700;text-align:center}
.outcomesBlock .cardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.outcomesBlock .outcomeCard{background:#fff;padding:36px 28px;border-radius:6px;box-shadow:0 6px 16px #3b0e2514;transition:transform .3s ease-in,box-shadow .3s ease-in;border-left:4px solid #A7FC98}
.outcomesBlock .outcomeCard:hover{transform:translateY(-6px);box-shadow:0 12px 24px #3b0e2524}
.outcomesBlock .cardIcon{width:56px;height:56px;margin-bottom:20px;fill:#3B0E25}
.outcomesBlock .cardTitle{font-size:22px;line-height:1.3;color:#3B0E25;margin:0 0 14px;font-weight:700}
.outcomesBlock .cardDescription{font-size:16px;line-height:1.65;color:#3B0E25;margin:0;opacity:.85}
.problemsSection{padding:92px 20px;background:linear-gradient(155deg,#3B0E25 0%,#5a1f3d 100%);position:relative}
.problemsSection::before{content:'';position:absolute;top:0;right:0;width:420px;height:420px;background:radial-gradient(circle,#a7fc981f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.problemsSection .wrapperContent{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.problemsSection .headingMain{font-size:44px;line-height:1.22;color:#FCF8E8;margin:0 0 58px;font-weight:700;text-align:center}
.problemsSection .solutionsList{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.problemsSection .solutionItem{display:flex;gap:24px;align-items:flex-start}
.problemsSection .numberBadge{flex-shrink:0;width:68px;height:68px;background:#a7fc9826;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#A7FC98;border:2px solid #a7fc984d}
.problemsSection .textContent h3{font-size:24px;line-height:1.3;color:#FCF8E8;margin:0 0 12px;font-weight:700}
.problemsSection .textContent p{font-size:17px;line-height:1.6;color:#FCF8E8;margin:0;opacity:.88}
.personalizationZone{padding:84px 20px;background:#FCF8E8;position:relative;overflow:hidden}
.personalizationZone .innerContainer{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.personalizationZone .textSide h2{font-size:40px;line-height:1.25;color:#3B0E25;margin:0 0 24px;font-weight:700}
.personalizationZone .textSide p{font-size:18px;line-height:1.7;color:#3B0E25;margin:0 0 32px}
.personalizationZone .featureList{list-style:none;padding:0;margin:0 0 38px}
.personalizationZone .featureList li{font-size:17px;line-height:1.6;color:#3B0E25;margin:0 0 16px;padding-left:32px;position:relative}
.personalizationZone .featureList li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:#A7FC98;border-radius:3px;box-shadow:0 2px 6px #a7fc9866}
.personalizationZone .ctaButton{display:inline-block;padding:16px 42px;background:linear-gradient(135deg,#3B0E25 0%,#5a1838 100%);color:#FCF8E8;font-size:17px;font-weight:700;text-decoration:none;border-radius:4px;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 6px 18px #3b0e254d}
.personalizationZone .ctaButton:hover{transform:translateY(-3px);box-shadow:0 10px 28px #3b0e2566}
.personalizationZone .visualSide img{width:100%;height:auto;border-radius:6px;box-shadow:0 12px 32px #3b0e2526}
.eventsActivity{padding:88px 20px;background:linear-gradient(to bottom,#fff 0%,#FCF8E8 100%)}
.eventsActivity .containerBox{max-width:1320px;margin:0 auto}
.eventsActivity .titleSection{font-size:42px;line-height:1.25;color:#3B0E25;margin:0 0 18px;font-weight:700;text-align:center}
.eventsActivity .introText{font-size:19px;line-height:1.6;color:#3B0E25;margin:0 auto 56px;text-align:center;max-width:720px;opacity:.88}
.eventsActivity .eventsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.eventsActivity .eventCard{background:#fff;border-radius:6px;overflow:hidden;box-shadow:0 4px 12px #3b0e2514;transition:transform .3s ease-in,box-shadow .3s ease-in}
.eventsActivity .eventCard:hover{transform:scale(1.03);box-shadow:0 8px 24px #3b0e2524}
.eventsActivity .eventImg{width:100%;height:220px;object-fit:cover}
.eventsActivity .eventContent{padding:24px 20px}
.eventsActivity .eventTitle{font-size:20px;line-height:1.35;color:#3B0E25;margin:0 0 12px;font-weight:700}
.eventsActivity .eventDesc{font-size:15px;line-height:1.6;color:#3B0E25;margin:0;opacity:.82}
.feedbackArea{padding:92px 20px;background:#3B0E25;position:relative}
.feedbackArea::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#A7FC98 0%,#a7fc984d 50%,#A7FC98 100%)}
.feedbackArea .wrapBox{max-width:1320px;margin:0 auto}
.feedbackArea .heading2{font-size:44px;line-height:1.2;color:#FCF8E8;margin:0 0 22px;font-weight:700;text-align:center}
.feedbackArea .subheadingText{font-size:19px;line-height:1.6;color:#A7FC98;margin:0 auto 58px;text-align:center;max-width:680px}
.feedbackArea .mechanismGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.feedbackArea .mechanismBox{text-align:center;padding:32px 20px;background:#a7fc9814;border-radius:6px;border:2px solid #a7fc9833;transition:border-color .3s ease-in,background .3s ease-in}
.feedbackArea .mechanismBox:hover{border-color:#a7fc9880;background:#a7fc9824}
.feedbackArea .iconCircle{width:72px;height:72px;margin:0 auto 20px;background:#a7fc982e;border-radius:50%;display:flex;align-items:center;justify-content:center}
.feedbackArea .iconCircle svg{width:36px;height:36px;fill:#A7FC98}
.feedbackArea .mechanismTitle{font-size:19px;line-height:1.4;color:#FCF8E8;margin:0 0 10px;font-weight:700}
.feedbackArea .mechanismDesc{font-size:15px;line-height:1.6;color:#FCF8E8;margin:0;opacity:.85}
@media (max-width: 1366px) {
.heroTitle .mainHeading{font-size:48px}
.heroTitle .subtext{font-size:19px}
.outcomesBlock .cardsGrid{gap:28px}
.problemsSection .solutionsList{gap:40px}
.personalizationZone .innerContainer{gap:52px}
.eventsActivity .eventsGrid{gap:24px}
.feedbackArea .mechanismGrid{gap:28px}
}
@media (max-width: 768px) {
.heroTitle{min-height:360px}
.heroTitle .mainHeading{font-size:36px}
.heroTitle .subtext{font-size:17px}
.outcomesBlock{padding:64px 20px}
.outcomesBlock .sectionLabel{font-size:32px;margin-bottom:38px}
.outcomesBlock .cardsGrid{grid-template-columns:1fr;gap:24px}
.problemsSection{padding:68px 20px}
.problemsSection .headingMain{font-size:34px;margin-bottom:42px}
.problemsSection .solutionsList{grid-template-columns:1fr;gap:32px}
.personalizationZone{padding:64px 20px}
.personalizationZone .innerContainer{grid-template-columns:1fr;gap:42px}
.personalizationZone .textSide h2{font-size:32px}
.eventsActivity{padding:64px 20px}
.eventsActivity .titleSection{font-size:32px}
.eventsActivity .introText{font-size:17px;margin-bottom:42px}
.eventsActivity .eventsGrid{grid-template-columns:1fr;gap:20px}
.feedbackArea{padding:68px 20px}
.feedbackArea .heading2{font-size:34px}
.feedbackArea .subheadingText{font-size:17px;margin-bottom:42px}
.feedbackArea .mechanismGrid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 375px) {
.heroTitle .contentWrap{padding:48px 16px}
.heroTitle .mainHeading{font-size:30px}
.heroTitle .subtext{font-size:16px}
.outcomesBlock{padding:52px 16px}
.outcomesBlock .sectionLabel{font-size:28px}
.problemsSection{padding:56px 16px}
.problemsSection .headingMain{font-size:28px}
.personalizationZone{padding:52px 16px}
.personalizationZone .textSide h2{font-size:28px}
.eventsActivity{padding:52px 16px}
.eventsActivity .titleSection{font-size:28px}
.feedbackArea{padding:56px 16px}
.feedbackArea .heading2{font-size:28px}
}
.titleMain-wrapper{position:relative;min-height:460px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:78px}
.titleMain-wrapper .bgImageSharp{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.titleMain-wrapper .gradOverlay1{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#3b0e25d1 0%,#3b0e2573 35%,#3b0e2573 65%,#3b0e25d1 100%);z-index:2}
.titleMain-wrapper .contentArea{position:relative;z-index:3;text-align:center;padding:0 24px;max-width:880px;margin:0 auto}
.titleMain-wrapper .contentArea h1{font-size:56px;line-height:1.15;color:#FCF8E8;margin:0 0 22px;font-weight:700;text-shadow:0 4px 16px #3b0e2580}
.titleMain-wrapper .contentArea .subtitle4{font-size:19px;line-height:1.6;color:#FCF8E8;margin:0;opacity:.94}
.contactSplit-section{padding:85px 0;background:linear-gradient(135deg,#FCF8E8 0%,#a7fc981f 100%)}
.contactSplit-section .maxContainer23{max-width:1320px;margin:0 auto;padding:0 24px}
.contactSplit-section .twoCol-layout{display:grid;grid-template-columns:1fr 1fr;gap:68px;align-items:start}
.contactSplit-section .infoCol h2{font-size:42px;line-height:1.2;color:#3B0E25;margin:0 0 26px;font-weight:700}
.contactSplit-section .infoCol .desc9{font-size:17px;line-height:1.65;color:#3B0E25;margin:0 0 48px;opacity:.88}
.contactSplit-section .infoCol .detailItem{margin-bottom:32px;display:flex;gap:18px;align-items:flex-start}
.contactSplit-section .infoCol .detailItem .iconBox3{width:48px;height:48px;background:#a7fc9847;border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.contactSplit-section .infoCol .detailItem .iconBox3 svg{width:24px;height:24px;fill:#3B0E25}
.contactSplit-section .infoCol .detailItem .textData p{margin:0;font-size:16px;line-height:1.5;color:#3B0E25}
.contactSplit-section .infoCol .detailItem .textData .labelSmall{font-size:14px;opacity:.72;margin-bottom:4px}
.contactSplit-section .infoCol .detailItem .textData .valueMain{font-weight:600}
.contactSplit-section .formCol{background:#FCF8E8;padding:42px 38px;border-radius:6px;box-shadow:0 8px 28px #3b0e251c}
.contactSplit-section .formCol h3{font-size:28px;line-height:1.3;color:#3B0E25;margin:0 0 24px;font-weight:700}
.contactSplit-section .formCol .formGroup{margin-bottom:22px}
.contactSplit-section .formCol .formGroup label{display:block;font-size:15px;line-height:1.4;color:#3B0E25;margin-bottom:8px;font-weight:600}
.contactSplit-section .formCol .formGroup input[type="text"],.contactSplit-section .formCol .formGroup input[type="email"]{width:100%;padding:14px 16px;border:2px solid #3b0e252e;border-radius:4px;font-size:15px;color:#3B0E25;background:#FCF8E8;transition:border-color .2s ease-in;box-sizing:border-box}
.contactSplit-section .formCol .formGroup input[type="text"]:focus,.contactSplit-section .formCol .formGroup input[type="email"]:focus{outline:none;border-color:#A7FC98}
.contactSplit-section .formCol .radioArea{margin-bottom:26px}
.contactSplit-section .formCol .radioArea .radioLabel{display:block;font-size:15px;line-height:1.4;color:#3B0E25;margin-bottom:12px;font-weight:600}
.contactSplit-section .formCol .radioArea .radioOptions{display:flex;flex-direction:column;gap:10px}
.contactSplit-section .formCol .radioArea .radioOptions .radioItem{display:flex;align-items:center;gap:10px}
.contactSplit-section .formCol .radioArea .radioOptions .radioItem input[type="radio"]{width:20px;height:20px;accent-color:#A7FC98;cursor:pointer}
.contactSplit-section .formCol .radioArea .radioOptions .radioItem label{font-size:15px;color:#3B0E25;cursor:pointer;margin:0;font-weight:400}
.contactSplit-section .formCol .checkboxArea{margin-bottom:24px;display:flex;align-items:start;gap:10px}
.contactSplit-section .formCol .checkboxArea input[type="checkbox"]{width:20px;height:20px;accent-color:#A7FC98;cursor:pointer;flex-shrink:0;margin-top:2px}
.contactSplit-section .formCol .checkboxArea label{font-size:14px;line-height:1.5;color:#3B0E25;cursor:pointer;margin:0;opacity:.84}
.contactSplit-section .formCol .checkboxArea label a{color:#3B0E25;font-weight:600;text-decoration:underline}
.contactSplit-section .formCol .submitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#A7FC98 0%,#a7fc98d9 100%);color:#3B0E25;border:none;border-radius:4px;font-size:16px;font-weight:700;cursor:pointer;transition:all .2s ease-in;box-shadow:0 6px 18px #a7fc9852}
.contactSplit-section .submitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 26px #a7fc986b}
.contactSplit-section .submitBtn:active{transform:translateY(0)}
.whyReach-section{padding:92px 0;background:#3B0E25}
.whyReach-section .maxContainer23{max-width:1320px;margin:0 auto;padding:0 24px}
.whyReach-section .headingArea{text-align:center;margin-bottom:58px}
.whyReach-section .headingArea h2{font-size:44px;line-height:1.2;color:#FCF8E8;margin:0 0 18px;font-weight:700}
.whyReach-section .headingArea .subtext8{font-size:18px;line-height:1.6;color:#FCF8E8;margin:0;opacity:.88;max-width:740px;margin-left:auto;margin-right:auto}
.whyReach-section .gridLayout4{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.whyReach-section .gridLayout4 .reasonCard{background:#fcf8e812;padding:36px 28px;border-radius:5px;border:1px solid #a7fc9829;transition:all .2s ease-in}
.whyReach-section .gridLayout4 .reasonCard:hover{transform:translateY(-4px);border-color:#a7fc9861;box-shadow:0 12px 32px #a7fc9826}
.whyReach-section .gridLayout4 .reasonCard .iconCircle{width:56px;height:56px;background:#a7fc982e;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.whyReach-section .gridLayout4 .reasonCard .iconCircle svg{width:28px;height:28px;fill:#A7FC98}
.whyReach-section .gridLayout4 .reasonCard h3{font-size:22px;line-height:1.3;color:#FCF8E8;margin:0 0 14px;font-weight:700}
.whyReach-section .gridLayout4 .reasonCard p{font-size:16px;line-height:1.6;color:#FCF8E8;margin:0;opacity:.84}
.finalCta-section{padding:88px 0;background:linear-gradient(135deg,#a7fc9838 0%,#FCF8E8 100%);position:relative;overflow:hidden}
.finalCta-section::before{content:'';position:absolute;top:-120px;right:-140px;width:380px;height:380px;background:radial-gradient(circle,#a7fc9842 0%,transparent 70%);border-radius:50%;z-index:1}
.finalCta-section::after{content:'';position:absolute;bottom:-160px;left:-180px;width:440px;height:440px;background:radial-gradient(circle,#3b0e2514 0%,transparent 70%);border-radius:50%;z-index:1}
.finalCta-section .maxContainer23{max-width:1320px;margin:0 auto;padding:0 24px;position:relative;z-index:2}
.finalCta-section .ctaInner{display:flex;align-items:center;gap:56px}
.finalCta-section .ctaInner .imageZone{flex:0 0 48%}
.finalCta-section .ctaInner .imageZone img{width:100%;height:auto;display:block;border-radius:5px;box-shadow:0 14px 42px #3b0e252e}
.finalCta-section .ctaInner .textZone{flex:1}
.finalCta-section .ctaInner .textZone h2{font-size:40px;line-height:1.25;color:#3B0E25;margin:0 0 22px;font-weight:700}
.finalCta-section .ctaInner .textZone .desc9{font-size:17px;line-height:1.65;color:#3B0E25;margin:0 0 34px;opacity:.88}
.finalCta-section .ctaInner .textZone .ctaBtn{display:inline-block;padding:16px 38px;background:#3B0E25;color:#FCF8E8;border-radius:4px;font-size:16px;font-weight:700;text-decoration:none;transition:all .2s ease-in;box-shadow:0 8px 22px #3b0e2547}
.finalCta-section .ctaInner .textZone .ctaBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3b0e2561;background:#2a0a1c}
@media (max-width: 1366px) {
.titleMain-wrapper .contentArea h1{font-size:48px}
.contactSplit-section .twoCol-layout{gap:52px}
.whyReach-section .gridLayout4{gap:28px}
}
@media (max-width: 768px) {
.titleMain-wrapper{min-height:380px;margin-bottom:62px}
.titleMain-wrapper .contentArea h1{font-size:36px;margin-bottom:16px}
.titleMain-wrapper .contentArea .subtitle4{font-size:17px}
.contactSplit-section{padding:68px 0}
.contactSplit-section .twoCol-layout{grid-template-columns:1fr;gap:42px}
.contactSplit-section .infoCol h2{font-size:34px;margin-bottom:20px}
.contactSplit-section .infoCol .desc9{margin-bottom:36px}
.contactSplit-section .formCol{padding:32px 26px}
.whyReach-section{padding:72px 0}
.whyReach-section .headingArea{margin-bottom:46px}
.whyReach-section .headingArea h2{font-size:36px}
.whyReach-section .gridLayout4{grid-template-columns:1fr;gap:24px}
.finalCta-section{padding:68px 0}
.finalCta-section .ctaInner{flex-direction:column;gap:38px}
.finalCta-section .ctaInner .imageZone{flex:0 0 auto;width:100%}
.finalCta-section .ctaInner .textZone h2{font-size:32px}
}
@media (max-width: 375px) {
.titleMain-wrapper{min-height:340px}
.titleMain-wrapper .contentArea h1{font-size:30px}
.titleMain-wrapper .contentArea .subtitle4{font-size:16px}
.contactSplit-section{padding:56px 0}
.contactSplit-section .infoCol h2{font-size:28px}
.contactSplit-section .formCol{padding:28px 22px}
.contactSplit-section .formCol h3{font-size:24px}
.whyReach-section{padding:62px 0}
.whyReach-section .headingArea h2{font-size:30px}
.whyReach-section .gridLayout4 .reasonCard{padding:28px 22px}
.finalCta-section{padding:58px 0}
.finalCta-section .ctaInner .textZone h2{font-size:28px}
}
.topPageBanner{position:relative;min-height:480px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#3B0E25 0%,#5a1838 100%)}
.bannerImageLayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.bannerImageLayer img{width:100%;height:100%;object-fit:cover;opacity:.35;filter:grayscale(0.3)}
.bannerContent{position:relative;z-index:2;width:100%;padding:60px 20px}
.bannerInner{max-width:1320px;margin:0 auto}
.mainPageTitle{font-size:56px;font-weight:700;line-height:1.1;color:#FCF8E8;margin:0 0 24px;text-shadow:2px 4px 12px #3b0e2599}
.bannerDescription{font-size:21px;line-height:1.5;color:#FCF8E8;max-width:720px;margin:0;text-shadow:1px 2px 8px #3b0e2580}
.storyBlock{background:linear-gradient(to bottom,#FCF8E8 0%,#f5f1dc 100%);padding:90px 20px}
.storyWrapper{max-width:1320px;margin:0 auto}
.storyGrid{display:grid;grid-template-columns:1.4fr 1fr;gap:60px;align-items:start}
.sectionHeader2{font-size:42px;font-weight:700;color:#3B0E25;margin:0 0 28px;line-height:1.2;position:relative;padding-bottom:18px}
.sectionHeader2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#A7FC98 0%,transparent 100%)}
.textNormal{font-size:18px;line-height:1.65;color:#3B0E25;margin:0 0 22px}
.imageHolder.img2{margin:32px 0;border-radius:4px;overflow:hidden;box-shadow:0 8px 24px #3b0e2526}
.imageHolder.img2 img{width:100%;height:380px;object-fit:cover;display:block}
.storyFeatures{display:flex;flex-direction:column;gap:24px}
.featureCard{background:#fff;padding:32px 28px;border-radius:5px;box-shadow:0 6px 18px #a7fc9833;border-left:4px solid #A7FC98;transition:transform .3s ease-in,box-shadow .3s ease-in}
.featureCard:hover{transform:translateX(8px);box-shadow:0 10px 28px #a7fc9859}
.featureIcon{margin-bottom:18px}
.featureTitle{font-size:22px;font-weight:700;color:#3B0E25;margin:0 0 12px}
.featureText{font-size:16px;line-height:1.6;color:#3B0E25;margin:0;opacity:.85}
.teamSection{background:#fff;padding:100px 20px}
.teamContainer{max-width:1320px;margin:0 auto}
.teamHeader{text-align:center;margin-bottom:70px}
.sectionTitle{font-size:48px;font-weight:700;color:#3B0E25;margin:0 0 20px;line-height:1.15}
.teamIntro{font-size:20px;line-height:1.5;color:#3B0E25;max-width:680px;margin:0 auto;opacity:.8}
.teamLayout{display:grid;grid-template-columns:1fr 1.3fr;gap:70px;margin-bottom:80px}
.teamImageBlock{border-radius:6px;overflow:hidden;box-shadow:0 12px 32px #3b0e252e;margin-bottom:40px}
.teamImageBlock img{width:100%;height:420px;object-fit:cover;display:block}
.valuesBox{background:linear-gradient(135deg,#A7FC98 0%,#c8fdbf 100%);padding:36px 32px;border-radius:5px;box-shadow:0 8px 20px #a7fc9840}
.valuesHeading{font-size:26px;font-weight:700;color:#3B0E25;margin:0 0 24px}
.valuesList{list-style:none;padding:0;margin:0}
.valueItem{display:flex;align-items:start;margin-bottom:18px}
.valueItem:last-child{margin-bottom:0}
.valueDot{width:10px;height:10px;background:#3B0E25;border-radius:50%;flex-shrink:0;margin-right:14px;margin-top:6px}
.valueText{font-size:17px;line-height:1.6;color:#3B0E25}
.approachBlock{margin-bottom:48px}
.approachTitle{font-size:32px;font-weight:700;color:#3B0E25;margin:0 0 24px;line-height:1.3}
.approachText{font-size:18px;line-height:1.7;color:#3B0E25;margin:0 0 20px}
.processSteps{margin-top:36px;display:flex;flex-direction:column;gap:20px}
.stepItem{display:flex;align-items:start;gap:20px;background:#FCF8E8;padding:24px;border-radius:4px;border:2px solid transparent;transition:border-color .3s ease-in}
.stepItem:hover{border-color:#A7FC98}
.stepNumber{font-size:28px;font-weight:700;color:#A7FC98;flex-shrink:0;width:50px;text-align:center}
.stepContent{flex:1}
.stepLabel{font-size:20px;font-weight:700;color:#3B0E25;margin:0 0 8px}
.stepInfo{font-size:16px;line-height:1.6;color:#3B0E25;margin:0;opacity:.85}
.imageHolder.img4{border-radius:6px;overflow:hidden;box-shadow:0 10px 28px #3b0e2529}
.imageHolder.img4 img{width:100%;height:360px;object-fit:cover;display:block}
.contactInvite{background:linear-gradient(135deg,#3B0E25 0%,#5a1838 100%);padding:56px 48px;border-radius:6px;text-align:center;box-shadow:0 14px 36px #3b0e254d}
.inviteHeading{font-size:34px;font-weight:700;color:#FCF8E8;margin:0 0 16px;line-height:1.2}
.inviteText{font-size:19px;line-height:1.5;color:#FCF8E8;margin:0 0 32px;opacity:.9}
.inviteButton{display:inline-block;background:#A7FC98;color:#3B0E25;font-size:18px;font-weight:700;padding:16px 42px;border-radius:4px;text-decoration:none;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 6px 16px #a7fc9866}
.inviteButton:hover{transform:scale(1.05);box-shadow:0 10px 24px #a7fc9899}
@media (max-width: 1366px) {
.mainPageTitle{font-size:48px}
.bannerDescription{font-size:19px}
.storyGrid{gap:48px}
.teamLayout{gap:56px}
}
@media (max-width: 768px) {
.topPageBanner{min-height:380px}
.mainPageTitle{font-size:36px;margin-bottom:18px}
.bannerDescription{font-size:17px}
.storyBlock{padding:60px 20px}
.storyGrid{grid-template-columns:1fr;gap:40px}
.sectionHeader2{font-size:32px}
.imageHolder.img2 img{height:280px}
.teamSection{padding:70px 20px}
.sectionTitle{font-size:36px}
.teamIntro{font-size:18px}
.teamLayout{grid-template-columns:1fr;gap:40px}
.teamImageBlock img{height:320px}
.approachTitle{font-size:26px}
.imageHolder.img4 img{height:280px}
.contactInvite{padding:40px 28px}
.inviteHeading{font-size:28px}
}
@media (max-width: 375px) {
.mainPageTitle{font-size:28px}
.bannerDescription{font-size:16px}
.sectionHeader2{font-size:26px}
.textNormal{font-size:16px}
.featureCard{padding:24px 20px}
.featureTitle{font-size:19px}
.sectionTitle{font-size:28px}
.stepNumber{font-size:24px;width:40px}
.stepLabel{font-size:18px}
.inviteHeading{font-size:24px}
.inviteButton{padding:14px 32px;font-size:16px}
}
.successOuter{padding:80px 20px;background:linear-gradient(135deg,#FCF8E8 0%,#a7fc981f 100%);min-height:82vh;display:flex;align-items:center;justify-content:center}
.successInner{max-width:1320px;margin:0 auto;width:100%}
.confirmationGrid{display:grid;grid-template-columns:1fr 320px;gap:64px;align-items:center;background:#fff;padding:56px;border-radius:3px;box-shadow:0 8px 24px #3b0e2514}
.messageArea{display:flex;flex-direction:column;gap:24px}
.statusIcon{width:84px;height:84px;background:linear-gradient(135deg,#A7FC98 0%,#a7fc9899 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 18px #a7fc9859}
.statusIcon::before{content:'';position:absolute;width:28px;height:48px;border:4px solid #3B0E25;border-left:none;border-top:none;transform:rotate(45deg) translate(-4px,-8px)}
.confirmHead{font-size:38px;font-weight:700;color:#3B0E25;line-height:1.2;margin:0}
.confirmText{font-size:17px;line-height:1.65;color:#3B0E25;margin:0;opacity:.82}
.confirmText.bold9{font-weight:600;opacity:1;margin-top:8px}
.nextSteps{margin-top:16px;padding:28px;background:linear-gradient(to bottom,#a7fc9814,#a7fc9805);border-left:3px solid #A7FC98;border-radius:2px}
.stepsTitle{font-size:19px;font-weight:600;color:#3B0E25;margin:0 0 16px}
.stepsList{display:flex;flex-direction:column;gap:12px;margin:0;padding:0;list-style:none}
.stepsList li{font-size:16px;line-height:1.6;color:#3B0E25;opacity:.78;padding-left:28px;position:relative}
.stepsList li::before{content:'';position:absolute;left:0;top:7px;width:16px;height:16px;background:#A7FC98;border-radius:50%;box-shadow:0 2px 6px #a7fc9866}
.actionBtns{display:flex;gap:16px;margin-top:32px}
.btnPrimary7,.btnSecondary7{padding:15px 32px;border-radius:3px;font-size:16px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:all .25s ease-in;border:none;cursor:pointer}
.btnPrimary7{background:#3B0E25;color:#FCF8E8;box-shadow:0 4px 12px #3b0e2533}
.btnPrimary7:hover{background:#2a0a1a;transform:translateY(-2px);box-shadow:0 6px 16px #3b0e2547}
.btnSecondary7{background:transparent;color:#3B0E25;border:2px solid #3B0E25}
.btnSecondary7:hover{background:#3B0E25;color:#FCF8E8;transform:translateY(-2px)}
.visualCard{background:linear-gradient(to bottom right,#a7fc9826,#fcf8e84d);padding:32px;border-radius:4px;display:flex;flex-direction:column;align-items:center;gap:20px;position:relative;overflow:hidden}
.visualCard::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#a7fc982e 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}
}
.cardIcon{width:96px;height:96px;position:relative;z-index:2}
.cardIcon svg{width:100%;height:100%;fill:none;stroke:#3B0E25;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cardLabel{font-size:18px;font-weight:600;color:#3B0E25;text-align:center;margin:0;position:relative;z-index:2}
.cardDetails{font-size:14px;color:#3B0E25;opacity:.72;text-align:center;margin:0;position:relative;z-index:2}
@media (max-width: 1366px) {
.confirmationGrid{gap:48px;padding:48px}
.confirmHead{font-size:34px}
}
@media (max-width: 768px) {
.successOuter{padding:60px 16px}
.confirmationGrid{grid-template-columns:1fr;gap:40px;padding:36px 28px}
.statusIcon{width:72px;height:72px}
.statusIcon::before{width:24px;height:42px;border-width:3px}
.confirmHead{font-size:28px}
.confirmText{font-size:16px}
.nextSteps{padding:24px 20px}
.actionBtns{flex-direction:column;gap:12px}
.btnPrimary7,.btnSecondary7{width:100%;justify-content:center;padding:14px 24px}
.visualCard{padding:28px 20px}
}
@media (max-width: 375px) {
.confirmationGrid{padding:28px 20px}
.confirmHead{font-size:24px}
.nextSteps{padding:20px 16px}
.stepsTitle{font-size:17px}
.stepsList li{font-size:15px}
}