*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'IBM Plex Mono',monospace;background:#FAFAFA;color:#1A1A1A;line-height:1.6}
.container1{max-width:1140px;margin:0 auto;padding:0 20px}
header{background:linear-gradient(135deg,#FFF 0%,#FFF5F9 100%);border-bottom:1px solid #E8E8E8;box-shadow:0 2px 6px #dd156814}
.hdrTop{padding:32px 0 24px}
.brandWrap{display:flex;align-items:center;gap:28px}
.logoBox{flex-shrink:0}
.logoImg{height:110px;width:110px;display:block;background:#FFF;padding:8px;border-radius:8px;box-shadow:0 3px 8px #38cfe826}
.companyNameScript h1{font-size:48px;font-weight:700;background:linear-gradient(125deg,#DD1568 0%,#FF8BC2 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px;letter-spacing:-1px}
.tagline2{font-size:14px;color:#555;font-weight:400}
.hdrNav{background:linear-gradient(120deg,#FFF 0%,#F0FCFF 100%);border-top:1px solid #F0F0F0;padding:0}
.mainNav{display:flex;gap:8px;align-items:center;padding:0}
.mainNav .navLink{padding:18px 24px;color:#2C2C2C;text-decoration:none;font-size:15px;font-weight:400;transition:background .2s ease,color .2s ease;border-bottom:2px solid transparent}
.mainNav .navLink:hover{background:#dd15680f;color:#DD1568;border-bottom-color:#DD1568}
.footerOuter{background:linear-gradient(140deg,#1A1A1A 0%,#2D2D2D 100%);padding:48px 0 24px;margin-top:80px;position:relative}
.footerOuter::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#DD1568 0%,#38CFE8 50%,#FF8BC2 100%)}
.ftContent{display:flex;justify-content:space-between;align-items:flex-start;gap:48px;margin-bottom:32px;flex-wrap:wrap}
.ftBrand{flex:1;min-width:220px}
.ftLogo{height:65px;width:65px;margin-bottom:12px;background:#FFF;padding:6px;border-radius:6px}
.ftTag{font-size:13px;color:#B8B8B8;line-height:1.5}
.ftNav{display:flex;flex-direction:column;gap:12px}
.ftLink{color:#DDD;text-decoration:none;font-size:14px;transition:color .2s ease}
.ftLink:hover{color:#FF8BC2}
.ftInfo{flex:1;min-width:260px}
.ftAddress{font-size:13px;color:#B8B8B8;margin-bottom:8px}
.ftContact{font-size:13px}
.ftContactLink{color:#DDD;text-decoration:none;transition:color .2s ease}
.ftContactLink:hover{color:#38CFE8}
.ftSep{color:#666;margin:0 8px}
.ftCopy{padding-top:24px;border-top:1px solid #3D3D3D;text-align:center}
.ftCopy p{font-size:12px;color:#888}
.cookieOverlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000bf;z-index:99999;display:flex;align-items:center;justify-content:center;padding:20px}
.cookieBox{background:#FFF;border-radius:8px;max-width:520px;width:100%;box-shadow:0 8px 24px #0000004d}
.cookieInner{padding:32px}
.cookieTitle{font-size:22px;font-weight:700;color:#1A1A1A;margin-bottom:16px}
.cookieTxt{font-size:14px;color:#444;margin-bottom:24px;line-height:1.6}
.cookieOptions{margin-bottom:24px}
.cookieOption{display:flex;align-items:center;gap:12px;padding:12px;margin-bottom:8px;border:1px solid #E8E8E8;border-radius:6px;cursor:pointer;transition:background .2s ease}
.cookieOption:hover{background:#F9F9F9}
.cookieCheck{width:18px;height:18px;cursor:pointer}
.cookieOption span{font-size:14px;color:#2C2C2C}
.cookieBtns{display:flex;gap:12px;flex-wrap:wrap}
.cookieBtn{flex:1;min-width:140px;padding:12px 20px;border:none;border-radius:6px;font-family:'IBM Plex Mono',monospace;font-size:14px;font-weight:700;cursor:pointer;transition:background .2s ease,transform .1s ease}
.cookieBtn:active{transform:scale(0.98)}
.cookieAccept{background:linear-gradient(125deg,#DD1568 0%,#FF8BC2 100%);color:#FFF}
.cookieAccept:hover{background:linear-gradient(125deg,#C01159 0%,#FF6FB5 100%)}
.cookieCustom{background:#38CFE8;color:#FFF}
.cookieCustom:hover{background:#20BAD6}
.cookieDeny{background:#E8E8E8;color:#2C2C2C}
.cookieDeny:hover{background:#D4D4D4}
@media (max-width: 768px) {
.brandWrap{flex-direction:column;align-items:flex-start;gap:16px}
.companyNameScript h1{font-size:36px}
.mainNav{flex-wrap:wrap}
.mainNav .navLink{padding:14px 18px;font-size:14px}
.ftContent{flex-direction:column;gap:32px}
.cookieBtns{flex-direction:column}
.cookieBtn{width:100%}
}
@media (max-width: 480px) {
.logoImg{height:85px;width:85px}
.companyNameScript h1{font-size:28px}
.tagline2{font-size:12px}
.cookieInner{padding:24px}
.cookieTitle{font-size:18px}
}
.mainWrap{max-width:1140px;margin:0 auto;padding:0 20px}
.heroSec{background:linear-gradient(127deg,#DD1568 0%,#FF8BC2 52%,#38CFE8 100%);padding:85px 0 90px;position:relative;overflow:hidden}
.heroSec::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#ffffff14;border-radius:40% 60% 70% 30%;transform:rotate(25deg)}
.heroInner{position:relative;z-index:2}
.heroInner h1{font-size:46px;color:#fff;margin:0 0 22px;font-weight:700;line-height:1.2}
.heroInner p{font-size:19px;color:#fff;margin:0 0 16px;line-height:1.6;max-width:720px}
.programGrid{padding:80px 0;background:#fafbfd}
.secHead{text-align:center;margin-bottom:58px}
.secHead h2{font-size:38px;color:#1a1d29;margin:0 0 18px;font-weight:700}
.secHead .subTxt{font-size:18px;color:#5c6370;margin:0;line-height:1.5}
.gridWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.cardBox{background:#fff;border:2px solid #e8eaef;padding:38px 28px;position:relative;transition:all .3s ease}
.cardBox::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#DD1568 0%,#FF8BC2 100%);transition:height .3s ease}
.cardBox:hover{border-color:#FF8BC2;box-shadow:0 6px 18px #dd15681f;transform:translateY(-4px)}
.cardBox:hover::before{height:100%}
.cardBox .iconArea{width:62px;height:62px;background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px;border-radius:8px}
.cardBox .iconArea i{font-size:28px;color:#fff}
.cardBox h3{font-size:22px;color:#1a1d29;margin:0 0 14px;font-weight:600}
.cardBox p{font-size:16px;color:#5c6370;margin:0;line-height:1.6}
.featSection{padding:0 0 75px;background:#fff}
.splitLayout{display:flex;align-items:center;gap:68px}
.imgCol{flex:0 0 48%}
.imgCol img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0000001a}
.contentCol{flex:1}
.contentCol h2{font-size:36px;color:#1a1d29;margin:0 0 24px;font-weight:700;line-height:1.3}
.contentCol h2 span{color:#DD1568}
.contentCol p{font-size:17px;color:#5c6370;margin:0 0 18px;line-height:1.7}
.featList{margin:32px 0 0;padding:0;list-style:none}
.featList li{padding:16px 0 16px 48px;position:relative;font-size:17px;color:#2e3138;line-height:1.6}
.featList li::before{content:'';position:absolute;left:0;top:18px;width:32px;height:32px;background:linear-gradient(135deg,#38CFE8 0%,#DD1568 100%);border-radius:50%}
.featList li::after{content:'';position:absolute;left:9px;top:20px;color:#fff;font-size:16px;font-weight:700}
.processArea{padding:80px 0;background:linear-gradient(165deg,#f8f9fc 0%,#fff 100%);position:relative}
.processArea::before{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#DD1568 0%,#FF8BC2 50%,#38CFE8 100%)}
.stepsContainer{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:48px}
.stepItem{background:#fff;border:2px solid #e8eaef;padding:32px 24px;position:relative;text-align:center}
.stepItem .numBadge{width:52px;height:52px;background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:24px;font-weight:700;color:#fff;box-shadow:0 4px 12px #dd156840}
.stepItem h4{font-size:19px;color:#1a1d29;margin:0 0 12px;font-weight:600}
.stepItem p{font-size:15px;color:#5c6370;margin:0;line-height:1.5}
.stepItem::after{content:'→';position:absolute;right:-20px;top:50%;transform:translateY(-50%);font-size:22px;color:#DD1568;font-weight:700}
.stepItem:last-child::after{display:none}
@media (max-width: 1024px) {
.gridWrap{grid-template-columns:repeat(2,1fr);gap:28px}
.splitLayout{flex-direction:column;gap:48px}
.imgCol{flex:0 0 100%}
.stepsContainer{grid-template-columns:repeat(2,1fr)}
.stepItem::after{display:none}
}
@media (max-width: 768px) {
.heroSec{padding:60px 0 65px}
.heroInner h1{font-size:34px;margin-bottom:18px}
.heroInner p{font-size:17px}
.secHead h2{font-size:30px}
.contentCol h2{font-size:28px}
.gridWrap{grid-template-columns:1fr;gap:24px}
.programGrid{padding:60px 0}
.featSection{padding:0 0 60px}
.processArea{padding:60px 0}
.stepsContainer{grid-template-columns:1fr;gap:24px}
.imgCol img{height:320px}
.featList li{padding-left:42px;font-size:16px}
}
@media (max-width: 480px) {
.mainWrap{padding:0 16px}
.heroInner h1{font-size:28px}
.heroInner p{font-size:16px}
.secHead h2{font-size:26px}
.cardBox{padding:28px 20px}
.contentCol h2{font-size:24px}
}
.titleWrap{position:relative;height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:60px}
.titleWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#dd1568d9 0%,#38cfe8bf 100%);z-index:2}
.titleWrap::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:120px;background:linear-gradient(to top,#0009,transparent);z-index:3}
.titleWrap .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.titleWrap .titleContent{position:relative;z-index:4;text-align:center;max-width:900px;padding:0 20px}
.titleWrap .titleContent h1{font-size:52px;font-weight:700;color:#fff;margin:0;text-shadow:2px 4px 8px #0006;line-height:1.2}
.researchBox{max-width:1140px;margin:0 auto 80px;padding:0 20px}
.researchBox .slds-grid{display:flex;gap:40px;align-items:center}
.researchBox .imgHolder{flex:1}
.researchBox .imgHolder img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:4px 6px 16px #00000026}
.researchBox .txtArea{flex:1}
.researchBox .txtArea h2{font-size:38px;font-weight:600;color:#DD1568;margin:0 0 24px;line-height:1.3;position:relative;padding-left:18px}
.researchBox .txtArea h2::before{content:'';position:absolute;left:0;top:6px;width:6px;height:32px;background:linear-gradient(180deg,#DD1568 0%,#38CFE8 100%)}
.researchBox .txtArea p{font-size:17px;line-height:1.7;color:#333;margin:0 0 16px}
.researchBox .txtArea p:last-of-type{margin-bottom:0}
.learningGrid{background:linear-gradient(225deg,#ff8bc21f 0%,#38cfe814 100%);padding:70px 20px;margin-bottom:80px}
.learningGrid .container1{max-width:1140px;margin:0 auto}
.learningGrid h2{font-size:42px;font-weight:700;color:#DD1568;text-align:center;margin:0 0 50px;line-height:1.2}
.learningGrid .cardRow{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.learningGrid .itemCard{background:#fff;padding:32px 26px;border-radius:8px;box-shadow:2px 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #38CFE8}
.learningGrid .itemCard:hover{transform:translateY(-6px);box-shadow:4px 8px 20px #dd156833}
.learningGrid .itemCard i{font-size:42px;color:#DD1568;display:block;margin-bottom:18px}
.learningGrid .itemCard h3{font-size:22px;font-weight:600;color:#222;margin:0 0 14px;line-height:1.3}
.learningGrid .itemCard p{font-size:16px;line-height:1.6;color:#555;margin:0}
.ecosystemWrap{max-width:1140px;margin:0 auto 80px;padding:0 20px}
.ecosystemWrap h2{font-size:40px;font-weight:700;color:#DD1568;margin:0 0 36px;text-align:center;line-height:1.3}
.ecosystemWrap .flowContainer{display:flex;flex-direction:column;gap:24px}
.ecosystemWrap .flowItem{display:flex;gap:28px;align-items:flex-start;padding:28px;background:linear-gradient(135deg,#38cfe814 0%,#ff8bc20f 100%);border-left:5px solid #38CFE8;border-radius:6px;transition:border-color .3s ease}
.ecosystemWrap .flowItem:nth-child(even){border-left-color:#FF8BC2;background:linear-gradient(135deg,#ff8bc214 0%,#38cfe80f 100%)}
.ecosystemWrap .flowItem:hover{border-left-color:#DD1568}
.ecosystemWrap .flowItem .numBox{flex-shrink:0;width:56px;height:56px;background:#DD1568;color:#fff;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;border-radius:8px;box-shadow:2px 4px 8px #dd15684d}
.ecosystemWrap .flowItem .detailBox h4{font-size:24px;font-weight:600;color:#222;margin:0 0 12px;line-height:1.3}
.ecosystemWrap .flowItem .detailBox p{font-size:16px;line-height:1.7;color:#444;margin:0}
.audienceSection{background:#fff;padding:70px 20px;margin-bottom:0}
.audienceSection .wrapper2{max-width:1140px;margin:0 auto}
.audienceSection h2{font-size:40px;font-weight:700;color:#DD1568;text-align:center;margin:0 0 46px;line-height:1.2}
.audienceSection .profileGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.audienceSection .profileCard{background:linear-gradient(180deg,#dd15680d 0%,#38cfe80d 100%);padding:34px 30px;border-radius:8px;border:2px solid #38cfe84d;transition:border-color .3s ease,transform .3s ease;position:relative}
.audienceSection .profileCard::after{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:radial-gradient(circle,#dd156826 0%,transparent 70%);border-radius:0 8px 0 0;pointer-events:none}
.audienceSection .profileCard:hover{border-color:#DD1568;transform:translateY(-4px)}
.audienceSection .profileCard h3{font-size:26px;font-weight:600;color:#DD1568;margin:0 0 16px;line-height:1.3;position:relative;z-index:2}
.audienceSection .profileCard .metaInfo{font-size:15px;color:#38CFE8;font-weight:500;margin-bottom:14px;display:block}
.audienceSection .profileCard p{font-size:16px;line-height:1.7;color:#333;margin:0 0 12px}
.audienceSection .profileCard .goalList{list-style:none;padding:0;margin:18px 0 0}
.audienceSection .profileCard .goalList li{font-size:15px;color:#555;padding-left:26px;margin-bottom:10px;position:relative;line-height:1.6}
.audienceSection .profileCard .goalList li::before{content:'→';position:absolute;left:0;color:#38CFE8;font-weight:700}
.audienceSection .profileCard .goalList li:last-child{margin-bottom:0}
.ctaBottom{background:linear-gradient(135deg,#DD1568 0%,#38CFE8 100%);padding:60px 20px;text-align:center}
.ctaBottom h2{font-size:36px;font-weight:700;color:#fff;margin:0 0 28px;line-height:1.3}
.ctaBottom .btnGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaBottom .btnPrimary{display:inline-block;padding:16px 38px;background:#fff;color:#DD1568;font-size:18px;font-weight:600;text-decoration:none;border-radius:6px;transition:transform .3s ease,box-shadow .3s ease;box-shadow:2px 4px 12px #0003;z-index:10;position:relative}
.ctaBottom .btnPrimary:hover{transform:translateY(-3px);box-shadow:4px 6px 16px #0000004d}
.ctaBottom .btnSecondary{display:inline-block;padding:16px 38px;background:transparent;color:#fff;font-size:18px;font-weight:600;text-decoration:none;border:2px solid #fff;border-radius:6px;transition:background .3s ease,color .3s ease;z-index:10;position:relative}
.ctaBottom .btnSecondary:hover{background:#fff;color:#DD1568}
@media (max-width: 768px) {
.titleWrap{height:340px;margin-bottom:40px}
.titleWrap .titleContent h1{font-size:34px}
.researchBox{margin-bottom:50px}
.researchBox .slds-grid{flex-direction:column;gap:30px}
.researchBox .imgHolder img{height:300px}
.researchBox .txtArea h2{font-size:30px}
.learningGrid{padding:50px 20px;margin-bottom:50px}
.learningGrid h2{font-size:32px;margin-bottom:36px}
.learningGrid .cardRow{grid-template-columns:1fr;gap:24px}
.ecosystemWrap{margin-bottom:50px}
.ecosystemWrap h2{font-size:32px;margin-bottom:28px}
.ecosystemWrap .flowItem{flex-direction:column;gap:18px;padding:22px}
.ecosystemWrap .flowItem .numBox{width:50px;height:50px;font-size:22px}
.ecosystemWrap .flowItem .detailBox h4{font-size:20px}
.audienceSection{padding:50px 20px}
.audienceSection h2{font-size:32px;margin-bottom:32px}
.audienceSection .profileGrid{grid-template-columns:1fr;gap:24px}
.ctaBottom{padding:50px 20px}
.ctaBottom h2{font-size:28px;margin-bottom:24px}
.ctaBottom .btnGroup{flex-direction:column;align-items:center}
.ctaBottom .btnPrimary,.ctaBottom .btnSecondary{width:100%;max-width:300px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.titleWrap{height:420px}
.titleWrap .titleContent h1{font-size:44px}
.researchBox .txtArea h2{font-size:34px}
.learningGrid .cardRow{grid-template-columns:repeat(2,1fr)}
.ecosystemWrap h2{font-size:36px}
.audienceSection h2{font-size:36px}
}
.contactWrap{max-width:1140px;margin:0 auto;padding:0 20px}
.topSection1{padding:80px 0 60px;background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);position:relative}
.topSection1::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(225deg,#38cfe826 0%,transparent 60%);pointer-events:none}
.intro-inner{position:relative;z-index:2}
.intro-inner h1{font-size:48px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2}
.intro-inner p{font-size:20px;color:#fff;margin:0;line-height:1.6;max-width:720px}
.formZone{padding:80px 0;background:#f8f9fb}
.formGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.formLeft h2{font-size:32px;color:#1a1a1a;margin:0 0 20px;font-weight:700;line-height:1.3}
.formLeft p{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 32px}
.detailItem{margin-bottom:28px}
.detailItem strong{display:block;font-size:14px;text-transform:uppercase;letter-spacing:.5px;color:#DD1568;margin-bottom:8px;font-weight:600}
.detailItem a{color:#1a1a1a;text-decoration:none;font-size:17px;transition:color .3s ease}
.detailItem a:hover{color:#DD1568}
.detailItem span{color:#1a1a1a;font-size:17px;display:block;line-height:1.6}
.formBox1{background:#fff;padding:40px;border-radius:8px;box-shadow:0 4px 12px #00000014}
.formBox1 h3{font-size:24px;color:#1a1a1a;margin:0 0 28px;font-weight:600}
.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:#2a2a2a;margin-bottom:8px;font-weight:500}
.fieldWrap input[type="text"],.fieldWrap input[type="tel"],.fieldWrap input[type="email"],.fieldWrap textarea,.fieldWrap select{width:100%;padding:14px 16px;border:2px solid #e0e0e0;border-radius:6px;font-size:16px;color:#1a1a1a;background:#fff;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.fieldWrap input[type="text"]:focus,.fieldWrap input[type="tel"]:focus,.fieldWrap input[type="email"]:focus,.fieldWrap textarea:focus,.fieldWrap select:focus{outline:none;border-color:#DD1568;box-shadow:0 0 0 3px #dd15681a}
.fieldWrap textarea{resize:vertical;min-height:120px}
.radioGroup{margin-bottom:24px}
.radioGroup legend{font-size:14px;color:#2a2a2a;margin-bottom:12px;font-weight:500;display:block}
.radioOptions{display:flex;gap:24px}
.radioItem{display:flex;align-items:center}
.radioItem input[type="radio"]{margin-right:8px;width:18px;height:18px;cursor:pointer;accent-color:#DD1568}
.radioItem label{font-size:16px;color:#1a1a1a;cursor:pointer;margin:0}
#consultType:checked ~ .extraField1,#demoType:checked ~ .extraField2{display:block;animation:slideDown .3s ease}
.extraField1,.extraField2{display:none;margin-top:20px}
@keyframes slideDown {
from{opacity:0;transform:translateY(-10px)}
to{opacity:1;transform:translateY(0)}
}
.privacyCheck{margin:28px 0}
.privacyCheck label{display:flex;align-items:start;gap:10px;font-size:14px;color:#4a4a4a;line-height:1.6;cursor:pointer}
.privacyCheck input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#DD1568;flex-shrink:0}
.privacyCheck a{color:#DD1568;text-decoration:underline}
.privacyCheck a:hover{color:#38CFE8}
.submitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);color:#fff;border:none;border-radius:6px;font-size:18px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .3s ease;box-shadow:0 4px 8px #dd156833}
.submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #dd15684d}
.submitBtn:active{transform:translateY(0)}
.imgSection{padding:100px 0;background:#fff}
.imgGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.imgContent h2{font-size:36px;color:#1a1a1a;margin:0 0 24px;font-weight:700;line-height:1.3}
.imgContent h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#DD1568 0%,#38CFE8 100%);margin-bottom:20px}
.imgContent p{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 18px}
.imgContent ul{list-style:none;padding:0;margin:32px 0 0}
.imgContent ul li{font-size:17px;color:#2a2a2a;padding:12px 0 12px 36px;position:relative;line-height:1.6}
.imgContent ul li::before{content:'';position:absolute;left:0;color:#38CFE8;font-weight:700;font-size:20px}
.imgBox{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000001f}
.imgBox img{width:100%;height:auto;display:block;object-fit:cover}
.bottomArea{padding:80px 0;background:linear-gradient(225deg,#38CFE8 0%,#DD1568 100%);position:relative}
.bottomArea::after{content:'';position:absolute;bottom:0;left:0;right:0;height:200px;background:linear-gradient(180deg,transparent 0%,#ff8bc233 100%);pointer-events:none}
.bottomGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.bottomText h2{font-size:38px;color:#fff;margin:0 0 20px;font-weight:700;line-height:1.2}
.bottomText p{font-size:18px;color:#fff;line-height:1.7;margin:0 0 16px}
.bottomVisual{position:relative}
.bottomVisual img{width:100%;height:auto;display:block;border-radius:8px;box-shadow:0 12px 32px #0003;object-fit:cover}
@media (max-width: 991px) {
.formGrid{grid-template-columns:1fr;gap:40px}
.imgGrid{grid-template-columns:1fr;gap:40px}
.bottomGrid{grid-template-columns:1fr;gap:40px}
.intro-inner h1{font-size:36px}
.formLeft h2{font-size:28px}
.imgContent h2{font-size:30px}
.bottomText h2{font-size:32px}
}
@media (max-width: 767px) {
.topSection1{padding:60px 0 40px}
.intro-inner h1{font-size:28px;margin-bottom:16px}
.intro-inner p{font-size:17px}
.formZone{padding:60px 0}
.formBox1{padding:28px 20px}
.inputRow{grid-template-columns:1fr;gap:0}
.radioOptions{flex-direction:column;gap:12px}
.imgSection{padding:60px 0}
.imgContent h2{font-size:26px}
.bottomArea{padding:60px 0}
.bottomText h2{font-size:26px}
.bottomText p{font-size:16px}
}
.aboutMain{width:100%;max-width:1140px;margin:0 auto;padding:0 20px}
.storyWrap{background:linear-gradient(125deg,#DD1568 0%,#FF8BC2 100%);padding:80px 0;margin-bottom:60px}
.storyInner{max-width:1140px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.storyInner .leftText h1{font-size:42px;color:#fff;margin:0 0 24px;line-height:1.2}
.storyInner .leftText p{font-size:18px;color:#fff;line-height:1.7;margin:0 0 16px}
.storyInner .rightImg img{width:100%;height:auto;box-shadow:8px 8px 0 #00000026;border-radius:8px}
.valuesBox{margin-bottom:70px}
.valuesBox h2{font-size:36px;color:#DD1568;text-align:center;margin:0 0 50px;position:relative}
.valuesBox h2::after{content:'';width:80px;height:4px;background:#38CFE8;position:absolute;bottom:-12px;left:50%;transform:translateX(-50%)}
.valueGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.valueCard{background:#fff;border:2px solid #FF8BC2;padding:32px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.valueCard::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#38cfe81a,transparent);transition:left .5s ease}
.valueCard:hover::before{left:100%}
.valueCard:hover{transform:translateY(-6px);box-shadow:0 8px 16px #dd156833;border-color:#DD1568}
.valueCard i{font-size:48px;color:#38CFE8;margin-bottom:20px;display:block}
.valueCard h3{font-size:22px;color:#DD1568;margin:0 0 14px}
.valueCard p{font-size:16px;color:#333;line-height:1.6;margin:0}
.teamSection{background:linear-gradient(210deg,#38CFE8 0%,#DD1568 100%);padding:70px 0;margin-bottom:60px;position:relative}
.teamSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="40" height="40" xmlns="http://www.w3.org/2000/svg"><circle cx="2" cy="2" r="1.5" fill="#ffffff1a"/></svg>');pointer-events:none}
.teamInner{max-width:1140px;margin:0 auto;padding:0 20px;position:relative;z-index:1}
.teamInner h2{font-size:38px;color:#fff;text-align:center;margin:0 0 18px}
.teamInner .subtitle{font-size:19px;color:#fff;text-align:center;margin:0 0 44px;line-height:1.6}
.teamGrid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.teamCard{background:#fffffff2;padding:28px;border-radius:6px;box-shadow:4px 4px 0 #0000001a;display:flex;gap:24px;align-items:flex-start}
.teamCard img{width:180px;height:240px;object-fit:cover;border:3px solid #DD1568;flex-shrink:0}
.teamInfo h4{font-size:24px;color:#DD1568;margin:0 0 8px}
.teamInfo .role{font-size:16px;color:#38CFE8;font-weight:600;margin:0 0 16px}
.teamInfo p{font-size:15px;color:#333;line-height:1.7;margin:0}
.approachWrap{margin-bottom:70px}
.approachWrap h2{font-size:36px;color:#DD1568;margin:0 0 40px}
.approachLayout{display:flex;gap:50px;align-items:center}
.approachLayout .imgSide{flex:0 0 480px}
.approachLayout .imgSide img{width:100%;height:auto;border:4px solid #FF8BC2;border-radius:8px}
.approachLayout .contentSide{flex:1}
.stepItem{margin-bottom:32px;padding-left:60px;position:relative}
.stepItem::before{content:'';position:absolute;left:0;top:0;width:44px;height:44px;background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:3px 3px 6px #00000026}
.stepItem:nth-child(1)::after{content:'01';position:absolute;left:11px;top:10px;font-size:18px;font-weight:700;color:#fff}
.stepItem:nth-child(2)::after{content:'02';position:absolute;left:11px;top:10px;font-size:18px;font-weight:700;color:#fff}
.stepItem:nth-child(3)::after{content:'03';position:absolute;left:11px;top:10px;font-size:18px;font-weight:700;color:#fff}
.stepItem:nth-child(4)::after{content:'04';position:absolute;left:11px;top:10px;font-size:18px;font-weight:700;color:#fff}
.stepItem h4{font-size:22px;color:#DD1568;margin:0 0 10px}
.stepItem p{font-size:16px;color:#333;line-height:1.6;margin:0}
@media (max-width: 992px) {
.storyInner{grid-template-columns:1fr;gap:40px}
.valueGrid{grid-template-columns:1fr}
.teamGrid{grid-template-columns:1fr}
.approachLayout{flex-direction:column}
.approachLayout .imgSide{flex:1;width:100%}
}
@media (max-width: 768px) {
.storyWrap{padding:50px 0}
.storyInner .leftText h1{font-size:32px}
.valuesBox h2,.approachWrap h2{font-size:28px}
.teamInner h2{font-size:30px}
.teamCard{flex-direction:column;text-align:center}
.teamCard img{width:100%;max-width:240px;margin:0 auto}
.stepItem{padding-left:0;padding-top:54px}
.stepItem::before{left:50%;transform:translateX(-50%)}
.stepItem:nth-child(1)::after,.stepItem:nth-child(2)::after,.stepItem:nth-child(3)::after,.stepItem:nth-child(4)::after{left:50%;transform:translateX(-50%);margin-left:-11px}
.stepItem h4,.stepItem p{text-align:center}
}
.blogWrap{max-width:1140px;margin:0 auto;padding:60px 20px}
.mainHd{text-align:center;margin-bottom:50px}
.mainHd h1{font-size:42px;color:#DD1568;margin-bottom:12px;font-weight:700}
.mainHd p{font-size:18px;color:#444;max-width:680px;margin:0 auto;line-height:1.6}
.featuredArea{background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);border-radius:8px;padding:50px 40px;margin-bottom:70px;position:relative;overflow:hidden}
.featuredArea::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;z-index:1}
.featuredArea::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:#38cfe826;border-radius:50%;z-index:1}
.featuredInner{position:relative;z-index:2;display:flex;gap:40px;align-items:center}
.featuredTxt{flex:1}
.featuredTxt h2{font-size:32px;color:#fff;margin-bottom:18px;font-weight:600}
.featuredTxt p{font-size:16px;color:#fffffff2;line-height:1.7;margin-bottom:14px}
.featuredMeta{display:flex;gap:24px;margin-top:20px;font-size:14px;color:#ffffffe6}
.featuredMeta span{display:flex;align-items:center;gap:6px}
.featuredImg{flex:0 0 380px}
.featuredImg img{width:100%;height:280px;object-fit:cover;border-radius:6px;box-shadow:0 8px 24px #00000040}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:80px}
.postCard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:2px solid transparent}
.postCard:hover{transform:translateY(-4px);box-shadow:0 6px 20px #dd156826;border-color:#FF8BC2}
.postImg{position:relative;overflow:hidden}
.postImg img{width:100%;height:220px;object-fit:cover;transition:transform .4s ease}
.postCard:hover .postImg img{transform:scale(1.08)}
.categoryTag{position:absolute;top:14px;left:14px;background:#38CFE8;color:#fff;padding:6px 14px;border-radius:4px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.postContent{padding:26px 22px}
.postContent h3{font-size:20px;color:#222;margin-bottom:12px;font-weight:600;line-height:1.4}
.postContent h3:hover{color:#DD1568}
.postContent p{font-size:15px;color:#666;line-height:1.6;margin-bottom:16px}
.postMeta{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#888;padding-top:14px;border-top:1px solid #eee}
.readTime{display:flex;align-items:center;gap:5px}
.insightsSection{background:linear-gradient(165deg,#38CFE8 0%,#FF8BC2 50%,#DD1568 100%);padding:80px 0;margin:0 -20px 70px;position:relative}
.insightsSection::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffffeb;z-index:1}
.insightsInner{max-width:1140px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.insightsHd{text-align:center;margin-bottom:50px}
.insightsHd h2{font-size:36px;color:#DD1568;margin-bottom:14px;font-weight:700}
.insightsHd p{font-size:17px;color:#555;max-width:700px;margin:0 auto}
.staggerGrid{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:28px}
.insightCard{background:#fff;border-radius:8px;padding:32px 28px;box-shadow:0 3px 12px #0000001a;position:relative;transition:all .3s ease}
.insightCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#DD1568,#38CFE8);transition:height .3s ease;border-radius:8px 0 0 8px}
.insightCard:hover::before{height:100%}
.insightCard:hover{transform:translateX(6px);box-shadow:0 6px 20px #dd156833}
.insightIcon{width:54px;height:54px;background:linear-gradient(135deg,#FF8BC2,#DD1568);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 12px #dd156840}
.insightIcon i{font-size:24px;color:#fff}
.insightCard h3{font-size:21px;color:#222;margin-bottom:12px;font-weight:600}
.insightCard p{font-size:15px;color:#666;line-height:1.7;margin-bottom:10px}
.insightLink{display:inline-flex;align-items:center;gap:6px;color:#DD1568;font-size:14px;font-weight:600;margin-top:14px;transition:gap .3s ease}
.insightLink:hover{gap:10px}
.topicsArea{margin-bottom:60px}
.topicsHd{margin-bottom:36px}
.topicsHd h2{font-size:32px;color:#222;margin-bottom:10px;font-weight:700;position:relative;display:inline-block}
.topicsHd h2::after{content:'';position:absolute;bottom:-6px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#DD1568,#38CFE8);border-radius:2px}
.topicsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.topicBtn{background:#fff;border:2px solid #eee;border-radius:6px;padding:16px 20px;text-align:center;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}
.topicBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,#DD1568,#FF8BC2);transition:left .4s ease;z-index:1}
.topicBtn:hover::before{left:0}
.topicBtn span{position:relative;z-index:2;font-size:15px;color:#444;font-weight:500;transition:color .3s ease}
.topicBtn:hover{border-color:#DD1568;transform:translateY(-2px);box-shadow:0 4px 12px #dd156833}
.topicBtn:hover span{color:#fff}
.topicBtn small{position:relative;z-index:2;display:block;font-size:12px;color:#999;margin-top:4px;transition:color .3s ease}
.topicBtn:hover small{color:#ffffffe6}
@media (max-width: 992px) {
.featuredInner{flex-direction:column}
.featuredImg{flex:0 0 auto;width:100%}
.featuredImg img{height:240px}
.grid3{grid-template-columns:repeat(2,1fr);gap:24px}
.staggerGrid{grid-template-columns:1fr;gap:24px}
.topicsGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
.blogWrap{padding:40px 16px}
.mainHd h1{font-size:32px}
.mainHd p{font-size:16px}
.featuredArea{padding:32px 24px;margin-bottom:50px}
.featuredTxt h2{font-size:26px}
.featuredTxt p{font-size:15px}
.featuredMeta{flex-direction:column;gap:10px}
.grid3{grid-template-columns:1fr;gap:20px;margin-bottom:60px}
.insightsSection{padding:60px 0;margin-bottom:50px}
.insightsHd h2{font-size:28px}
.topicsHd h2{font-size:26px}
.topicsGrid{grid-template-columns:1fr;gap:14px}
}
.cookieMain{max-width:1140px;margin:0 auto;padding:60px 20px}
.policyHdr{text-align:center;margin-bottom:50px}
.policyHdr h1{font-size:2.8rem;color:#DD1568;margin-bottom:15px;font-weight:700}
.policyHdr .lastUpdate{font-size:.95rem;color:#666;font-style:italic}
.contentWrap{background:linear-gradient(135deg,#fff 0%,#fef5f9 100%);padding:50px 40px;border-radius:8px;box-shadow:0 4px 12px #dd156814;margin-bottom:40px}
.contentWrap h2{font-size:1.9rem;color:#DD1568;margin-bottom:20px;margin-top:35px;position:relative;padding-left:18px}
.contentWrap h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:28px;background:linear-gradient(180deg,#DD1568 0%,#FF8BC2 100%);border-radius:3px}
.contentWrap h2:first-of-type{margin-top:0}
.contentWrap h3{font-size:1.4rem;color:#38CFE8;margin-bottom:15px;margin-top:28px;font-weight:600}
.contentWrap p{font-size:1.05rem;line-height:1.7;color:#333;margin-bottom:18px}
.contentWrap ul{margin:20px 0;padding-left:0;list-style:none}
.contentWrap ul li{font-size:1.05rem;line-height:1.7;color:#333;margin-bottom:12px;padding-left:30px;position:relative}
.contentWrap ul li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#FF8BC2;border-radius:50%}
.contentWrap strong{color:#DD1568;font-weight:600}
.cookieTable{width:100%;margin:30px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:6px;box-shadow:0 2px 8px #0000000d}
.cookieTable thead{background:linear-gradient(90deg,#DD1568 0%,#FF8BC2 100%)}
.cookieTable thead th{color:#fff;font-weight:600;padding:16px 20px;text-align:left;font-size:1.05rem}
.cookieTable tbody tr{background:#fff;transition:background .3s ease}
.cookieTable tbody tr:nth-child(even){background:#fef5f9}
.cookieTable tbody tr:hover{background:#ffe6f1}
.cookieTable tbody td{padding:14px 20px;color:#333;font-size:1rem;border-bottom:1px solid #f0f0f0}
.cookieTable tbody tr:last-child td{border-bottom:none}
.contactBox{background:linear-gradient(135deg,#38CFE8 0%,#5dd9ed 100%);padding:40px;border-radius:8px;margin-top:50px;text-align:center;box-shadow:0 6px 16px #38cfe833}
.contactBox h2{font-size:2rem;color:#fff;margin-bottom:15px;font-weight:700}
.contactBox p{font-size:1.1rem;color:#fff;margin-bottom:25px;line-height:1.6}
.contactBox .contactInfo{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
.contactBox .contactInfo a{display:inline-flex;align-items:center;gap:10px;background:#fff3;padding:12px 24px;border-radius:6px;color:#fff;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid transparent}
.contactBox .contactInfo a:hover{background:#fff;color:#38CFE8;border-color:#fff;transform:translateY(-3px);box-shadow:0 4px 12px #ffffff4d}
.contactBox .contactInfo a i{font-size:1.2rem}
@media (max-width: 768px) {
.cookieMain{padding:40px 15px}
.policyHdr h1{font-size:2rem}
.contentWrap{padding:30px 20px}
.contentWrap h2{font-size:1.5rem}
.contentWrap h3{font-size:1.2rem}
.contentWrap p,.contentWrap ul li{font-size:1rem}
.cookieTable{font-size:.9rem}
.cookieTable thead th,.cookieTable tbody td{padding:10px 12px;font-size:.9rem}
.contactBox{padding:30px 20px}
.contactBox h2{font-size:1.6rem}
.contactBox .contactInfo{flex-direction:column;gap:15px}
.contactBox .contactInfo a{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.policyHdr h1{font-size:1.7rem}
.contentWrap h2{font-size:1.3rem}
.cookieTable thead th,.cookieTable tbody td{padding:8px 10px;font-size:.85rem}
}
.ppWrap{max-width:1140px;margin:0 auto;padding:80px 20px;background:linear-gradient(156deg,#fff 0%,#fff5f9 100%)}
.ppHdr{text-align:center;margin-bottom:60px;position:relative}
.ppHdr::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#DD1568 0%,#FF8BC2 100%);border-radius:2px}
.ppTitle{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 16px;letter-spacing:-.5px}
.ppDate{font-size:15px;color:#666;font-weight:500}
.ppDate::before{content:' ';margin-right:6px}
.sect1{background:#fff;padding:56px 48px;margin-bottom:48px;box-shadow:0 4px 6px #dd156814;border-left:5px solid #DD1568}
.sect1 .innerText h2{font-size:32px;color:#DD1568;margin:0 0 28px;font-weight:700;position:relative;padding-bottom:16px}
.sect1 .innerText h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#38CFE8 0%,#FF8BC2 100%)}
.sect1 .innerText h3{font-size:24px;color:#2d2d2d;margin:36px 0 16px;font-weight:600}
.sect1 .innerText p{font-size:16px;line-height:1.75;color:#4a4a4a;margin:0 0 20px}
.sect1 .innerText ul{margin:16px 0 24px 24px;padding:0}
.sect1 .innerText ul li{font-size:16px;line-height:1.7;color:#4a4a4a;margin-bottom:12px;position:relative;padding-left:12px}
.sect1 .innerText ul li::before{content:'';position:absolute;left:-12px;top:10px;width:6px;height:6px;background:#DD1568;border-radius:50%}
.sect1 .innerText strong{color:#DD1568;font-weight:600}
.gridBox{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:64px}
.cardItem{background:linear-gradient(135deg,#fff 0%,#fffbfd 100%);padding:40px 32px;border:2px solid #f0f0f0;position:relative;transition:all .3s ease}
.cardItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#DD1568 0%,#38CFE8 100%);opacity:0;transition:opacity .3s ease}
.cardItem:hover{transform:translateY(-6px);box-shadow:0 8px 16px #dd156826;border-color:#FF8BC2}
.cardItem:hover::before{opacity:1}
.cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 8px #dd156833}
.cardIcon i{font-size:28px;color:#fff}
.cardItem h4{font-size:20px;color:#2d2d2d;margin:0 0 12px;font-weight:600}
.cardItem p{font-size:15px;line-height:1.65;color:#5a5a5a;margin:0}
.sect2{background:linear-gradient(128deg,#fff 0%,#f9feff 100%);padding:64px 56px;position:relative;overflow:hidden}
.sect2::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#38cfe81a 0%,transparent 70%);border-radius:50%}
.sect2::after{content:'';position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,#ff8bc214 0%,transparent 70%);border-radius:50%}
.sect2 .contentWrap{position:relative;z-index:2}
.sect2 h2{font-size:36px;color:#1a1a1a;margin:0 0 32px;font-weight:700;text-align:center}
.sect2 h2::before{content:' ';margin-right:10px}
.accordionWrap{max-width:900px;margin:0 auto}
.accordionItem{margin-bottom:20px;background:#fff;border:2px solid #f0f0f0;overflow:hidden;transition:all .3s ease}
.accordionItem:hover{border-color:#FF8BC2}
.accordCheck{display:none}
.accordLabel{display:flex;align-items:center;justify-content:space-between;padding:24px 32px;cursor:pointer;font-size:19px;font-weight:600;color:#2d2d2d;background:linear-gradient(90deg,#fff 0%,#fffafc 100%);transition:all .3s ease;user-select:none}
.accordLabel:hover{background:linear-gradient(90deg,#fffafc 0%,#fff5f9 100%)}
.accordLabel::after{content:'+';font-size:28px;color:#DD1568;font-weight:400;transition:transform .3s ease;line-height:1}
.accordCheck:checked + .accordLabel::after{content:'−';transform:rotate(180deg)}
.accordCheck:checked + .accordLabel{background:linear-gradient(90deg,#fff5f9 0%,#fff 100%);color:#DD1568}
.accordBody{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .4s ease;padding:0 32px}
.accordCheck:checked ~ .accordBody{max-height:800px;padding:24px 32px 32px}
.accordBody p{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0 0 14px}
.accordBody p:last-child{margin-bottom:0}
.accordBody strong{color:#DD1568;font-weight:600}
.contactBox{background:linear-gradient(135deg,#DD1568 0%,#FF8BC2 100%);padding:48px;margin-top:64px;text-align:center;box-shadow:0 6px 20px #dd156840}
.contactBox h3{font-size:28px;color:#fff;margin:0 0 20px;font-weight:700}
.contactBox p{font-size:16px;color:#fff;margin:0 0 28px;opacity:.95;line-height:1.6}
.ctaBtnWrap{display:flex;gap:16px;justify-content:center;align-items:center;flex-wrap:wrap}
.ctaBtn{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:#fff;color:#DD1568;text-decoration:none;font-weight:600;font-size:16px;border-radius:6px;transition:all .3s ease;box-shadow:0 4px 8px #00000026}
.ctaBtn:hover{transform:translateY(-3px);box-shadow:0 6px 16px #0003;background:#fffafc}
.ctaBtn i{font-size:18px}
.ctaLink{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-size:15px;font-weight:500;border-bottom:2px solid transparent;transition:border-color .3s ease}
.ctaLink:hover{border-bottom-color:#fff}
@media (max-width: 968px) {
.gridBox{grid-template-columns:repeat(2,1fr);gap:24px}
.ppTitle{font-size:36px}
.sect1{padding:40px 32px}
.sect2{padding:48px 32px}
}
@media (max-width: 640px) {
.ppWrap{padding:60px 16px}
.ppTitle{font-size:28px}
.gridBox{grid-template-columns:1fr;gap:20px}
.sect1{padding:32px 24px}
.sect1 .innerText h2{font-size:26px}
.sect1 .innerText h3{font-size:20px}
.sect2{padding:40px 24px}
.sect2 h2{font-size:26px}
.accordLabel{padding:18px 20px;font-size:17px}
.accordBody{padding:0 20px}
.accordCheck:checked ~ .accordBody{padding:20px 20px 28px}
.contactBox{padding:36px 24px}
.ctaBtnWrap{flex-direction:column;width:100%}
.ctaBtn{width:100%;justify-content:center}
}
.successWrap{max-width:1140px;margin:0 auto;padding:80px 20px}
.success-container{background:linear-gradient(135deg,#FF8BC2 0%,#38CFE8 100%);padding:60px 40px;border-radius:8px;box-shadow:0 4px 6px #00000014;text-align:center;position:relative;overflow:hidden}
.success-container::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#ffffff08 10px,#ffffff08 20px);pointer-events:none}
.iconCircle{width:120px;height:120px;margin:0 auto 30px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 12px #0000001a;position:relative;z-index:2}
.iconCircle i{font-size:64px;color:#DD1568}
.success-container h1{font-size:42px;color:#fff;margin:0 0 20px;font-weight:700;position:relative;z-index:2}
.success-container .msgTxt{font-size:20px;color:#fff;margin:0 0 40px;line-height:1.6;max-width:680px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.detailsBox{background:#fffffff2;padding:35px 40px;border-radius:6px;margin:0 auto 40px;max-width:600px;box-shadow:0 3px 8px #0000001f;position:relative;z-index:2}
.detailsBox h2{font-size:24px;color:#DD1568;margin:0 0 25px;font-weight:600}
.infoRow{display:flex;align-items:flex-start;margin-bottom:18px;text-align:left}
.infoRow:last-child{margin-bottom:0}
.infoRow i{font-size:20px;color:#38CFE8;margin-right:15px;margin-top:3px;flex-shrink:0}
.infoRow .txtContent{flex:1}
.infoRow .label{font-size:14px;color:#666;margin:0 0 4px;font-weight:500}
.infoRow .value{font-size:18px;color:#333;margin:0;font-weight:600}
.btnGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btnPrimary{background:#DD1568;color:#fff;padding:16px 40px;border-radius:6px;text-decoration:none;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 8px #dd15684d;transition:all .3s ease;border:2px solid transparent}
.btnPrimary:hover{background:#b81157;box-shadow:0 6px 12px #dd156866;transform:translateY(-2px)}
.btnSecondary{background:#fff;color:#DD1568;padding:16px 40px;border-radius:6px;text-decoration:none;font-size:18px;font-weight:600;display:inline-flex;align-items:center;gap:10px;box-shadow:0 4px 8px #0000001a;transition:all .3s ease;border:2px solid #DD1568}
.btnSecondary:hover{background:#DD1568;color:#fff;box-shadow:0 6px 12px #dd156866;transform:translateY(-2px)}
.nextStepsArea{background:#ffffff26;padding:30px;border-radius:6px;margin-top:40px;position:relative;z-index:2}
.nextStepsArea h3{font-size:26px;color:#fff;margin:0 0 25px;font-weight:600}
.stepsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;text-align:left}
.stepItem{background:#fffffff2;padding:25px;border-radius:6px;box-shadow:0 3px 6px #00000014;transition:transform .3s ease}
.stepItem:hover{transform:translateY(-4px);box-shadow:0 6px 12px #0000001f}
.stepNum{width:40px;height:40px;background:linear-gradient(135deg,#DD1568,#FF8BC2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:15px}
.stepItem h4{font-size:20px;color:#DD1568;margin:0 0 10px;font-weight:600}
.stepItem p{font-size:16px;color:#555;margin:0;line-height:1.5}
@media (max-width: 768px) {
.successWrap{padding:50px 15px}
.success-container{padding:40px 25px}
.success-container h1{font-size:32px}
.success-container .msgTxt{font-size:18px}
.detailsBox{padding:25px 20px}
.btnGroup{flex-direction:column;gap:15px}
.btnPrimary,.btnSecondary{width:100%;justify-content:center}
.stepsList{grid-template-columns:1fr}
.iconCircle{width:100px;height:100px}
.iconCircle i{font-size:52px}
}
@media (max-width: 480px) {
.success-container h1{font-size:28px}
.detailsBox h2{font-size:20px}
.infoRow .value{font-size:16px}
.nextStepsArea h3{font-size:22px}
}