:root{font-size:16px;line-height:1.6}
html{box-sizing:border-box;scroll-behavior:smooth}
*,:before,:after{box-sizing:inherit}
body{margin:0;padding:0;font-family:'Public Sans','Arimo',-apple-system,BlinkMacSystemFont,sans-serif;background:#FEFEFE;color:#1A1A1A;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
button{border:none;background:none;font-family:inherit;cursor:pointer}
.hdrWrap{background:linear-gradient(135deg,#FEFAD0 0%,#FFF 50%,#F8F8FF 100%);border-bottom:1px solid #572fff1a;padding:16px 0}
.hdrWrap .cntWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.hdrGrid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.logoBox{grid-column:1;grid-row:1;display:flex;align-items:center}
.logoBox img{height:95px;width:95px;object-fit:contain;background:#ffffffb3;padding:8px;border-radius:8px;box-shadow:0 2px 6px #572fff1f}
.companyTitle{grid-column:2;grid-row:1;justify-self:end;font-family:'Arimo',sans-serif;font-size:26px;font-weight:700;color:#572FFF;text-align:right;line-height:1.2}
.mainNavWrapper{grid-column:1 / -1;grid-row:2;margin-top:12px}
.mainNav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:8px 28px}
.mainNav > li{position:relative}
.mainNav > li > a{display:block;padding:10px 16px;font-size:16px;font-weight:500;color:#2A2A2A;border-radius:6px;transition:background 0.2s,color .2s}
.mainNav > li > a:hover{background:#572fff14;color:#572FFF}
.mainNav .subNavWrap{position:absolute;top:100%;left:0;background:#FFF;border:1px solid #572fff26;border-radius:6px;box-shadow:0 4px 12px #0000001a;min-width:200px;padding:8px 0;opacity:0;visibility:hidden;transform:translateY(-8px);transition:opacity 0.2s,transform 0.2s,visibility .2s;z-index:100}
.mainNav > li:hover .subNavWrap{opacity:1;visibility:visible;transform:translateY(0)}
.subNavWrap a{display:block;padding:10px 18px;font-size:15px;color:#3A3A3A;transition:background .2s}
.subNavWrap a:hover{background:#c129240f;color:#C12924}
@media (max-width: 1024px) {
.hdrGrid{grid-template-columns:1fr;gap:14px}
.logoBox{grid-column:1;justify-self:center}
.companyTitle{grid-column:1;grid-row:2;justify-self:center;text-align:center;font-size:22px}
.mainNavWrapper{grid-row:3}
.mainNav{flex-direction:column;gap:4px}
.mainNav > li > a{text-align:center}
}
@media (max-width: 640px) {
.logoBox img{height:75px;width:75px}
.companyTitle{font-size:19px}
.mainNav > li > a{font-size:15px;padding:9px 14px}
}
.ftrBlock{background:linear-gradient(180deg,#F7F7FA 0%,#FEFAD0 100%);border-top:1px solid #572fff1a;box-shadow:0 -3px 8px #0000000a;padding:48px 20px 32px;margin-top:80px}
.ftrBlock .cntWrap{max-width:1320px;margin:0 auto}
.ftrInner{display:grid;grid-template-columns:1fr 1fr;gap:32px 48px;margin-bottom:32px}
.ftrContact h3{font-family:'Arimo',sans-serif;font-size:20px;font-weight:700;color:#572FFF;margin:0 0 16px}
.ftrContact p{margin:8px 0;font-size:15px;color:#3A3A3A;line-height:1.6}
.ftrContact a{color:#C12924;transition:opacity .2s}
.ftrContact a:hover{opacity:.7}
.ftrNavSection h3{font-family:'Arimo',sans-serif;font-size:20px;font-weight:700;color:#572FFF;margin:0 0 16px}
.ftrNav{display:flex;flex-direction:column;gap:10px}
.ftrNav a{font-size:15px;color:#3A3A3A;padding:6px 0;border-bottom:1px solid transparent;transition:border-color .2s}
.ftrNav a:hover{border-bottom-color:#C12924}
.ftrCopyright{text-align:center;padding-top:24px;border-top:1px solid #572fff1f;font-size:14px;color:#5A5A5A}
@media (max-width: 640px) {
.ftrInner{grid-template-columns:1fr;gap:28px}
.ftrBlock{padding:36px 20px 24px;margin-top:60px}
}
.cookiePop{position:fixed;bottom:20px;right:20px;width:340px;background:#FFF;border:2px solid #572FFF;border-radius:8px;padding:24px;box-shadow:0 6px 20px #00000026;z-index:9999;transform:translateX(400px);transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiePop.show{transform:translateX(0)}
.cookiePop h4{font-family:'Arimo',sans-serif;font-size:18px;font-weight:700;color:#572FFF;margin:0 0 12px}
.cookiePop p{font-size:14px;color:#3A3A3A;line-height:1.5;margin:0 0 16px}
.cookieOpts{margin-bottom:16px}
.cookieOpts label{display:flex;align-items:center;margin-bottom:8px;font-size:14px;color:#2A2A2A;cursor:pointer}
.cookieOpts input[type="checkbox"]{margin-right:8px;cursor:pointer}
.cookieBtns{display:flex;gap:10px}
.cookieBtns button{flex:1;padding:10px;font-size:14px;font-weight:500;border-radius:6px;transition:opacity .2s;cursor:pointer}
.cookieBtns .acceptBtn{background:#572FFF;color:#FFF}
.cookieBtns .acceptBtn:hover{opacity:.85}
.cookieBtns .denyBtn{background:#E5E5E5;color:#2A2A2A}
.cookieBtns .denyBtn:hover{opacity:.85}
@media (max-width: 640px) {
.cookiePop{width:calc(100% - 40px);right:20px;bottom:20px}
}
.text-policy{max-width:1320px;margin:0 auto;padding:80px 20px;background:#fff}
.text-policy strong,.text-policy b{font-weight:700;color:#1a1a1a}
.text-policy em,.text-policy i{font-style:italic;color:#2d2d2d}
.text-policy a{color:#572FFF;text-decoration:none;border-bottom:2px solid transparent;transition:border-color .3s ease,color .3s ease;font-weight:500}
.text-policy a:hover{color:#C12924;border-bottom-color:#C12924}
.text-policy a:focus{outline:3px solid #572FFF;outline-offset:2px;border-radius:4px}
.text-policy table{width:100%;border-collapse:separate;border-spacing:0;margin:40px 0;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #572fff14}
.text-policy thead{background:linear-gradient(135deg,#572FFF 0%,#7851ff 100%)}
.text-policy thead tr th{color:#fff;font-weight:600;text-align:left;padding:20px 24px;font-size:16px;letter-spacing:.3px}
.text-policy tbody tr{background:#fff;transition:background-color .2s ease}
.text-policy tbody tr:nth-child(odd){background:#fafafa}
.text-policy tbody tr:hover{background:#f5f3ff}
.text-policy tbody tr td{padding:18px 24px;border-bottom:1px solid #e8e8e8;color:#333;font-size:15px;line-height:1.7}
.text-policy tbody tr:last-child td{border-bottom:none}
.text-policy th{font-weight:600}
.text-policy td{vertical-align:top}
.text-policy hr{border:none;height:3px;background:linear-gradient(90deg,#572FFF 0%,#C12924 50%,#FEFAD0 100%);margin:60px 0;border-radius:4px;box-shadow:0 2px 6px #572fff26}
.text-policy div{margin:24px 0;line-height:1.8;color:#333}
.text-policy div + div{margin-top:20px}
@media (max-width: 1024px) {
.text-policy{padding:60px 20px}
.text-policy table{font-size:14px}
.text-policy thead tr th,.text-policy tbody tr td{padding:16px 20px}
}
@media (max-width: 640px) {
.text-policy{padding:40px 16px}
.text-policy table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:30px -16px;width:calc(100% + 32px);border-radius:0}
.text-policy thead tr th,.text-policy tbody tr td{padding:14px 16px;font-size:14px;white-space:nowrap}
.text-policy hr{margin:40px 0}
.text-policy a{word-break:break-word}
}
.titleBlk{position:relative;overflow:hidden;background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);padding:80px 20px 120px;margin-bottom:0}
.titleBlk .wrapContent{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.titleBlk .txtZone{flex:1;color:#FFF}
.titleBlk .txtZone h1{font-size:48px;line-height:1.2;margin:0 0 24px;font-weight:700}
.titleBlk .txtZone .desc{font-size:18px;line-height:1.7;margin:0;opacity:.95}
.titleBlk .imgZone{flex:0 0 420px;position:relative}
.titleBlk .imgZone img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 12px 40px #0000004d;filter:brightness(0.95) contrast(1.05)}
.titleBlk .layerDepth{position:absolute;top:-30px;right:-30px;width:100%;height:100%;background:#fefad026;border-radius:8px;z-index:-1}
.titleBlk .waveDivide{position:absolute;bottom:0;left:0;width:100%;overflow:hidden;line-height:0;z-index:1}
.titleBlk .waveDivide svg{position:relative;display:block;width:calc(100% + 1.3px);height:60px}
.titleBlk .waveDivide .shapeFL{fill:#FFF}
.crsBlk{background:#FFF;padding:80px 20px}
.crsBlk .centralWrap{max-width:1320px;margin:0 auto}
.crsBlk .hdngArea{text-align:center;margin-bottom:60px}
.crsBlk .hdngArea h2{font-size:38px;line-height:1.3;color:#572FFF;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.crsBlk .hdngArea h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#C12924,#FEFAD0);border-radius:4px}
.crsBlk .hdngArea .subTxt{font-size:17px;line-height:1.6;color:#333;margin:24px 0 0;max-width:720px;margin-left:auto;margin-right:auto}
.crsBlk .gridCrs{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:60px}
.crsBlk .crdItem{background:#FFF;border:2px solid #FEFAD0;border-radius:10px;padding:32px;transition:all .3s ease;position:relative;box-shadow:0 4px 12px #572fff14}
.crsBlk .crdItem:hover{transform:translateY(-6px);box-shadow:0 8px 24px #572fff2e;border-color:#572FFF}
.crsBlk .crdItem .crsLabel{display:inline-block;background:linear-gradient(135deg,#572FFF,#C12924);color:#FFF;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.crsBlk .crdItem h3{font-size:24px;line-height:1.4;color:#333;margin:0 0 14px;font-weight:700}
.crsBlk .crdItem .crsDsc{font-size:15px;line-height:1.7;color:#555;margin:0 0 20px}
.crsBlk .crdItem .metaRow{display:flex;gap:24px;margin-bottom:20px;flex-wrap:wrap}
.crsBlk .crdItem .metaItm{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}
.crsBlk .crdItem .metaItm svg{width:18px;height:18px;fill:#C12924}
.crsBlk .crdItem .priceRow{display:flex;align-items:center;justify-content:space-between;padding-top:20px;border-top:1px solid #FEFAD0}
.crsBlk .crdItem .priceAmt{font-size:28px;font-weight:700;color:#572FFF}
.crsBlk .crdItem .btnEnrl{background:linear-gradient(135deg,#572FFF,#C12924);color:#FFF;padding:12px 28px;border:none;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 10px #572fff40;z-index:10;position:relative}
.crsBlk .crdItem .btnEnrl:hover{transform:scale(1.05);box-shadow:0 6px 16px #572fff59}
.crsBlk .crdItem .btnEnrl:active{transform:scale(0.98)}
.crsBlk .featProf{background:linear-gradient(135deg,#572fff0d,#c129240d);border-radius:10px;padding:48px 40px;margin-top:60px;display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:center}
.crsBlk .featProf .profImg{position:relative}
.crsBlk .featProf .profImg img{width:180px;height:180px;object-fit:cover;border-radius:50%;border:4px solid #FEFAD0;box-shadow:0 6px 20px #00000026}
.crsBlk .featProf .profImg::before{content:'';position:absolute;top:-8px;left:-8px;width:calc(100% + 16px);height:calc(100% + 16px);border:2px solid #572FFF;border-radius:50%;opacity:.4}
.crsBlk .featProf .profTxt h3{font-size:26px;line-height:1.3;color:#572FFF;margin:0 0 8px;font-weight:700}
.crsBlk .featProf .profTxt .titleInst{font-size:16px;color:#C12924;font-weight:600;margin:0 0 16px}
.crsBlk .featProf .profTxt .bioTxt{font-size:15px;line-height:1.7;color:#444;margin:0 0 20px}
.crsBlk .featProf .profTxt .expList{display:flex;gap:28px;flex-wrap:wrap}
.crsBlk .featProf .profTxt .expItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#666}
.crsBlk .featProf .profTxt .expItem svg{width:20px;height:20px;fill:#C12924}
.crsBlk .testSec{margin-top:80px;background:#FEFAD0;border-radius:10px;padding:48px;position:relative;overflow:hidden}
.crsBlk .testSec::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#572FFF,#C12924)}
.crsBlk .testSec h3{font-size:28px;line-height:1.3;color:#572FFF;margin:0 0 32px;font-weight:700}
.crsBlk .testSec .testGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.crsBlk .testSec .testCard{background:#FFF;border-radius:8px;padding:28px;box-shadow:0 3px 10px #00000014;transition:all .3s ease}
.crsBlk .testSec .testCard:hover{transform:translateY(-4px);box-shadow:0 6px 18px #0000001f}
.crsBlk .testSec .testCard .profRow{display:flex;align-items:center;gap:16px;margin-bottom:16px}
.crsBlk .testSec .testCard .profRow img{width:60px;height:60px;object-fit:cover;border-radius:50%;border:2px solid #572FFF}
.crsBlk .testSec .testCard .profRow .nameZone h4{font-size:17px;color:#333;margin:0 0 4px;font-weight:700}
.crsBlk .testSec .testCard .profRow .nameZone .roleTxt{font-size:13px;color:#666}
.crsBlk .testSec .testCard .quoteTxt{font-size:14px;line-height:1.7;color:#444;margin:0;font-style:italic}
@media (max-width: 1024px) {
.titleBlk .wrapContent{flex-direction:column;gap:40px}
.titleBlk .imgZone{flex:0 0 auto;width:100%;max-width:500px}
.titleBlk .txtZone h1{font-size:38px}
.crsBlk .gridCrs{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.crsBlk .featProf{grid-template-columns:1fr;text-align:center;justify-items:center}
}
@media (max-width: 640px) {
.titleBlk{padding:60px 20px 100px}
.titleBlk .txtZone h1{font-size:32px}
.titleBlk .txtZone .desc{font-size:16px}
.titleBlk .imgZone{max-width:100%}
.titleBlk .imgZone img{height:280px}
.crsBlk{padding:60px 20px}
.crsBlk .hdngArea h2{font-size:30px}
.crsBlk .gridCrs{grid-template-columns:1fr;gap:24px}
.crsBlk .crdItem{padding:24px}
.crsBlk .crdItem .priceRow{flex-direction:column;gap:16px;align-items:flex-start}
.crsBlk .featProf{padding:32px 24px}
.crsBlk .testSec{padding:32px 24px}
.crsBlk .testSec .testGrid{grid-template-columns:1fr;gap:24px}
}
.heroSection{background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);padding:100px 20px 80px;position:relative;overflow:hidden}
.heroSection::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#fefad026,transparent);border-radius:50%;top:-100px;right:-100px;animation:floatOne 8s ease-in-out infinite}
.heroSection::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#fefad01a,transparent);border-radius:50%;bottom:-80px;left:-80px;animation:floatTwo 10s ease-in-out infinite}
@keyframes floatOne {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-30px,30px)}
}
@keyframes floatTwo {
0%,100%{transform:translate(0,0)}
50%{transform:translate(40px,-20px)}
}
.heroSection .contentContainer{max-width:1320px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.heroSection .textArea{flex:1}
.heroSection .manifestoTitle{font-size:48px;color:#FEFAD0;margin:0 0 20px;font-weight:700;line-height:1.2}
.heroSection .manifestoText{font-size:18px;color:#fefad0f2;line-height:1.6;margin:0 0 16px}
.heroSection .imageArea{flex:1;position:relative}
.heroSection .animatedImage{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 40px #0000004d;animation:gentlePulse 6s ease-in-out infinite}
@keyframes gentlePulse {
0%,100%{transform:scale(1)}
50%{transform:scale(1.02)}
}
.heroSection .actionButton{display:inline-block;padding:14px 32px;background:#FEFAD0;color:#572FFF;text-decoration:none;border-radius:6px;font-weight:600;font-size:16px;margin-top:20px;box-shadow:0 4px 12px #0003;transition:all .3s ease}
.heroSection .actionButton:hover{background:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}
.communityWrapper{max-width:1320px;margin:0 auto;padding:90px 20px}
.communityWrapper .sectionHeading{font-size:38px;color:#572FFF;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.communityWrapper .sectionHeading::after{content:'';position:absolute;bottom:-6px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#C12924,transparent);border-radius:4px}
.communityWrapper .introText{font-size:17px;color:#333;line-height:1.7;margin:0 0 50px;max-width:800px}
.communityWrapper .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.communityWrapper .featureCard{background:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 12px #572fff1a;transition:all .3s ease;border:2px solid transparent}
.communityWrapper .featureCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #572fff26;border-color:#572FFF}
.communityWrapper .featureCard .iconShape{width:56px;height:56px;background:linear-gradient(135deg,#572FFF,#C12924);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.communityWrapper .featureCard .iconShape svg{width:28px;height:28px;fill:#FEFAD0}
.communityWrapper .featureCard .cardTitle{font-size:22px;color:#572FFF;margin:0 0 12px;font-weight:600}
.communityWrapper .featureCard .cardDescription{font-size:16px;color:#555;line-height:1.6;margin:0}
.transparencySection{background:linear-gradient(180deg,#FEFAD0 0%,#fefad04d 100%);padding:80px 20px}
.transparencySection .innerContent{max-width:1320px;margin:0 auto;display:flex;gap:70px;align-items:center}
.transparencySection .visualPart{flex:1}
.transparencySection .challengeImage{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 20px #c1292433}
.transparencySection .textPart{flex:1}
.transparencySection .mainTitle{font-size:36px;color:#C12924;margin:0 0 24px;font-weight:700;position:relative}
.transparencySection .mainTitle::before{content:'';position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:6px;height:80%;background:#572FFF;border-radius:4px}
.transparencySection .descriptionBlock{font-size:17px;color:#444;line-height:1.7;margin:0 0 20px}
.transparencySection .honestList{list-style:none;padding:0;margin:24px 0 0}
.transparencySection .honestList li{font-size:16px;color:#555;padding:10px 0 10px 36px;position:relative;line-height:1.6}
.transparencySection .honestList li::before{content:'';position:absolute;left:0;top:16px;width:20px;height:20px;background:#572FFF;border-radius:50%;box-shadow:0 2px 6px #572fff4d}
.outcomesArea{max-width:1320px;margin:0 auto;padding:90px 20px}
.outcomesArea .titleRow{text-align:center;margin-bottom:60px}
.outcomesArea .bigHeading{font-size:40px;color:#572FFF;margin:0 0 18px;font-weight:700}
.outcomesArea .subText{font-size:18px;color:#666;margin:0;max-width:700px;margin-left:auto;margin-right:auto;line-height:1.6}
.outcomesArea .statsDisplay{display:flex;gap:40px;justify-content:center;flex-wrap:wrap}
.outcomesArea .statBox{background:#fff;padding:40px 50px;border-radius:10px;box-shadow:0 6px 18px #00000014;text-align:center;min-width:260px;position:relative;overflow:hidden}
.outcomesArea .statBox::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#572FFF,#C12924)}
.outcomesArea .statBox .numberValue{font-size:52px;color:#C12924;font-weight:700;margin:0 0 10px;line-height:1}
.outcomesArea .statBox .labelText{font-size:16px;color:#555;margin:0;font-weight:600}
.outcomesArea .statBox .detailInfo{font-size:14px;color:#777;margin:8px 0 0;line-height:1.5}
.developmentPath{background:linear-gradient(135deg,#572fff0d,#c129240d);padding:80px 20px}
.developmentPath .pathContainer{max-width:1320px;margin:0 auto}
.developmentPath .pathHeading{font-size:38px;color:#572FFF;margin:0 0 50px;font-weight:700;text-align:center}
.developmentPath .journeyMap{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.developmentPath .journeyMap::before{content:'';position:absolute;top:40px;left:12%;right:12%;height:3px;background:linear-gradient(90deg,#572FFF,#C12924);z-index:0}
.developmentPath .stageCard{background:#fff;padding:28px 24px;border-radius:8px;box-shadow:0 4px 14px #00000014;position:relative;z-index:1;transition:all .3s ease}
.developmentPath .stageCard:hover{transform:scale(1.05);box-shadow:0 8px 24px #572fff33}
.developmentPath .stageCard .stageNumber{width:48px;height:48px;background:linear-gradient(135deg,#572FFF,#C12924);color:#FEFAD0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;margin:0 auto 16px;box-shadow:0 4px 10px #572fff4d}
.developmentPath .stageCard .stageName{font-size:20px;color:#572FFF;margin:0 0 10px;font-weight:600;text-align:center}
.developmentPath .stageCard .stageDetails{font-size:15px;color:#666;line-height:1.6;margin:0;text-align:center}
.proofBlock{max-width:1320px;margin:0 auto;padding:90px 20px}
.proofBlock .proofHeader{font-size:36px;color:#C12924;margin:0 0 60px;font-weight:700;text-align:center}
.proofBlock .splitLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.proofBlock .testimonyCard{background:#fff;padding:36px;border-radius:10px;box-shadow:0 6px 20px #0000001a;position:relative}
.proofBlock .testimonyCard::before{content:'"';position:absolute;top:20px;left:20px;font-size:80px;color:#572fff1a;font-family:serif;line-height:1}
.proofBlock .testimonyCard .profileRow{display:flex;gap:20px;align-items:center;margin-bottom:24px;position:relative;z-index:1}
.proofBlock .testimonyCard .avatarImg{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #572FFF;box-shadow:0 4px 10px #572fff33}
.proofBlock .testimonyCard .personInfo .personName{font-size:20px;color:#572FFF;margin:0 0 4px;font-weight:600}
.proofBlock .testimonyCard .personInfo .personRole{font-size:14px;color:#888;margin:0}
.proofBlock .testimonyCard .testimonyText{font-size:16px;color:#555;line-height:1.7;margin:0;position:relative;z-index:1}
.proofBlock .resultsPanel{background:linear-gradient(135deg,#572FFF,#C12924);padding:40px;border-radius:10px;color:#fff}
.proofBlock .resultsPanel .panelTitle{font-size:28px;color:#FEFAD0;margin:0 0 30px;font-weight:700}
.proofBlock .resultsPanel .metricRow{display:flex;justify-content:space-between;align-items:center;padding:20px 0;border-bottom:1px solid #fefad033}
.proofBlock .resultsPanel .metricRow:last-child{border-bottom:none}
.proofBlock .resultsPanel .metricRow .metricLabel{font-size:16px;color:#fefad0e6;margin:0}
.proofBlock .resultsPanel .metricRow .metricValue{font-size:32px;color:#FEFAD0;font-weight:700;margin:0}
.proofBlock .caseStudyImage{width:100%;height:auto;border-radius:10px;margin-top:30px;box-shadow:0 6px 20px #00000026}
@media (max-width: 1024px) {
.heroSection .contentContainer{flex-direction:column;gap:40px}
.communityWrapper .gridLayout{grid-template-columns:repeat(2,1fr)}
.transparencySection .innerContent{flex-direction:column;gap:40px}
.outcomesArea .statsDisplay{flex-direction:column;align-items:center}
.developmentPath .journeyMap{grid-template-columns:repeat(2,1fr)}
.developmentPath .journeyMap::before{display:none}
.proofBlock .splitLayout{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 640px) {
.heroSection{padding:60px 20px 50px}
.heroSection .manifestoTitle{font-size:32px}
.heroSection .manifestoText{font-size:16px}
.communityWrapper{padding:60px 20px}
.communityWrapper .sectionHeading{font-size:28px}
.communityWrapper .gridLayout{grid-template-columns:1fr}
.transparencySection{padding:60px 20px}
.transparencySection .mainTitle{font-size:26px}
.transparencySection .mainTitle::before{display:none}
.outcomesArea{padding:60px 20px}
.outcomesArea .bigHeading{font-size:30px}
.outcomesArea .statBox{min-width:100%}
.developmentPath{padding:60px 20px}
.developmentPath .pathHeading{font-size:28px}
.developmentPath .journeyMap{grid-template-columns:1fr}
.proofBlock{padding:60px 20px}
.proofBlock .proofHeader{font-size:28px}
}
.topGrad{background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.topGrad::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fefad026 0%,transparent 70%);animation:floatShape 8s ease-in-out infinite}
.topGrad::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#fefad01a 0%,transparent 70%);animation:floatShape 6s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.heroTextWrap{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.heroTextWrap .mainhead{font-size:48px;color:#FEFAD0;margin:0 0 16px;font-weight:700;line-height:1.2}
.heroTextWrap .subline{font-size:20px;color:#fffffff2;margin:0;line-height:1.6;max-width:680px}
.contactArea{max-width:1320px;margin:-60px auto 0;padding:0 20px 80px;position:relative;z-index:3}
.mainGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:40px;align-items:start}
.infoPanel{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 6px #572fff14}
.infoPanel .sectitle{font-size:28px;color:#572FFF;margin:0 0 24px;font-weight:700}
.contactBlock{margin-bottom:32px}
.contactBlock:last-child{margin-bottom:0}
.contactBlock .label{font-size:14px;color:#666;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.contactBlock .value{font-size:18px;color:#2c2c2c;margin:0;line-height:1.6}
.contactBlock .value a{color:#572FFF;text-decoration:none;transition:color .3s ease}
.contactBlock .value a:hover{color:#C12924}
.formPanel{background:#fff;padding:48px;border-radius:8px;box-shadow:0 4px 6px #572fff14}
.formPanel .formtitle{font-size:32px;color:#2c2c2c;margin:0 0 12px;font-weight:700}
.formPanel .formdesc{font-size:16px;color:#666;margin:0 0 32px;line-height:1.6}
.inputRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.fieldWrap{margin-bottom:20px}
.fieldWrap label{display:block;font-size:14px;color:#2c2c2c;margin-bottom:8px;font-weight:600}
.fieldWrap input[type="text"],.fieldWrap input[type="email"],.fieldWrap input[type="tel"]{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.fieldWrap input[type="text"]:focus,.fieldWrap input[type="email"]:focus,.fieldWrap input[type="tel"]:focus{outline:none;border-color:#572FFF;box-shadow:0 0 0 3px #572fff1a}
.radioGroup{margin-bottom:28px}
.radioGroup .grouplabel{display:block;font-size:14px;color:#2c2c2c;margin-bottom:12px;font-weight:600}
.radioOptions{display:flex;flex-direction:row;gap:24px}
.radioOptions label{display:flex;align-items:center;cursor:pointer;font-size:16px;color:#2c2c2c}
.radioOptions input[type="radio"]{width:20px;height:20px;margin-right:8px;cursor:pointer;accent-color:#572FFF}
.checkboxWrap{margin-bottom:24px;display:flex;align-items:start}
.checkboxWrap input[type="checkbox"]{width:18px;height:18px;margin-right:10px;margin-top:2px;cursor:pointer;accent-color:#572FFF;flex-shrink:0}
.checkboxWrap label{font-size:14px;color:#666;line-height:1.5;cursor:pointer}
.checkboxWrap label a{color:#572FFF;text-decoration:underline}
.checkboxWrap label a:hover{color:#C12924}
.submitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);border:none;border-radius:6px;color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 6px #572fff4d}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 12px #572fff66}
.submitBtn:active{transform:translateY(0)}
.officeHours{background:linear-gradient(135deg,#572fff0d 0%,#c129240d 100%);padding:60px 20px;margin-top:60px}
.hoursContainer{max-width:1320px;margin:0 auto}
.hoursContainer .hourstitle{font-size:32px;color:#572FFF;margin:0 0 32px;font-weight:700;text-align:center}
.hoursGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.hourCard{background:#fff;padding:28px;border-radius:8px;box-shadow:0 2px 4px #00000014;border-left:4px solid #572FFF;transition:transform .3s ease,box-shadow .3s ease}
.hourCard:hover{transform:translateY(-4px);box-shadow:0 6px 12px #572fff26}
.hourCard .cardhead{font-size:20px;color:#2c2c2c;margin:0 0 12px;font-weight:700}
.hourCard .cardtext{font-size:16px;color:#666;margin:0;line-height:1.6}
.supportSection{max-width:1320px;margin:0 auto;padding:80px 20px}
.supportSection .supporthead{font-size:36px;color:#2c2c2c;margin:0 0 16px;font-weight:700;text-align:center}
.supportSection .supportdesc{font-size:18px;color:#666;margin:0 0 48px;line-height:1.6;text-align:center;max-width:720px;margin-left:auto;margin-right:auto}
.methodsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.methodCard{text-align:center;padding:32px 24px;border-radius:8px;background:#fff;border:2px solid transparent;transition:border-color .3s ease,box-shadow .3s ease}
.methodCard:hover{border-color:#572FFF;box-shadow:0 4px 8px #572fff1f}
.methodCard .iconCircle{width:80px;height:80px;margin:0 auto 20px;border-radius:50%;background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);display:flex;align-items:center;justify-content:center}
.methodCard .iconCircle svg{width:40px;height:40px}
.methodCard .methodtitle{font-size:22px;color:#2c2c2c;margin:0 0 12px;font-weight:700}
.methodCard .methodtext{font-size:15px;color:#666;margin:0;line-height:1.6}
@media (max-width: 1024px) {
.topGrad{padding:80px 20px 60px}
.heroTextWrap .mainhead{font-size:38px}
.heroTextWrap .subline{font-size:18px}
.mainGrid{grid-template-columns:1fr;gap:32px}
.methodsGrid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.topGrad{padding:60px 16px 40px}
.heroTextWrap .mainhead{font-size:32px}
.heroTextWrap .subline{font-size:16px}
.contactArea{padding:0 16px 60px;margin-top:-40px}
.infoPanel,.formPanel{padding:28px 20px}
.formPanel .formtitle{font-size:26px}
.inputRow{grid-template-columns:1fr;gap:0}
.radioOptions{flex-direction:column;gap:12px}
.officeHours{padding:40px 16px}
.supportSection{padding:60px 16px}
.supportSection .supporthead{font-size:28px}
.hoursGrid{grid-template-columns:1fr}
}
.AboutHRwrap{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.topDivSECT{position:relative;min-height:520px;background:linear-gradient(135deg,#572FFF 0%,#8B5EFF 100%);border-radius:8px;margin:60px auto;overflow:hidden;display:flex;align-items:center}
.topDivSECT::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fefad026 0%,transparent 70%);border-radius:50%;pointer-events:none}
.topDivSECT::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#c129241f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.titleContentBX{position:relative;z-index:2;max-width:680px;padding:80px 60px}
.titleContentBX h1{font-size:48px;line-height:1.2;color:#FFF;margin:0 0 24px;font-weight:700}
.titleContentBX .subThesesLIST{list-style:none;padding:0;margin:0}
.titleContentBX .subThesesLIST li{font-size:18px;line-height:1.6;color:#ffffffeb;margin-bottom:12px}
.parallaxIMGbox{position:absolute;right:0;top:0;width:45%;height:100%;overflow:hidden}
.parallaxIMGbox img{width:100%;height:100%;object-fit:cover;will-change:transform;transition:transform .3s ease-out}
.storyBLKsection{margin:100px auto}
.storyBLKsection .gridCONT{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.leftStoryPART h2{font-size:38px;line-height:1.3;color:#572FFF;margin:0 0 28px;font-weight:600}
.leftStoryPART h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#C12924 0%,#572FFF 100%);margin-bottom:20px;border-radius:2px}
.leftStoryPART p{font-size:17px;line-height:1.7;color:#333;margin:0 0 20px}
.rightStoryPART{background:#FEFAD0;padding:48px;border-radius:10px;box-shadow:0 4px 20px #572fff14}
.rightStoryPART h3{font-size:26px;line-height:1.4;color:#C12924;margin:0 0 24px;font-weight:600}
.rightStoryPART p{font-size:16px;line-height:1.8;color:#444;margin:0 0 16px}
.valueSECTIONwrap{margin:100px auto}
.valueSECTIONwrap h2{font-size:42px;line-height:1.3;color:#572FFF;text-align:center;margin:0 0 60px;font-weight:700}
.cardsGRIDlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.singleCARDitem{background:#FFF;border:2px solid transparent;border-radius:8px;padding:40px 32px;transition:all .3s ease;position:relative}
.singleCARDitem::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:8px;padding:2px;background:linear-gradient(135deg,#572FFF,#C12924);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}
.singleCARDitem:hover::before{opacity:1}
.singleCARDitem:hover{transform:translateY(-6px);box-shadow:0 8px 32px #572fff26}
.cardICONsvg{width:56px;height:56px;margin-bottom:24px}
.singleCARDitem h4{font-size:22px;line-height:1.4;color:#333;margin:0 0 16px;font-weight:600}
.singleCARDitem p{font-size:16px;line-height:1.7;color:#555;margin:0}
.teamMEMBERsection{margin:100px auto;background:linear-gradient(180deg,#F8F7FF 0%,#FFF 100%);padding:80px 0;border-radius:12px}
.teamMEMBERsection h2{font-size:40px;line-height:1.3;color:#572FFF;text-align:center;margin:0 0 60px;font-weight:700}
.teamFLEXcontainer{display:flex;justify-content:center;align-items:center;gap:60px;flex-wrap:wrap}
.memberCARDbox{width:320px;background:#FFF;border-radius:10px;overflow:hidden;box-shadow:0 6px 24px #572fff1a;transition:transform .3s ease}
.memberCARDbox:hover{transform:scale(1.03)}
.memberIMGwrap{width:100%;height:360px;overflow:hidden}
.memberIMGwrap img{width:100%;height:100%;object-fit:cover}
.memberINFOpart{padding:28px 24px;text-align:center}
.memberINFOpart h5{font-size:22px;line-height:1.3;color:#333;margin:0 0 8px;font-weight:600}
.memberINFOpart .roleTXT{font-size:15px;line-height:1.5;color:#C12924;margin:0 0 16px;font-weight:500}
.memberINFOpart p{font-size:15px;line-height:1.6;color:#666;margin:0}
@media (max-width: 1024px) {
.topDivSECT{flex-direction:column;min-height:auto}
.titleContentBX{max-width:100%;padding:60px 40px 40px}
.parallaxIMGbox{position:relative;width:100%;height:320px}
.storyBLKsection .gridCONT{grid-template-columns:1fr;gap:50px}
.cardsGRIDlayout{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 640px) {
.titleContentBX h1{font-size:36px}
.titleContentBX{padding:40px 24px}
.leftStoryPART h2{font-size:30px}
.rightStoryPART{padding:32px 24px}
.valueSECTIONwrap h2{font-size:32px;margin-bottom:40px}
.cardsGRIDlayout{grid-template-columns:1fr;gap:24px}
.singleCARDitem{padding:32px 24px}
.teamMEMBERsection{padding:60px 20px}
.teamMEMBERsection h2{font-size:32px}
.teamFLEXcontainer{gap:40px}
.memberCARDbox{width:100%;max-width:320px}
}
.TitleWrap{background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);padding:80px 20px;position:relative;overflow:hidden}
.TitleWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fefad026 0%,transparent 70%);border-radius:50%;animation:floatShape 8s ease-in-out infinite}
.TitleWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#fefad01a 0%,transparent 70%);border-radius:50%;animation:floatShape 10s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
.TitleWrap .innerCont{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:flex;align-items:center;gap:60px}
.TitleWrap .textSide{flex:1}
.TitleWrap .problem{font-size:18px;color:#FEFAD0;margin-bottom:16px;letter-spacing:.5px;font-weight:500}
.TitleWrap .solution{font-size:48px;color:#fff;line-height:1.2;margin-bottom:24px;font-weight:700}
.TitleWrap .descr{font-size:20px;color:#ffffffe6;line-height:1.6;max-width:540px}
.TitleWrap .imgSide{flex:0 0 480px;position:relative}
.TitleWrap .imgSide img{width:100%;height:520px;object-fit:cover;border-radius:8px;box-shadow:0 20px 60px #0000004d;animation:gentleFloat 6s ease-in-out infinite}
@keyframes gentleFloat {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-15px)}
}
.TitleWrap .decorDots{position:absolute;display:grid;grid-template-columns:repeat(4,8px);gap:12px;top:-30px;right:-30px}
.TitleWrap .decorDots span{width:8px;height:8px;background:#FEFAD0;border-radius:50%;display:block;opacity:.6;animation:dotPulse 2s ease-in-out infinite}
.TitleWrap .decorDots span:nth-child(2){animation-delay:.2s}
.TitleWrap .decorDots span:nth-child(3){animation-delay:.4s}
.TitleWrap .decorDots span:nth-child(4){animation-delay:.6s}
@keyframes dotPulse {
0%,100%{opacity:.6;transform:scale(1)}
50%{opacity:1;transform:scale(1.3)}
}
.contentArea{max-width:1320px;margin:100px auto;padding:0 20px}
.programGrid{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.leftCol .stickyBox{position:sticky;top:40px;background:linear-gradient(135deg,#572fff0d 0%,#c129240d 100%);padding:40px;border-radius:10px;border:2px solid #572fff26}
.leftCol .stickyBox h2{font-size:28px;color:#572FFF;margin-bottom:20px;font-weight:700}
.leftCol .stickyBox p{font-size:16px;color:#333;line-height:1.7;margin-bottom:32px}
.leftCol .enrollBtn{display:inline-block;background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);color:#fff;padding:16px 40px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;box-shadow:0 4px 12px #572fff4d;transition:all .3s ease}
.leftCol .enrollBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #572fff66}
.leftCol .imgBox{margin-top:32px;border-radius:8px;overflow:hidden;box-shadow:0 6px 24px #0000001a}
.leftCol .imgBox img{width:100%;height:280px;object-fit:cover;display:block}
.rightCol .phaseBlock{margin-bottom:60px}
.rightCol .phaseBlock:last-child{margin-bottom:0}
.rightCol .phaseHeader{display:flex;align-items:center;gap:20px;margin-bottom:24px;padding-bottom:16px;border-bottom:3px solid #572FFF}
.rightCol .phaseNum{width:60px;height:60px;background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;flex-shrink:0;box-shadow:0 4px 16px #572fff4d}
.rightCol .phaseName{font-size:32px;color:#572FFF;font-weight:700;flex:1}
.rightCol .phaseContent{padding-left:80px}
.rightCol .phaseContent p{font-size:17px;color:#333;line-height:1.8;margin-bottom:24px}
.rightCol .modulesList{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:28px}
.rightCol .moduleItem{background:#fff;padding:24px;border-radius:8px;border:2px solid #572fff1a;transition:all .3s ease;position:relative;overflow:hidden}
.rightCol .moduleItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#572FFF 0%,#C12924 100%);transform:scaleY(0);transition:transform .3s ease}
.rightCol .moduleItem:hover{border-color:#572FFF;box-shadow:0 6px 24px #572fff26;transform:translateX(8px)}
.rightCol .moduleItem:hover::before{transform:scaleY(1)}
.rightCol .moduleItem h4{font-size:18px;color:#572FFF;margin-bottom:8px;font-weight:600}
.rightCol .moduleItem p{font-size:15px;color:#666;line-height:1.6;margin-bottom:0}
.outcomesSec{background:linear-gradient(135deg,#FEFAD0 0%,#fefad04d 100%);padding:80px 20px;margin-top:100px}
.outcomesSec .innerWrap{max-width:1320px;margin:0 auto}
.outcomesSec h2{font-size:42px;color:#572FFF;text-align:center;margin-bottom:60px;font-weight:700}
.outcomesGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.outcomeCard{background:#fff;padding:36px;border-radius:10px;box-shadow:0 6px 24px #00000014;position:relative;transition:all .3s ease}
.outcomeCard::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#572FFF 0%,#C12924 100%);border-radius:10px 10px 0 0}
.outcomeCard:hover{transform:translateY(-8px);box-shadow:0 12px 36px #572fff33}
.outcomeCard .iconCircle{width:70px;height:70px;background:linear-gradient(135deg,#572fff1a 0%,#c129241a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.outcomeCard .iconCircle svg{width:36px;height:36px}
.outcomeCard h3{font-size:22px;color:#572FFF;margin-bottom:12px;font-weight:600}
.outcomeCard p{font-size:16px;color:#333;line-height:1.7}
@media (max-width: 1024px) {
.TitleWrap .innerCont{flex-direction:column;gap:40px}
.TitleWrap .imgSide{flex:0 0 auto;width:100%}
.TitleWrap .solution{font-size:38px}
.programGrid{grid-template-columns:1fr;gap:50px}
.leftCol .stickyBox{position:static}
.rightCol .phaseContent{padding-left:0}
.rightCol .modulesList{grid-template-columns:1fr}
.outcomesGrid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 640px) {
.TitleWrap{padding:60px 20px}
.TitleWrap .solution{font-size:32px}
.TitleWrap .descr{font-size:17px}
.TitleWrap .imgSide img{height:400px}
.contentArea{margin:60px auto}
.leftCol .stickyBox{padding:30px}
.rightCol .phaseHeader{flex-direction:column;align-items:flex-start;gap:12px}
.rightCol .phaseName{font-size:26px}
.outcomesGrid{grid-template-columns:1fr;gap:24px}
.outcomesSec h2{font-size:34px}
}
.confirmpage{background:linear-gradient(135deg,#F8F6FF 0%,#FFF9F9 50%,#FFFEF5 100%);padding:0;margin:0}
.confirmarea{max-width:1320px;margin:0 auto;padding:80px 20px;text-align:center}
.confirmarea h1{font-size:52px;line-height:1.2;color:#572FFF;margin:0 0 24px;font-weight:700}
.checkwrap{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#572FFF 0%,#7B4FFF 100%);border-radius:50%;margin:0 0 40px;position:relative;box-shadow:0 6px 24px #572fff4d}
.checkwrap::before{content:'';position:absolute;width:140px;height:140px;border:3px solid #572FFF;border-radius:50%;opacity:.2}
.checkmark{width:60px;height:60px;fill:none;stroke:#FEFAD0;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.detailgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;max-width:900px;margin:60px auto 0;text-align:left}
.infocard{background:#FFF;padding:32px;border-radius:8px;box-shadow:0 2px 8px #572fff1a;position:relative;overflow:hidden}
.infocard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#572FFF 0%,#C12924 100%)}
.infocard h3{font-size:20px;color:#572FFF;margin:0 0 12px;font-weight:600}
.infocard p{font-size:16px;line-height:1.6;color:#333;margin:0}
.nextsteps{max-width:1320px;margin:0 auto;padding:80px 20px;background:#FFF}
.stepscontainer{max-width:1100px;margin:0 auto}
.stepscontainer h2{font-size:38px;color:#572FFF;margin:0 0 48px;font-weight:700;text-align:center}
.timeline{position:relative;padding:0}
.timeline::before{content:'';position:absolute;left:40px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#572FFF 0%,#C12924 100%)}
.timelineitem{position:relative;padding:0 0 48px 100px;display:flex;flex-direction:column}
.timelineitem:last-child{padding-bottom:0}
.stepnumber{position:absolute;left:0;top:0;width:80px;height:80px;background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#FFF;box-shadow:0 4px 16px #572fff66;z-index:2}
.stepdetails h3{font-size:24px;color:#333;margin:0 0 12px;font-weight:600}
.stepdetails p{font-size:16px;line-height:1.7;color:#555;margin:0}
.actionbar{background:linear-gradient(90deg,#FEFAD0 0%,#FFF9F9 100%);padding:48px 20px;margin:80px 0 0;text-align:center;border-radius:8px;max-width:1320px;margin:80px auto 0 auto}
.actionbar h3{font-size:28px;color:#333;margin:0 0 20px;font-weight:600}
.actionbar p{font-size:16px;line-height:1.6;color:#555;margin:0 0 28px;max-width:600px;margin-left:auto;margin-right:auto}
.btngroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primarybtn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;background:linear-gradient(135deg,#572FFF 0%,#C12924 100%);color:#FFF;text-decoration:none;font-size:16px;font-weight:600;border-radius:6px;box-shadow:0 4px 12px #572fff4d;transition:transform 0.2s,box-shadow .2s;z-index:10;position:relative}
.primarybtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #572fff66}
.secondarybtn{display:inline-flex;align-items:center;justify-content:center;padding:16px 36px;background:#FFF;color:#572FFF;text-decoration:none;font-size:16px;font-weight:600;border-radius:6px;border:2px solid #572FFF;transition:background 0.2s,color .2s;z-index:10;position:relative}
.secondarybtn:hover{background:#572FFF;color:#FFF}
@media (max-width: 1024px) {
.confirmarea h1{font-size:42px}
.detailgrid{grid-template-columns:1fr;gap:24px}
.stepscontainer h2{font-size:32px}
.timeline::before{left:30px}
.timelineitem{padding-left:80px}
.stepnumber{width:60px;height:60px;font-size:24px}
}
@media (max-width: 640px) {
.confirmarea{padding:60px 16px}
.confirmarea h1{font-size:32px}
.checkwrap{width:100px;height:100px;margin-bottom:32px}
.checkwrap::before{width:120px;height:120px}
.checkmark{width:50px;height:50px}
.infocard{padding:24px}
.nextsteps{padding:60px 16px}
.stepscontainer h2{font-size:28px;margin-bottom:36px}
.timeline::before{left:20px}
.timelineitem{padding-left:60px;padding-bottom:36px}
.stepnumber{width:50px;height:50px;font-size:20px}
.stepdetails h3{font-size:20px}
.stepdetails p{font-size:15px}
.actionbar{padding:36px 16px;margin-top:60px}
.actionbar h3{font-size:24px}
.btngroup{flex-direction:column;gap:12px}
.primarybtn,.secondarybtn{width:100%}
}