*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Cabin',sans-serif;font-size:16px;line-height:1.6;color:#262F48;background:linear-gradient(127deg,#DDF3FF 0%,#fff 45%,#FAC063 100%);min-height:100vh}
.topNav{background:linear-gradient(143deg,#262F48 0%,#1a2030 100%);width:100%;padding:18px 0;box-shadow:0 4px 6px #262f4826}
.navHolder{max-width:1320px;margin:0 auto;padding:0 20px}
.mainNavi{display:flex;justify-content:center;gap:42px;flex-wrap:wrap}
.mainNavi .navLink{color:#DDF3FF;text-decoration:none;font-size:15px;font-weight:400;padding:8px 14px;border-radius:8px;transition:background-color .2s ease}
.mainNavi .navLink:hover{background-color:#fac06326}
.brandFloat{position:relative;top:-28px;text-align:center;pointer-events:none}
.logoWrap{display:inline-flex;align-items:center;gap:16px;background:#fff;padding:14px 32px;border-radius:12px;box-shadow:0 6px 14px #262f4833;pointer-events:all}
.siteLogo{height:85px;width:85px}
.brandName{font-size:26px;font-weight:700;color:#262F48;letter-spacing:.5px}
header{margin-bottom:48px}
main{max-width:1320px;margin:0 auto;padding:0 20px 60px}
.footWrap{background:linear-gradient(152deg,#262F48 0%,#1a1f35 100%);padding:58px 20px 42px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px;max-width:1320px;margin:0 auto;border-radius:14px 14px 0 0}
.footBlock .footTitle{font-size:20px;font-weight:700;color:#FAC063;margin-bottom:22px;text-transform:uppercase;letter-spacing:1.2px}
.footList{list-style:none}
.footList li{margin-bottom:14px}
.footLink{color:#DDF3FF;text-decoration:none;font-size:15px;transition:color .2s ease;display:inline-block}
.footLink:hover{text-decoration:underline}
.footEmail{color:#DDF3FF;font-size:15px;margin-bottom:18px}
.footCookieBtn{background:transparent;border:2px solid #FAC063;color:#FAC063;padding:10px 20px;border-radius:8px;cursor:pointer;font-size:14px;font-weight:700;transition:background-color .2s ease}
.footCookieBtn:hover{background-color:#fac0631a}
.footCopy{background:#1a1f35;text-align:center;padding:24px 20px}
.copyText{color:#DDF3FF;font-size:14px}
.cookiePanel{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:95%;max-width:920px;background:#fff;border-radius:14px 14px 0 0;box-shadow:0 -8px 24px #262f4859;padding:32px;z-index:9999;opacity:0;transition:opacity .4s ease}
.cookiePanel.showing{opacity:1}
.cookiePanel.hiding{opacity:0}
.cookieContent .cookieHead{font-size:24px;font-weight:700;color:#262F48;margin-bottom:12px}
.cookieContent .cookieDesc{font-size:15px;color:#262F48;margin-bottom:28px;line-height:1.5}
.cookieAccordion{margin-bottom:24px}
.cookieSection{border-bottom:1px solid #DDF3FF;margin-bottom:8px}
.cookieToggle{width:100%;background:transparent;border:none;padding:16px 0;display:flex;justify-content:space-between;align-items:center;cursor:pointer;font-size:16px;font-weight:700;color:#262F48}
.toggleIcon{font-size:22px;font-weight:700;color:#FAC063;transition:transform .3s ease}
.cookieToggle.active .toggleIcon{transform:rotate(45deg)}
.cookieDetail{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 0 0 8px}
.cookieDetail.expanded{max-height:300px;padding:0 0 18px 8px}
.cookieDetail p{font-size:14px;color:#262F48;margin-bottom:14px;line-height:1.5}
.cookieCheckWrap{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;color:#262F48;cursor:pointer}
.cookieCheck{width:18px;height:18px;cursor:pointer}
.cookiePolicy{text-align:center;margin-bottom:24px}
.policyLink{color:#262F48;text-decoration:underline;font-size:14px}
.policyLink:hover{color:#FAC063}
.cookieActions{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}
.cookieBtn{padding:12px 28px;border-radius:10px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s ease;border:none}
.cookieBtnPrimary{background:#FAC063;color:#262F48}
.cookieBtnPrimary:hover{background:#f3b350}
.cookieBtnSecondary{background:#262F48;color:#DDF3FF}
.cookieBtnSecondary:hover{background:#1a2030}
.cookieBtnTertiary{background:transparent;color:#262F48;border:2px solid #262F48}
.cookieBtnTertiary:hover{background:#262f480d}
@media (max-width: 640px) {
.mainNavi{gap:18px}
.mainNavi .navLink{font-size:14px;padding:6px 10px}
.brandFloat{top:-20px}
.logoWrap{padding:10px 22px;gap:12px}
.siteLogo{height:60px;width:60px}
.brandName{font-size:20px}
.footWrap{grid-template-columns:1fr;gap:32px;padding:42px 20px 32px}
.cookiePanel{width:100%;padding:24px;border-radius:12px 12px 0 0}
.cookieContent .cookieHead{font-size:20px}
.cookieActions{flex-direction:column}
.cookieBtn{width:100%}
}
@media (min-width: 641px) and (max-width: 1024px) {
.mainNavi{gap:28px}
.footWrap{grid-template-columns:repeat(2,1fr)}
}
.legal-bbnx-text{max-width:1320px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#fff 0%,#DDF3FF 100%)}
.legal-bbnx-text p{font-size:16px;line-height:1.8;color:#262F48;margin:0 0 24px;text-align:justify}
.legal-bbnx-text p + p{margin-top:16px}
.legal-bbnx-text ul{margin:0 0 28px;padding:0 0 0 28px;list-style-type:none}
.legal-bbnx-text ul li{position:relative;font-size:16px;line-height:1.7;color:#262F48;margin:0 0 14px;padding-left:12px}
.legal-bbnx-text ul li::before{content:'';position:absolute;left:-16px;top:10px;width:6px;height:6px;background:#FAC063;border-radius:50%}
.legal-bbnx-text ol{margin:0 0 28px;padding:0 0 0 32px;counter-reset:policy-counter;list-style:none}
.legal-bbnx-text ol li{position:relative;font-size:16px;line-height:1.7;color:#262F48;margin:0 0 14px;padding-left:8px;counter-increment:policy-counter}
.legal-bbnx-text ol li::before{content:counter(policy-counter) ".";position:absolute;left:-32px;font-weight:600;color:#FAC063}
.legal-bbnx-text em,.legal-bbnx-text i{font-style:italic;color:#262F48}
.legal-bbnx-text table{width:100%;margin:0 0 32px;border-collapse:collapse;background:#fff;box-shadow:0 4px 12px #262f4814;border-radius:12px;overflow:hidden}
.legal-bbnx-text thead{background:linear-gradient(135deg,#262F48 0%,#1a2030 100%)}
.legal-bbnx-text thead tr th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;border-bottom:2px solid #FAC063}
.legal-bbnx-text tbody tr{border-bottom:1px solid #DDF3FF}
.legal-bbnx-text tbody tr:last-child{border-bottom:none}
.legal-bbnx-text tbody tr:nth-child(even){background:#f8fcff}
.legal-bbnx-text tbody tr td{padding:16px 20px;font-size:15px;line-height:1.6;color:#262F48}
.legal-bbnx-text hr{margin:48px 0;border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#FAC063 50%,transparent 100%)}
.legal-bbnx-text div{margin:0 0 24px}
.legal-bbnx-text div p:last-child{margin-bottom:0}
@media (max-width: 1024px) {
.legal-bbnx-text{padding:60px 24px}
.legal-bbnx-text p,.legal-bbnx-text ul li,.legal-bbnx-text ol li,.legal-bbnx-text tbody tr td{font-size:15px}
.legal-bbnx-text table{display:block;overflow-x:auto}
}
@media (max-width: 640px) {
.legal-bbnx-text{padding:40px 16px}
.legal-bbnx-text p{text-align:left;font-size:14px;line-height:1.7;margin-bottom:20px}
.legal-bbnx-text ul,.legal-bbnx-text ol{padding-left:20px}
.legal-bbnx-text ul li,.legal-bbnx-text ol li{font-size:14px;margin-bottom:12px}
.legal-bbnx-text thead tr th,.legal-bbnx-text tbody tr td{padding:12px 14px;font-size:13px}
.legal-bbnx-text hr{margin:32px 0}
}
.artWrap{max-width:1320px;margin:0 auto;padding:60px 20px}
.topArea{margin-bottom:48px}
.artTitle{font-size:42px;line-height:1.2;color:#262F48;margin:0 0 32px;font-weight:700}
.artImgBox{width:100%;border-radius:12px;overflow:hidden;position:relative;background:linear-gradient(135deg,#DDF3FF 0%,#FAC063 100%);min-height:400px;display:flex;align-items:center;justify-content:center}
.artImgBox img{width:100%;height:auto;display:block;object-fit:cover}
.contentZone{max-width:820px;margin:0 auto}
.contentZone p{font-size:18px;line-height:1.7;color:#262F48;margin:0 0 24px}
.contentZone strong{font-weight:700;color:#262F48}
.contentZone em{font-style:italic;color:#262F48}
.contentZone ul,.contentZone ol{margin:0 0 24px;padding-left:28px}
.contentZone ul li,.contentZone ol li{font-size:18px;line-height:1.7;color:#262F48;margin-bottom:12px}
.contentZone h2,.contentZone h3,.contentZone h4{color:#262F48;font-weight:700;margin:48px 0 20px;position:relative}
.contentZone h2{font-size:32px;line-height:1.3}
.contentZone h2::before{content:'';position:absolute;left:-24px;top:8px;width:4px;height:28px;background:linear-gradient(180deg,#FAC063 0%,#262F48 100%);border-radius:2px}
.contentZone h3{font-size:26px;line-height:1.3}
.contentZone h4{font-size:22px;line-height:1.4}
.a11yToggle{position:fixed;bottom:32px;right:32px;width:56px;height:56px;border-radius:50%;background:#262F48;border:none;cursor:pointer;box-shadow:0 4px 12px #262f484d;z-index:1000;transition:all .3s ease;display:flex;align-items:center;justify-content:center}
.a11yToggle:hover{background:#FAC063;transform:scale(1.1);box-shadow:0 6px 16px #fac06366}
.a11yToggle svg{width:28px;height:28px;fill:#DDF3FF}
.a11yToggle:hover svg{fill:#262F48}
body.highContrast .artTitle{color:#000;font-size:48px;font-weight:900}
body.highContrast .contentZone p,body.highContrast .contentZone li{color:#000;font-size:20px;line-height:2;font-weight:600}
body.highContrast .contentZone h2,body.highContrast .contentZone h3,body.highContrast .contentZone h4{color:#000;font-weight:900}
body.highContrast .contentZone h2{font-size:36px}
body.highContrast .contentZone h3{font-size:30px}
body.highContrast .contentZone h4{font-size:24px}
body.highContrast .artImgBox{border:4px solid #000}
body.highContrast .a11yToggle{background:#000;border:3px solid #FAC063}
body.highContrast .a11yToggle svg{fill:#FAC063}
body.highContrast .contentZone strong{color:#000;background:#FAC063;padding:2px 4px}
@media (max-width: 1024px) {
.artWrap{padding:48px 20px}
.artTitle{font-size:36px;margin-bottom:28px}
.artImgBox{min-height:320px}
.contentZone p,.contentZone ul li,.contentZone ol li{font-size:17px}
.contentZone h2{font-size:28px}
.contentZone h3{font-size:24px}
.contentZone h4{font-size:20px}
.a11yToggle{width:52px;height:52px;bottom:24px;right:24px}
}
@media (max-width: 640px) {
.artWrap{padding:32px 16px}
.artTitle{font-size:28px;margin-bottom:24px}
.artImgBox{min-height:240px;border-radius:8px}
.contentZone{max-width:100%}
.contentZone p,.contentZone ul li,.contentZone ol li{font-size:16px;line-height:1.8}
.contentZone h2{font-size:24px;margin:36px 0 16px}
.contentZone h2::before{left:-16px;width:3px;height:22px}
.contentZone h3{font-size:21px;margin:32px 0 14px}
.contentZone h4{font-size:18px;margin:28px 0 12px}
.contentZone ul,.contentZone ol{padding-left:24px}
.a11yToggle{width:48px;height:48px;bottom:20px;right:20px}
.a11yToggle svg{width:24px;height:24px}
body.highContrast .artTitle{font-size:32px}
body.highContrast .contentZone p,body.highContrast .contentZone li{font-size:18px}
}
.primHero{background:linear-gradient(127deg,#FAC063 0%,#262F48 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.primHero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#ddf3ff1a;border-radius:50%;z-index:1}
.primHero .heroInner{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.primHero .heroInner h1{font-size:52px;color:#fff;margin:0 0 24px;line-height:1.2}
.primHero .heroInner .descr{font-size:20px;color:#DDF3FF;max-width:680px;margin:0 auto 32px;line-height:1.6}
.primHero .heroInner .cta-butt{display:inline-block;background:#DDF3FF;color:#262F48;padding:16px 40px;border-radius:12px;text-decoration:none;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #00000026;z-index:10;position:relative}
.primHero .heroInner .cta-butt:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #0003}
.voiceBlock{padding:80px 20px;background:#fff}
.voiceBlock .voiceWrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.voiceBlock .leftText h2{font-size:38px;color:#262F48;margin:0 0 20px;line-height:1.3}
.voiceBlock .leftText h2::before{content:'';display:inline-block;width:6px;height:38px;background:linear-gradient(180deg,#FAC063 0%,#262F48 100%);margin-right:12px;vertical-align:middle}
.voiceBlock .leftText p{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 16px}
.voiceBlock .rightImg img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #262f481f}
.themSet{background:linear-gradient(214deg,#DDF3FF 0%,#fff 100%);padding:80px 20px}
.themSet .setHolder{max-width:1320px;margin:0 auto}
.themSet .setHolder h2{font-size:36px;color:#262F48;margin:0 0 48px;text-align:center}
.themSet .setHolder h2::after{content:'';display:block;width:80px;height:4px;background:#FAC063;margin:16px auto 0;border-radius:2px}
.themSet .cardGrid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.themSet .cardGrid3 .thCard{background:#fff;border-radius:12px;padding:32px;box-shadow:0 2px 8px #262f4814;transition:all .3s ease;border:2px solid transparent}
.themSet .cardGrid3 .thCard:hover{border-color:#FAC063;transform:translateY(-4px);box-shadow:0 6px 16px #262f4826}
.themSet .cardGrid3 .thCard h3{font-size:22px;color:#262F48;margin:0 0 16px}
.themSet .cardGrid3 .thCard p{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0 0 20px}
.themSet .cardGrid3 .thCard .readLink{display:inline-block;color:#FAC063;text-decoration:none;font-weight:600;font-size:15px;transition:color .3s ease}
.themSet .cardGrid3 .thCard .readLink:hover{color:#262F48}
.postsFeed{padding:80px 20px;background:#fff}
.postsFeed .feedWrap{max-width:1320px;margin:0 auto}
.postsFeed .feedWrap .catSec{margin-bottom:64px}
.postsFeed .feedWrap .catSec:last-child{margin-bottom:0}
.postsFeed .feedWrap .catSec h2{font-size:32px;color:#262F48;margin:0 0 32px;padding-bottom:12px;border-bottom:3px solid #FAC063;display:inline-block}
.postsFeed .feedWrap .catSec .postRow{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.postsFeed .feedWrap .catSec .postCard7{background:#f8f9fa;border-radius:10px;padding:24px;transition:all .3s ease;border-left:4px solid transparent}
.postsFeed .feedWrap .catSec .postCard7:hover{background:#fff;border-left-color:#FAC063;box-shadow:0 4px 12px #262f481a}
.postsFeed .feedWrap .catSec .postCard7 h3{font-size:20px;margin:0 0 12px}
.postsFeed .feedWrap .catSec .postCard7 h3 a{color:#262F48;text-decoration:none;transition:color .3s ease}
.postsFeed .feedWrap .catSec .postCard7 h3 a:hover{color:#FAC063}
.postsFeed .feedWrap .catSec.withImg .postRow{grid-template-columns:1fr;gap:32px}
.postsFeed .feedWrap .catSec.withImg .postCard7{display:grid;grid-template-columns:280px 1fr;gap:24px;align-items:center;padding:20px}
.postsFeed .feedWrap .catSec.withImg .postCard7 .imgBox img{width:100%;height:180px;object-fit:cover;border-radius:8px}
.postsFeed .feedWrap .catSec.withImg .postCard7 .txtBox h3{font-size:24px}
.adjacentTopics{background:#262F48;padding:80px 20px;position:relative}
.adjacentTopics::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#FAC063 0%,#DDF3FF 50%,#FAC063 100%)}
.adjacentTopics .adjWrap{max-width:1320px;margin:0 auto}
.adjacentTopics .adjWrap h2{font-size:34px;color:#DDF3FF;margin:0 0 40px;text-align:center}
.adjacentTopics .topicsList{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.adjacentTopics .topicsList .topItem{background:#ddf3ff14;border-radius:10px;padding:28px 20px;text-align:center;transition:all .3s ease;border:2px solid transparent}
.adjacentTopics .topicsList .topItem:hover{background:#fac06326;border-color:#FAC063;transform:scale(1.05)}
.adjacentTopics .topicsList .topItem h4{font-size:19px;color:#FAC063;margin:0 0 12px}
.adjacentTopics .topicsList .topItem p{font-size:15px;color:#DDF3FF;line-height:1.5;margin:0}
@media (max-width: 1024px) {
.voiceBlock .voiceWrap{grid-template-columns:1fr;gap:40px}
.themSet .cardGrid3{grid-template-columns:1fr}
.adjacentTopics .topicsList{grid-template-columns:repeat(2,1fr)}
.postsFeed .feedWrap .catSec.withImg .postCard7{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.primHero .heroInner h1{font-size:36px}
.primHero .heroInner .descr{font-size:17px}
.voiceBlock .leftText h2{font-size:30px}
.postsFeed .feedWrap .catSec .postRow{grid-template-columns:1fr}
.adjacentTopics .topicsList{grid-template-columns:1fr}
}
.titleArea{position:relative;overflow:hidden;background:linear-gradient(167deg,#DDF3FF 0%,#FAC063 100%);padding:90px 20px 110px}
.titleArea::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E");pointer-events:none;z-index:1}
.titleArea .imgWrap{position:absolute;top:-40px;right:-120px;width:520px;height:520px;border-radius:12px;overflow:hidden;opacity:.3;z-index:0}
.titleArea .imgWrap img{width:100%;height:100%;object-fit:cover}
.titleArea .txtBox{position:relative;z-index:2;max-width:1320px;margin:0 auto}
.titleArea .txtBox h1{font-size:56px;line-height:1.1;color:#262F48;margin:0 0 24px;font-weight:700;max-width:720px}
.titleArea .txtBox .subline{font-size:22px;line-height:1.5;color:#262F48;max-width:620px;margin:0}
@media (max-width: 1024px) {
.titleArea .imgWrap{right:-180px;width:440px;height:440px}
.titleArea .txtBox h1{font-size:44px}
}
@media (max-width: 640px) {
.titleArea{padding:60px 20px 70px}
.titleArea .imgWrap{width:320px;height:320px;right:-100px;top:-20px}
.titleArea .txtBox h1{font-size:32px;margin-bottom:18px}
.titleArea .txtBox .subline{font-size:18px}
}
.storyBlock{padding:95px 20px;background:#fff}
.storyBlock .contentGrid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.storyBlock .leftSide h2{font-size:38px;line-height:1.2;color:#262F48;margin:0 0 28px;font-weight:700;position:relative;padding-left:24px}
.storyBlock .leftSide h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:40px;background:linear-gradient(180deg,#FAC063 0%,#262F48 100%);border-radius:3px}
.storyBlock .leftSide .bioBox{background:#DDF3FF;border-radius:12px;padding:32px;margin-top:36px;box-shadow:4px 4px 0 #262f4814}
.storyBlock .leftSide .bioBox .label{font-size:14px;text-transform:uppercase;letter-spacing:1px;color:#262F48;font-weight:600;margin:0 0 12px}
.storyBlock .leftSide .bioBox .value{font-size:18px;line-height:1.6;color:#262F48;margin:0}
.storyBlock .rightSide .textContent p{font-size:17px;line-height:1.7;color:#262F48;margin:0 0 22px}
.storyBlock .rightSide .textContent p:last-child{margin-bottom:0}
.storyBlock .rightSide .highlightTxt{background:linear-gradient(135deg,#FAC063 0%,#DDF3FF 100%);padding:28px 32px;border-radius:12px;margin-top:32px;border-left:5px solid #262F48}
.storyBlock .rightSide .highlightTxt p{font-size:19px;line-height:1.6;color:#262F48;margin:0;font-weight:500}
@media (max-width: 1024px) {
.storyBlock .contentGrid{grid-template-columns:1fr;gap:50px}
.storyBlock .leftSide h2{font-size:32px}
}
@media (max-width: 640px) {
.storyBlock{padding:60px 20px}
.storyBlock .leftSide h2{font-size:28px;padding-left:18px}
.storyBlock .leftSide h2::before{width:5px;height:32px}
.storyBlock .leftSide .bioBox{padding:24px}
.storyBlock .rightSide .textContent p{font-size:16px}
.storyBlock .rightSide .highlightTxt{padding:22px 24px}
}
.dataVis{padding:0 20px 100px;background:#fff}
.dataVis .innerWrap{max-width:1320px;margin:0 auto}
.dataVis h3{font-size:34px;line-height:1.2;color:#262F48;margin:0 0 52px;font-weight:700;text-align:center}
.dataVis .metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.dataVis .metricCard{background:linear-gradient(145deg,#DDF3FF 0%,#fff 100%);border-radius:14px;padding:36px 28px;border:2px solid #FAC063;box-shadow:6px 6px 0 #fac06326;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.dataVis .metricCard:hover{transform:translateY(-6px);box-shadow:8px 12px 0 #fac06340}
.dataVis .metricCard .icon{width:52px;height:52px;background:#FAC063;border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.dataVis .metricCard .icon svg{width:28px;height:28px;fill:#262F48}
.dataVis .metricCard h4{font-size:19px;line-height:1.3;color:#262F48;margin:0 0 14px;font-weight:700}
.dataVis .metricCard .desc{font-size:16px;line-height:1.6;color:#262F48;margin:0}
.dataVis .metricCard .progressBar{margin-top:18px;height:8px;background:#fff;border-radius:8px;overflow:hidden;position:relative}
.dataVis .metricCard .progressBar .fill{height:100%;background:linear-gradient(90deg,#262F48 0%,#FAC063 100%);border-radius:8px;transition:width .4s ease}
.dataVis .metricCard:nth-child(1) .progressBar .fill{width:92%}
.dataVis .metricCard:nth-child(2) .progressBar .fill{width:85%}
.dataVis .metricCard:nth-child(3) .progressBar .fill{width:88%}
@media (max-width: 640px) {
.dataVis{padding-bottom:70px}
.dataVis h3{font-size:28px;margin-bottom:36px}
.dataVis .metricsGrid{grid-template-columns:1fr}
.dataVis .metricCard{padding:28px 22px}
}
.approachSec{padding:95px 20px;background:linear-gradient(223deg,#262F48 0%,#DDF3FF 100%);position:relative;overflow:hidden}
.approachSec::after{content:'';position:absolute;bottom:-80px;left:-80px;width:340px;height:340px;background:radial-gradient(circle,#fac06340 0%,transparent 70%);pointer-events:none}
.approachSec .innerBox{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.approachSec h2{font-size:42px;line-height:1.2;color:#fff;margin:0 0 22px;font-weight:700;text-align:center}
.approachSec .intro{font-size:20px;line-height:1.6;color:#DDF3FF;text-align:center;max-width:780px;margin:0 auto 56px}
.approachSec .visualFlow{display:flex;flex-direction:column;gap:32px}
.approachSec .flowItem{display:grid;grid-template-columns:140px 1fr;gap:32px;align-items:center;background:#ffffff1a;padding:32px;border-radius:12px;backdrop-filter:blur(10px);border:2px solid #fac0634d}
.approachSec .flowItem .numBox{width:90px;height:90px;background:linear-gradient(135deg,#FAC063 0%,#fff 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#262F48;box-shadow:4px 4px 12px #00000026}
.approachSec .flowItem .txtArea h4{font-size:23px;line-height:1.3;color:#fff;margin:0 0 14px;font-weight:700}
.approachSec .flowItem .txtArea p{font-size:17px;line-height:1.6;color:#DDF3FF;margin:0}
.approachSec .ctaBox{text-align:center;margin-top:52px}
.approachSec .ctaBox .btn{display:inline-block;padding:18px 42px;background:#FAC063;color:#262F48;font-size:18px;font-weight:700;text-decoration:none;border-radius:10px;box-shadow:6px 6px 0 #00000026;transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:10}
.approachSec .ctaBox .btn:hover{transform:translate(-2px,-2px);box-shadow:8px 8px 0 #0003}
@media (max-width: 1024px) {
.approachSec .flowItem{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media (max-width: 640px) {
.approachSec{padding:70px 20px}
.approachSec h2{font-size:32px}
.approachSec .intro{font-size:18px;margin-bottom:40px}
.approachSec .flowItem{padding:24px}
.approachSec .flowItem .numBox{width:70px;height:70px;font-size:28px}
.approachSec .flowItem .txtArea h4{font-size:20px}
.approachSec .ctaBox .btn{padding:16px 36px;font-size:17px}
}
.blogMain{width:100%;max-width:1320px;margin:0 auto;padding:60px 20px}
.blogHero{text-align:center;margin-bottom:80px;padding:40px 20px;background:linear-gradient(135deg,#DDF3FF 0%,#FAC063 100%);border-radius:12px}
.blogHero h1{font-size:48px;color:#262F48;margin:0 0 20px;font-weight:700}
.blogHero p{font-size:20px;color:#262F48;margin:0;opacity:.85;max-width:700px;margin:0 auto}
.catSection{margin-bottom:90px}
.catHeader{display:flex;align-items:center;margin-bottom:35px;padding-bottom:20px;border-bottom:3px solid #FAC063}
.catHeader h2{font-size:32px;color:#262F48;margin:0;font-weight:600;position:relative}
.catHeader h2::before{content:'';position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#FAC063;border-radius:50%}
.postGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:30px}
.postCard{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 4px 6px #262f4814;transition:all .3s ease;border:2px solid transparent}
.postCard:hover{transform:translateY(-6px);box-shadow:0 8px 16px #262f4826;border-color:#FAC063}
.postImgBox{width:100%;height:240px;background:linear-gradient(135deg,#262F48 0%,#FAC063 100%);position:relative;overflow:hidden}
.postImgBox img{width:100%;height:100%;object-fit:cover}
.postContent{padding:25px}
.postContent h3{font-size:22px;color:#262F48;margin:0 0 15px;font-weight:600;line-height:1.4}
.postContent a{display:inline-flex;align-items:center;color:#FAC063;text-decoration:none;font-weight:600;font-size:16px;transition:all .3s ease}
.postContent a::after{content:'→';margin-left:8px;transition:transform .3s ease}
.postContent a:hover{color:#262F48}
.postContent a:hover::after{transform:translateX(4px)}
.eventCard{background:linear-gradient(135deg,#DDF3FF 0%,#fac06333 100%);border-radius:10px;padding:25px;box-shadow:0 3px 8px #262f481a;transition:all .3s ease;border-left:4px solid #FAC063}
.eventCard:hover{transform:translateX(6px);box-shadow:0 6px 14px #262f4826}
.eventCard h3{font-size:20px;color:#262F48;margin:0 0 12px;font-weight:600}
.eventCard a{display:inline-flex;align-items:center;color:#262F48;text-decoration:none;font-weight:600;font-size:15px;transition:color .3s ease}
.eventCard a::before{content:'▸';margin-right:8px;color:#FAC063;font-size:18px}
.eventCard a:hover{color:#FAC063}
.aboutAuthorSection{background:linear-gradient(45deg,#262F48 0%,#FAC063 100%);border-radius:12px;padding:60px 40px;margin-top:90px;text-align:center;color:#fff;position:relative;overflow:hidden}
.aboutAuthorSection::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ddf3ff1a 0%,transparent 70%);animation:rotateGradient 20s linear infinite}
@keyframes rotateGradient {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.aboutAuthorSection h2{font-size:36px;margin:0 0 20px;font-weight:700;position:relative;z-index:1}
.aboutAuthorSection p{font-size:18px;margin:0 0 30px;opacity:.95;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:1}
.aboutBtn{display:inline-block;padding:16px 40px;background:#fff;color:#262F48;text-decoration:none;border-radius:8px;font-weight:700;font-size:17px;transition:all .3s ease;box-shadow:0 4px 12px #0003;position:relative;z-index:1}
.aboutBtn:hover{transform:scale(1.05);box-shadow:0 6px 20px #0000004d;background:#DDF3FF}
.newsletterSection{background:#DDF3FF;border-radius:12px;padding:50px 40px;margin-top:70px;text-align:center}
.newsletterSection h2{font-size:32px;color:#262F48;margin:0 0 15px;font-weight:700}
.newsletterSection p{font-size:18px;color:#262F48;margin:0 0 30px;opacity:.85}
.newsletterForm{display:flex;gap:15px;max-width:600px;margin:0 auto;flex-wrap:wrap;justify-content:center}
.newsletterForm input{flex:1;min-width:280px;padding:16px 20px;border:2px solid #262F48;border-radius:8px;font-size:16px;outline:none;transition:all .3s ease}
.newsletterForm input:focus{border-color:#FAC063;box-shadow:0 0 0 3px #fac06333}
.newsletterForm button{padding:16px 35px;background:#262F48;color:#fff;border:none;border-radius:8px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 3px 8px #262f484d}
.newsletterForm button:hover{background:#FAC063;color:#262F48;transform:translateY(-2px);box-shadow:0 5px 14px #262f4866}
@media (max-width: 1024px) {
.blogHero h1{font-size:38px}
.catHeader h2{font-size:28px}
.postGrid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}
}
@media (max-width: 640px) {
.blogMain{padding:40px 15px}
.blogHero{margin-bottom:60px;padding:30px 15px}
.blogHero h1{font-size:32px}
.blogHero p{font-size:17px}
.catSection{margin-bottom:60px}
.catHeader h2{font-size:24px}
.catHeader h2::before{left:-20px}
.postGrid{grid-template-columns:1fr;gap:20px}
.aboutAuthorSection{padding:40px 20px;margin-top:60px}
.aboutAuthorSection h2{font-size:28px}
.aboutAuthorSection p{font-size:16px}
.newsletterSection{padding:35px 20px;margin-top:50px}
.newsletterSection h2{font-size:26px}
.newsletterForm{flex-direction:column;align-items:stretch}
.newsletterForm input{min-width:100%}
.newsletterForm button{width:100%}
}
.heroWrap{background:linear-gradient(128deg,#DDF3FF 0%,#FAC063 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#262f4814 0%,transparent 70%);border-radius:50%;animation:floatAnim 8s ease-in-out infinite}
@keyframes floatAnim {
0%,100%{transform:translateY(0px) rotate(0deg)}
50%{transform:translateY(-30px) rotate(5deg)}
}
.heroInner{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.heroInner .topHead{font-size:52px;color:#262F48;margin:0 0 20px;font-weight:700;line-height:1.2}
.heroInner .descTxt{font-size:20px;color:#262F48;margin:0 0 35px;max-width:680px;line-height:1.6;opacity:.9}
.heroInner .btnRow{display:flex;gap:16px;flex-wrap:wrap}
.heroInner .btnRow .primBtn{background:#262F48;color:#fff;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #262f4840;border:none;cursor:pointer}
.heroInner .btnRow .primBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #262f4859;background:#1a2236}
.heroInner .btnRow .secBtn{background:transparent;color:#262F48;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #262F48;transition:all .3s ease;cursor:pointer}
.heroInner .btnRow .secBtn:hover{background:#262F48;color:#fff;transform:translateY(-2px)}
.offerHolder{padding:90px 20px;background:#fff}
.offerHolder .centerWrap{max-width:1320px;margin:0 auto}
.offerHolder .gridBox{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:50px}
.offerHolder .sectionLabel{font-size:16px;color:#FAC063;font-weight:600;margin:0 0 12px;letter-spacing:1.5px;text-transform:uppercase}
.offerHolder .bigHead{font-size:42px;color:#262F48;margin:0 0 18px;font-weight:700;line-height:1.3}
.offerHolder .introPara{font-size:19px;color:#262F48;margin:0;opacity:.85;line-height:1.7;max-width:780px}
.offerHolder .serviceBox{background:linear-gradient(135deg,#DDF3FF 0%,#fff 100%);padding:36px 28px;border-radius:14px;border:2px solid transparent;transition:all .4s ease;position:relative;overflow:hidden}
.offerHolder .serviceBox::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#FAC063;transform:scaleY(0);transition:transform .4s ease}
.offerHolder .serviceBox:hover::before{transform:scaleY(1)}
.offerHolder .serviceBox:hover{border-color:#FAC063;transform:translateY(-6px);box-shadow:0 8px 24px #fac06333}
.offerHolder .serviceBox .iconShape{width:56px;height:56px;background:#FAC063;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.offerHolder .serviceBox .iconShape svg{width:28px;height:28px;fill:#262F48}
.offerHolder .serviceBox .cardTitle{font-size:24px;color:#262F48;margin:0 0 14px;font-weight:700}
.offerHolder .serviceBox .cardDesc{font-size:16px;color:#262F48;margin:0;line-height:1.6;opacity:.8}
.processSection{padding:90px 20px;background:#262F48;position:relative;overflow:hidden}
.processSection::after{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#fac0631f 0%,transparent 70%);border-radius:50%}
.processSection .contentArea{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.processSection .headingTxt{font-size:40px;color:#fff;margin:0 0 60px;font-weight:700;text-align:center}
.processSection .stepGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.processSection .stepItem{position:relative}
.processSection .stepItem::before{content:'';position:absolute;top:30px;right:-16px;width:32px;height:2px;background:linear-gradient(90deg,#FAC063 0%,transparent 100%)}
.processSection .stepItem:last-child::before{display:none}
.processSection .stepItem .numBadge{width:60px;height:60px;background:linear-gradient(135deg,#FAC063 0%,#DDF3FF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#262F48;margin-bottom:24px}
.processSection .stepItem .stepName{font-size:22px;color:#fff;margin:0 0 12px;font-weight:600}
.processSection .stepItem .stepText{font-size:15px;color:#DDF3FF;margin:0;line-height:1.6;opacity:.9}
.ctaZone{padding:100px 20px;background:linear-gradient(225deg,#FAC063 0%,#DDF3FF 100%);text-align:center}
.ctaZone .wrapBox{max-width:1320px;margin:0 auto}
.ctaZone .mainHeading{font-size:46px;color:#262F48;margin:0 0 22px;font-weight:700;line-height:1.2}
.ctaZone .supportText{font-size:21px;color:#262F48;margin:0 0 40px;line-height:1.6;opacity:.9;max-width:720px;margin-left:auto;margin-right:auto}
.ctaZone .actionBtn{background:#262F48;color:#fff;padding:18px 42px;border-radius:12px;text-decoration:none;font-size:18px;font-weight:600;display:inline-block;transition:all .3s ease;box-shadow:0 6px 16px #262f484d;border:none;cursor:pointer}
.ctaZone .actionBtn:hover{transform:translateY(-3px);box-shadow:0 8px 20px #262f4866;background:#1a2236}
@media (max-width: 1024px) {
.offerHolder .gridBox{grid-template-columns:repeat(2,1fr)}
.processSection .stepGrid{grid-template-columns:repeat(2,1fr)}
.processSection .stepItem::before{display:none}
.heroInner .topHead{font-size:42px}
}
@media (max-width: 640px) {
.heroInner .topHead{font-size:34px}
.heroInner .descTxt{font-size:17px}
.heroInner .btnRow{flex-direction:column}
.heroInner .btnRow .primBtn,.heroInner .btnRow .secBtn{width:100%;text-align:center}
.offerHolder .gridBox{grid-template-columns:1fr}
.offerHolder .bigHead{font-size:32px}
.processSection .stepGrid{grid-template-columns:1fr}
.ctaZone .mainHeading{font-size:34px}
.ctaZone .supportText{font-size:18px}
.heroWrap{padding:60px 20px}
.offerHolder,.processSection,.ctaZone{padding:60px 20px}
}
.podHero{background:linear-gradient(157deg,#DDF3FF 0%,#FAC063 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.podHero::before{content:'';position:absolute;width:400px;height:400px;background:#262f480d;border-radius:50%;top:-150px;right:-100px}
.podWrap{max-width:1320px;margin:0 auto;position:relative}
.podHero .titleArea{max-width:680px;margin:0 auto;text-align:center}
.podHero .titleArea h1{font-size:52px;line-height:1.2;color:#262F48;margin:0 0 24px;font-weight:700}
.podHero .titleArea h1 span{display:block;margin-top:8px}
.podHero .desc{font-size:19px;line-height:1.6;color:#262F48;margin:0 0 36px;opacity:.85}
.podHero .btnRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.podHero .btnPrimary{background:#262F48;color:#fff;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #262f4833}
.podHero .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 16px #262f484d}
.podHero .btnSecond{background:transparent;color:#262F48;padding:16px 32px;border-radius:12px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #262F48;transition:all .3s ease}
.podHero .btnSecond:hover{background:#262F48;color:#fff}
.episodesGrid{padding:100px 20px;background:#fff}
.episodesGrid .sectionH{text-align:left;max-width:1320px;margin:0 auto 50px}
.episodesGrid .sectionH h2{font-size:38px;color:#262F48;margin:0 0 16px;font-weight:700}
.episodesGrid .sectionH p{font-size:18px;color:#262F48;opacity:.7;margin:0;line-height:1.5}
.epGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:32px;max-width:1320px;margin:0 auto}
.epCard{background:linear-gradient(135deg,#FAC063 0%,#DDF3FF 100%);border-radius:14px;padding:32px;transition:all .3s ease;box-shadow:0 3px 8px #00000014;position:relative}
.epCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #0000001f}
.epCard .epNum{font-size:14px;font-weight:700;color:#262F48;opacity:.6;margin:0 0 12px;text-transform:uppercase;letter-spacing:1px}
.epCard h3{font-size:24px;color:#262F48;margin:0 0 16px;font-weight:700;line-height:1.3}
.epCard .epDesc{font-size:16px;line-height:1.6;color:#262F48;margin:0 0 20px;opacity:.8}
.epCard .epTime{font-size:15px;color:#262F48;opacity:.7;font-weight:600}
.aboutShow{background:#262F48;padding:90px 20px;position:relative}
.aboutShow::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#FAC063 0%,#DDF3FF 50%,#FAC063 100%)}
.aboutContent{max-width:900px;margin:0 auto;text-align:center}
.aboutContent h2{font-size:42px;color:#DDF3FF;margin:0 0 28px;font-weight:700}
.aboutContent .introPara{font-size:20px;line-height:1.7;color:#DDF3FF;margin:0 0 24px}
.aboutContent .details{font-size:17px;line-height:1.8;color:#DDF3FF;opacity:.85;margin:0}
.platformsSec{padding:90px 20px;background:linear-gradient(225deg,#DDF3FF 0%,#fff 100%)}
.platformsHolder{max-width:1100px;margin:0 auto}
.platformsSec h2{font-size:36px;color:#262F48;text-align:center;margin:0 0 50px;font-weight:700}
.platformList{display:flex;flex-direction:row;gap:24px;flex-wrap:wrap;justify-content:center}
.platItem{background:#fff;border-radius:12px;padding:28px 40px;min-width:200px;text-align:center;box-shadow:0 4px 10px #0000000f;transition:all .3s ease;border:2px solid transparent}
.platItem:hover{border-color:#FAC063;box-shadow:0 6px 16px #fac0634d}
.platItem .platIcon{width:48px;height:48px;margin:0 auto 16px;background:linear-gradient(135deg,#FAC063,#DDF3FF);border-radius:50%}
.platItem .platName{font-size:18px;color:#262F48;font-weight:700;margin:0 0 8px}
.platItem .platLink{font-size:15px;color:#FAC063;text-decoration:none;font-weight:600;transition:color .3s ease}
.platItem .platLink:hover{color:#262F48}
.subscribeCta{background:linear-gradient(125deg,#FAC063 0%,#262F48 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.subscribeCta::before{content:'';position:absolute;width:300px;height:300px;background:#ddf3ff1a;border-radius:50%;bottom:-100px;left:-80px}
.subscribeCta::after{content:'';position:absolute;width:250px;height:250px;background:#ddf3ff14;border-radius:50%;top:-80px;right:-60px}
.subBox{max-width:700px;margin:0 auto;position:relative;z-index:2}
.subscribeCta h2{font-size:40px;color:#fff;margin:0 0 20px;font-weight:700}
.subscribeCta .subText{font-size:18px;line-height:1.6;color:#DDF3FF;margin:0 0 36px}
.subForm{display:flex;flex-direction:row;gap:12px;max-width:500px;margin:0 auto}
.subForm input{flex:1;padding:16px 20px;border:none;border-radius:10px;font-size:16px;background:#fff;color:#262F48}
.subForm input::placeholder{color:#262f4880}
.subForm button{background:#DDF3FF;color:#262F48;padding:16px 32px;border:none;border-radius:10px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #00000026}
.subForm button:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 14px #0003}
@media (max-width: 1024px) {
.podHero .titleArea h1{font-size:42px}
.epGrid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:24px}
.aboutContent h2{font-size:36px}
}
@media (max-width: 640px) {
.podHero{padding:60px 20px 70px}
.podHero .titleArea h1{font-size:32px}
.podHero .desc{font-size:17px}
.podHero .btnRow{flex-direction:column;align-items:stretch}
.episodesGrid{padding:70px 20px}
.episodesGrid .sectionH h2{font-size:30px}
.epGrid{grid-template-columns:1fr;gap:20px}
.epCard{padding:24px}
.aboutShow{padding:60px 20px}
.aboutContent h2{font-size:28px}
.aboutContent .introPara{font-size:18px}
.platformsSec{padding:60px 20px}
.platformsSec h2{font-size:28px}
.platformList{flex-direction:column}
.subscribeCta{padding:60px 20px}
.subscribeCta h2{font-size:30px}
.subForm{flex-direction:column}
.subForm button{width:100%}
}
.successWrap{max-width:1320px;margin:0 auto;padding:60px 20px}
.titleSplit{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-bottom:100px;position:relative}
.titleSplit::before{content:'';position:absolute;top:-30px;right:15%;width:120px;height:120px;background:linear-gradient(135deg,#FAC063 0%,#DDF3FF 100%);border-radius:50%;opacity:.15;z-index:1}
.titleSplit::after{content:'';position:absolute;bottom:-20px;left:20%;width:80px;height:80px;background:linear-gradient(225deg,#262F48 0%,#FAC063 100%);border-radius:8px;opacity:.1;transform:rotate(12deg);z-index:1}
.txtZone{position:relative;z-index:2}
.mainHeading3{font-size:3.2rem;line-height:1.2;color:#262F48;margin-bottom:24px;font-weight:700}
.mainHeading3 .accent1{position:relative;display:inline-block;color:#FAC063}
.mainHeading3 .accent1::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FAC063 0%,transparent 100%)}
.confirmTxt{font-size:1.1rem;line-height:1.7;color:#4a5568;margin-bottom:18px}
.imgZone{position:relative;z-index:2}
.visualBox{width:100%;aspect-ratio:4/3;background:linear-gradient(158deg,#DDF3FF 0%,#FAC063 100%);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 6px 20px #262f481f}
.visualBox::before{content:'';position:absolute;top:20%;left:20%;width:60%;height:60%;background:radial-gradient(circle,#ffffff4d 0%,transparent 70%);border-radius:50%}
.patternDots{position:absolute;top:15px;right:15px;display:grid;grid-template-columns:repeat(3,8px);gap:12px}
.patternDots span{width:8px;height:8px;background:#262F48;border-radius:50%;opacity:.2}
.nextStepsArea{background:linear-gradient(125deg,#262F48 0%,#3a4563 100%);padding:80px 40px;border-radius:16px;position:relative;overflow:hidden}
.nextStepsArea::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,#fac06326 0%,transparent 70%);border-radius:50%}
.stepsGrid{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:50px;position:relative;z-index:2}
.stepCard7{text-align:center;position:relative}
.stepCard7::before{content:'';position:absolute;top:-15px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,transparent 0%,#FAC063 50%,transparent 100%)}
.iconCircle{width:90px;height:90px;margin:0 auto 24px;background:linear-gradient(135deg,#FAC063 0%,#ffd699 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #fac0634d}
.iconCircle svg{width:42px;height:42px;fill:#262F48}
.stepCard7 h3{font-size:1.4rem;color:#fff;margin-bottom:14px;font-weight:600}
.stepCard7 p{font-size:.95rem;color:#DDF3FF;line-height:1.6;margin-bottom:20px}
.actionBtn{display:inline-block;padding:14px 32px;background:linear-gradient(90deg,#FAC063 0%,#fdb347 100%);color:#262F48;text-decoration:none;border-radius:8px;font-weight:600;font-size:.95rem;transition:all .3s ease;box-shadow:0 4px 12px #fac06340;position:relative;z-index:10}
.actionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #fac06359;background:linear-gradient(90deg,#fdb347 0%,#FAC063 100%)}
.actionBtn:active{transform:translateY(0)}
@media (max-width: 1024px) {
.titleSplit{grid-template-columns:1fr;gap:50px;margin-bottom:70px}
.mainHeading3{font-size:2.6rem}
.stepsGrid{grid-template-columns:1fr;gap:40px}
.nextStepsArea{padding:60px 30px}
}
@media (max-width: 640px) {
.successWrap{padding:40px 16px}
.mainHeading3{font-size:2rem}
.confirmTxt{font-size:1rem}
.titleSplit::before,.titleSplit::after{display:none}
.nextStepsArea{padding:50px 20px;border-radius:12px}
.stepCard7::before{width:40px}
.iconCircle{width:75px;height:75px}
.iconCircle svg{width:36px;height:36px}
.actionBtn{padding:12px 26px;font-size:.9rem}
}