:root{font-size:16px}
html{box-sizing:border-box;scroll-behavior:smooth}
*,:before,:after{box-sizing:inherit}
body{margin:0;padding:0;font-family:'Rubik',sans-serif;font-size:1rem;line-height:1.6;color:#2c2c2c;background:linear-gradient(165deg,#fff 0%,#f8f8f8 100%);min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.siteHd{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);padding:20px 0;box-shadow:0 2px 12px #00000014;position:relative}
.siteHd .hdWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.siteHd .hdGrid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 22px;align-items:center}
.siteHd .lgBox{grid-column:1;grid-row:1}
.siteHd .lgLink{display:flex;align-items:center;justify-content:center;width:100px;height:100px;background:#f9f84126;border-radius:8px;box-shadow:0 3px 8px #118c941f;transition:all .3s ease}
.siteHd .lgLink:hover{box-shadow:0 5px 14px #118c9433;transform:translateY(-2px)}
.siteHd .lgImg{width:70px;height:70px;object-fit:contain}
.siteHd .cmpName{grid-column:2;grid-row:1;display:flex;flex-direction:column;justify-content:center;padding-left:10px}
.siteHd .cmpTxt{font-size:1.75rem;font-weight:700;color:#118C94;line-height:1.2;margin-bottom:4px}
.siteHd .cmpSub{font-size:.95rem;color:#666;font-weight:400}
.siteHd .mainNv{grid-column:1 / -1;grid-row:2;display:flex;gap:32px;padding-top:12px;border-top:2px solid #118c9426;flex-wrap:wrap}
.siteHd .nvItem{color:#2c2c2c;text-decoration:none;font-weight:500;font-size:1.05rem;padding:8px 16px;border-radius:6px;transition:background .25s ease,color .25s ease}
.siteHd .nvItem:hover{background:#f9f84133;color:#118C94}
@media (max-width: 768px) {
.siteHd .hdGrid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px}
.siteHd .lgBox{grid-column:1;grid-row:1;justify-self:center}
.siteHd .cmpName{grid-column:1;grid-row:2;text-align:center;padding-left:0}
.siteHd .mainNv{grid-column:1;grid-row:3;justify-content:center;gap:16px}
.siteHd .nvItem{font-size:.95rem;padding:6px 12px}
}
@media (max-width: 480px) {
.siteHd .cmpTxt{font-size:1.5rem}
.siteHd .mainNv{flex-direction:column;align-items:center}
.siteHd .nvItem{width:100%;text-align:center}
}
.siteFt{background:linear-gradient(303deg,#F9F841 0%,#118C94 50%,#FDC5D4 100%);position:relative;margin-top:60px;padding:60px 0 30px;color:#fff}
.siteFt .ftBg{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000a6;z-index:1}
.siteFt .ftContent{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:0 20px}
.siteFt .ftColumns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;margin-bottom:40px}
.siteFt .ftCol-1{display:flex;flex-direction:column;gap:20px}
.siteFt .ftLogo{width:80px;height:80px;background:#ffffff26;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:12px}
.siteFt .ftLogoImg{width:100%;height:100%;object-fit:contain}
.siteFt .ftDesc{font-size:.95rem;line-height:1.7;color:#ffffffe6;margin:0}
.siteFt .ftTitle{font-size:1.25rem;font-weight:700;margin-bottom:16px;color:#F9F841}
.siteFt .ftLinks{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
.siteFt .ftLink{color:#ffffffd9;text-decoration:none;font-size:.95rem;transition:color .25s ease}
.siteFt .ftLink:hover{color:#F9F841}
.siteFt .ftContactData{display:flex;flex-direction:column;gap:12px}
.siteFt .ftContactData p{margin:0;font-size:.95rem;color:#ffffffd9}
.siteFt .ftContactData a{color:#ffffffd9;text-decoration:none;transition:color .25s ease}
.siteFt .ftContactData a:hover{color:#F9F841}
.siteFt .ftBottom{padding-top:30px;border-top:1px solid #fff3;text-align:center}
.siteFt .ftCopy{margin:0;font-size:.9rem;color:#ffffffbf}
@media (max-width: 1024px) {
.siteFt .ftColumns{grid-template-columns:1fr 1fr}
.siteFt .ftCol-1{grid-column:1 / -1}
}
@media (max-width: 768px) {
.siteFt .ftColumns{grid-template-columns:1fr;gap:30px}
.siteFt .ftCol-1{grid-column:1}
}
.cookieBox{position:fixed;bottom:20px;right:20px;background:#fff;box-shadow:0 8px 24px #0003;border-radius:10px;max-width:420px;width:calc(100% - 40px);padding:28px;z-index:10000;transform:translateX(150%);transition:transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookieBox.ckShow{transform:translateX(0)}
.cookieBox.ckHide{transform:translateX(150%)}
.cookieBox .ckTitle{font-size:1.3rem;font-weight:700;color:#118C94;margin:0 0 12px}
.cookieBox .ckTxt{font-size:.9rem;color:#555;margin:0 0 20px;line-height:1.5}
.cookieBox .ckOptions{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.cookieBox .ckOpt{display:flex;align-items:center;cursor:pointer;padding:8px;border-radius:6px;transition:background .2s ease}
.cookieBox .ckOpt:hover{background:#f9f8411a}
.cookieBox .ckRadio{margin-right:10px;cursor:pointer}
.cookieBox .ckLabel{font-size:.95rem;color:#2c2c2c;cursor:pointer}
.cookieBox .ckCategories{display:flex;flex-direction:column;gap:8px;margin-bottom:20px;padding:12px;background:#f9f9f9;border-radius:6px}
.cookieBox .ckCat{display:flex;align-items:center}
.cookieBox .ckCatLabel{display:flex;align-items:center;cursor:pointer;font-size:.88rem;color:#444}
.cookieBox .ckCheck{margin-right:8px;cursor:pointer}
.cookieBox .ckActions{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.cookieBox .ckBtn{padding:12px 24px;border:none;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:'Rubik',sans-serif}
.cookieBox .ckBtnPrimary{background:linear-gradient(135deg,#118C94 0%,#0d6d75 100%);color:#fff}
.cookieBox .ckBtnPrimary:hover{background:linear-gradient(135deg,#0d6d75 0%,#118C94 100%);box-shadow:0 4px 12px #118c944d}
.cookieBox .ckBtnSecondary{background:linear-gradient(135deg,#F9F841 0%,#e6e43a 100%);color:#2c2c2c}
.cookieBox .ckBtnSecondary:hover{background:linear-gradient(135deg,#e6e43a 0%,#F9F841 100%);box-shadow:0 4px 12px #f9f8414d}
.cookieBox .ckBtnTertiary{background:linear-gradient(135deg,#FDC5D4 0%,#f5b3c4 100%);color:#2c2c2c}
.cookieBox .ckBtnTertiary:hover{background:linear-gradient(135deg,#f5b3c4 0%,#FDC5D4 100%);box-shadow:0 4px 12px #fdc5d44d}
.cookieBox .ckPolicy{text-align:center}
.cookieBox .ckPolicyLink{font-size:.85rem;color:#118C94;text-decoration:none;transition:color .25s ease}
.cookieBox .ckPolicyLink:hover{color:#0d6d75;text-decoration:underline}
@media (max-width: 480px) {
.cookieBox{bottom:10px;right:10px;width:calc(100% - 20px);padding:20px}
.cookieBox .ckTitle{font-size:1.15rem}
.cookieBox .ckBtn{padding:10px 20px;font-size:.9rem}
}
.terms-body{max-width:1280px;margin:0 auto;padding:80px 24px;background:#fff}
.terms-body h1{font-size:42px;font-weight:700;line-height:1.2;color:#1a1a1a;margin:0 0 48px;letter-spacing:-.5px}
.terms-body h2{font-size:32px;font-weight:600;line-height:1.3;color:#2a2a2a;margin:64px 0 24px;padding-top:16px;border-top:2px solid #f0f0f0}
.terms-body h3{font-size:24px;font-weight:600;line-height:1.4;color:#3a3a3a;margin:40px 0 16px}
.terms-body h4{font-size:20px;font-weight:600;line-height:1.4;color:#4a4a4a;margin:32px 0 12px}
.terms-body h5{font-size:18px;font-weight:600;line-height:1.5;color:#5a5a5a;margin:24px 0 12px}
.terms-body h6{font-size:16px;font-weight:600;line-height:1.5;color:#6a6a6a;margin:20px 0 10px;text-transform:uppercase;letter-spacing:.5px}
.terms-body p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 20px}
.terms-body strong,.terms-body b{font-weight:600;color:#2a2a2a}
.terms-body a{color:#118C94;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .2s ease}
.terms-body a:hover{color:#0d6b71;text-decoration-thickness:2px}
.terms-body a:focus{outline:2px solid #F9F841;outline-offset:2px;border-radius:2px}
.terms-body ul,.terms-body ol{margin:0 0 24px;padding-left:32px}
.terms-body ul li,.terms-body ol li{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:12px}
.terms-body ul li::marker{color:#118C94}
.terms-body ol li::marker{color:#118C94;font-weight:600}
.terms-body table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;box-shadow:0 2px 8px #0000000f;border-radius:8px;overflow:hidden}
.terms-body thead{background:linear-gradient(135deg,#118C94 0%,#0d6b71 100%)}
.terms-body thead tr th{font-size:16px;font-weight:600;line-height:1.5;color:#fff;text-align:left;padding:18px 20px;border-bottom:3px solid #F9F841}
.terms-body tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.terms-body tbody tr:last-child{border-bottom:none}
.terms-body tbody tr:hover{background:#f9f9f9}
.terms-body tbody tr td{font-size:16px;line-height:1.6;color:#4a4a4a;padding:16px 20px}
.terms-body tbody tr td:first-child{font-weight:500;color:#2a2a2a}
.terms-body th,.terms-body td{vertical-align:top}
.terms-body hr{border:none;height:2px;background:linear-gradient(90deg,#118C94 0%,#FDC5D4 100%);margin:48px 0;opacity:.3}
@media (max-width: 1024px) {
.terms-body{padding:60px 20px}
.terms-body h1{font-size:36px;margin-bottom:36px}
.terms-body h2{font-size:28px;margin-top:48px}
.terms-body h3{font-size:22px}
}
@media (max-width: 768px) {
.terms-body{padding:48px 16px}
.terms-body h1{font-size:32px;margin-bottom:32px}
.terms-body h2{font-size:24px;margin-top:40px}
.terms-body h3{font-size:20px}
.terms-body h4{font-size:18px}
.terms-body p,.terms-body ul li,.terms-body ol li{font-size:16px}
.terms-body table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.terms-body thead tr th,.terms-body tbody tr td{padding:14px 16px;font-size:15px}
}
@media (max-width: 480px) {
.terms-body{padding:40px 16px}
.terms-body h1{font-size:28px;margin-bottom:28px}
.terms-body h2{font-size:22px;margin-top:36px}
.terms-body h3{font-size:19px}
.terms-body ul,.terms-body ol{padding-left:24px}
.terms-body thead tr th,.terms-body tbody tr td{padding:12px 14px;font-size:14px}
}
.titleWrap{background:linear-gradient(135deg,#F9F841 0%,#118C94 100%);padding:0;position:relative;overflow:hidden}
.titleImgBox{width:100%;max-width:1280px;margin:0 auto;position:relative}
.titleImgBox img{width:100%;height:480px;object-fit:cover;display:block;filter:brightness(0.92) contrast(1.05)}
.titleTxtZone{max-width:1280px;margin:0 auto;padding:64px 24px;text-align:center}
.mainHd{font-size:52px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.15}
.subHd{font-size:21px;color:#2d2d2d;margin:0 auto 36px;max-width:720px;line-height:1.5}
.titleBtnRow{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.btnPrim,.btnSec{padding:14px 32px;font-size:17px;font-weight:600;border:none;cursor:pointer;text-decoration:none;display:inline-block;transition:all .25s ease;position:relative;z-index:10}
.btnPrim{background:#118C94;color:#fff}
.btnPrim:hover{background:#0d6e75;transform:translateY(-2px);box-shadow:0 8px 16px #118c944d}
.btnSec{background:transparent;color:#1a1a1a;border:2px solid #1a1a1a}
.btnSec:hover{background:#1a1a1a;color:#F9F841;transform:translateY(-2px)}
.storyBlock{padding:96px 24px;background:#fafafa}
.storyInner{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.storyHd{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.2}
.storyPara{font-size:17px;color:#3d3d3d;line-height:1.7;margin:0 0 48px}
.statsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.statCard{background:#fff;padding:28px 20px;border-left:4px solid #118C94;box-shadow:0 2px 8px #0000000f}
.statNum{font-size:36px;font-weight:700;color:#118C94;margin:0 0 8px}
.statLbl{font-size:14px;color:#5d5d5d;line-height:1.4}
.imgStack{display:flex;flex-direction:column;gap:32px}
.imgStack img{width:100%;height:340px;object-fit:cover;box-shadow:0 12px 24px #0000001f}
.imgStack img:first-child{transform:translateX(-20px)}
.imgStack img:last-child{transform:translateX(20px)}
.approachSec{padding:96px 24px;background:#fff}
.approachCont{max-width:1280px;margin:0 auto}
.approachTop{text-align:center;margin:0 0 72px}
.approachTitle{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.approachIntro{font-size:19px;color:#3d3d3d;max-width:780px;margin:0 auto;line-height:1.6}
.methodLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin:0 0 80px}
.methodBox{background:linear-gradient(150deg,#f5f5f5 0%,#fff 100%);padding:36px 28px;border:1px solid #e0e0e0;transition:all .3s ease}
.methodBox:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0000001a;border-color:#118C94}
.methodIcon{margin:0 0 24px}
.methodHd{font-size:22px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.methodTxt{font-size:16px;color:#4d4d4d;line-height:1.65;margin:0}
.featureShowcase{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;padding:48px;background:linear-gradient(303deg,#f9f8411a 0%,#118c941a 50%,#fdc5d41a 100%);border-left:6px solid #F9F841}
.featureShowcase img:first-child{width:100%;height:420px;object-fit:cover;box-shadow:0 8px 20px #0000001a}
.featureTitle{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 24px}
.featurePara{font-size:17px;color:#3d3d3d;line-height:1.7;margin:0 0 32px}
.featureTxtWrap img{width:100%;height:260px;object-fit:cover;box-shadow:0 4px 12px #00000014}
@media (max-width: 1024px) {
.storyInner{grid-template-columns:1fr;gap:48px}
.statsGrid{grid-template-columns:1fr}
.imgStack img:first-child,.imgStack img:last-child{transform:translateX(0)}
.methodLayout{grid-template-columns:1fr;gap:32px}
.featureShowcase{grid-template-columns:1fr;gap:40px;padding:32px 24px}
}
@media (max-width: 768px) {
.titleImgBox img{height:320px}
.titleTxtZone{padding:48px 20px}
.mainHd{font-size:36px}
.subHd{font-size:18px}
.titleBtnRow{flex-direction:column;align-items:stretch}
.btnPrim,.btnSec{width:100%}
.storyBlock,.approachSec{padding:64px 20px}
.storyHd{font-size:30px}
.approachTitle{font-size:32px}
.imgStack img{height:280px}
.featureShowcase img:first-child{height:300px}
.featureTxtWrap img{height:220px}
}
@media (max-width: 480px) {
.mainHd{font-size:28px}
.storyHd{font-size:26px}
.approachTitle{font-size:28px}
.methodBox{padding:28px 20px}
.featureShowcase{padding:24px 16px}
}
.statHeroWrap{position:relative;width:100%;overflow:hidden;margin-bottom:64px}
.statHeroWrap .imgOverlay{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.statHeroWrap .imgOverlay::before{content:'';position:absolute;top:0;left:0;width:100%;height:180px;background:linear-gradient(180deg,#118c94d9 0%,transparent 100%);z-index:2}
.statHeroWrap .imgOverlay::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:140px;background:linear-gradient(0deg,#f9f841bf 0%,transparent 100%);z-index:2}
.statHeroWrap img{width:100%;height:520px;object-fit:cover;display:block}
.statHeroWrap .txtArea{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;text-align:center;max-width:880px;padding:0 24px;width:100%}
.statHeroWrap .txtArea h1{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2;text-shadow:0 2px 8px #0000004d}
.statHeroWrap .txtArea p{font-size:20px;color:#fff;line-height:1.6;margin:0;text-shadow:0 1px 4px #00000040}
.statHeroWrap .divLine{position:absolute;bottom:-2px;left:0;width:100%;height:4px;background:linear-gradient(90deg,#F9F841 0%,#118C94 50%,#FDC5D4 100%);z-index:4}
.metricGrid{max-width:1280px;margin:0 auto 80px;padding:0 24px}
.metricGrid .gridWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.metricGrid .metricBox{background:linear-gradient(145deg,#fff 0%,#f9f9f9 100%);border:2px solid #118C94;padding:40px 28px;text-align:center;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.metricGrid .metricBox:hover{transform:translateY(-6px);box-shadow:0 12px 24px #118c9433}
.metricGrid .metricBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#F9F841 0%,#FDC5D4 100%)}
.metricGrid .metricBox .num{font-size:54px;font-weight:700;color:#118C94;margin:0 0 12px;line-height:1}
.metricGrid .metricBox .label{font-size:18px;color:#333;font-weight:600;margin:0 0 8px}
.metricGrid .metricBox .desc{font-size:14px;color:#666;line-height:1.5;margin:0}
.progressArea{background:linear-gradient(135deg,#FDC5D4 0%,#fff 100%);padding:72px 24px;margin-bottom:80px}
.progressArea .innerCont{max-width:1280px;margin:0 auto}
.progressArea h2{font-size:38px;font-weight:700;color:#118C94;margin:0 0 48px;text-align:center}
.progressArea .trackList{display:flex;flex-direction:column;gap:32px}
.progressArea .trackItem{display:flex;align-items:center;gap:24px}
.progressArea .trackItem .iconBox{width:64px;height:64px;background:#118C94;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.progressArea .trackItem .iconBox svg{width:32px;height:32px;fill:#F9F841}
.progressArea .trackItem .content{flex:1}
.progressArea .trackItem .content h3{font-size:22px;font-weight:600;color:#333;margin:0 0 8px}
.progressArea .trackItem .content p{font-size:15px;color:#555;line-height:1.6;margin:0 0 12px}
.progressArea .trackItem .barWrap{background:#fff;height:12px;border-radius:6px;overflow:hidden;position:relative;border:1px solid #ddd}
.progressArea .trackItem .barFill{height:100%;background:linear-gradient(90deg,#F9F841 0%,#118C94 100%);transition:width .8s ease}
.dataCompare{max-width:1280px;margin:0 auto 80px;padding:0 24px}
.dataCompare h2{font-size:38px;font-weight:700;color:#118C94;margin:0 0 12px}
.dataCompare .subhead{font-size:18px;color:#666;margin:0 0 48px;line-height:1.5}
.dataCompare .compGrid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start}
.dataCompare .compCol{display:flex;flex-direction:column;gap:24px}
.dataCompare .compCol .imgHolder{width:100%;height:340px;position:relative;overflow:hidden;border-radius:10px}
.dataCompare .compCol .imgHolder img{width:100%;height:100%;object-fit:cover}
.dataCompare .compCol .imgHolder::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,transparent 0%,#118c9466 100%)}
.dataCompare .statCard{background:#fff;border:2px solid #FDC5D4;padding:28px;border-radius:8px}
.dataCompare .statCard h4{font-size:20px;font-weight:600;color:#333;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.dataCompare .statCard h4::before{content:'';width:8px;height:8px;background:#F9F841;border-radius:50%}
.dataCompare .statCard .valueRow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.dataCompare .statCard .valueRow .val{font-size:32px;font-weight:700;color:#118C94}
.dataCompare .statCard .valueRow .unit{font-size:16px;color:#666}
.dataCompare .statCard .note{font-size:14px;color:#777;line-height:1.5;margin:0}
.dataCompare .textContent{display:flex;flex-direction:column;gap:20px}
.dataCompare .textContent p{font-size:16px;color:#444;line-height:1.7;margin:0}
.dataCompare .textContent .highlight{background:linear-gradient(90deg,#f9f84133 0%,#fdc5d433 100%);padding:20px;border-left:4px solid #118C94;font-size:15px;color:#333;line-height:1.6}
@media (max-width: 1024px) {
.metricGrid .gridWrap{grid-template-columns:repeat(2,1fr);gap:24px}
.dataCompare .compGrid{grid-template-columns:1fr;gap:40px}
.statHeroWrap .txtArea h1{font-size:38px}
.statHeroWrap .txtArea p{font-size:18px}
}
@media (max-width: 768px) {
.metricGrid .gridWrap{grid-template-columns:1fr;gap:20px}
.statHeroWrap img{height:420px}
.statHeroWrap .txtArea h1{font-size:32px}
.statHeroWrap .txtArea p{font-size:16px}
.progressArea .trackItem{flex-direction:column;align-items:flex-start}
.progressArea h2,.dataCompare h2{font-size:30px}
.metricGrid{margin-bottom:60px}
.progressArea{padding:56px 24px;margin-bottom:60px}
.dataCompare{margin-bottom:60px}
}
@media (max-width: 480px) {
.statHeroWrap img{height:360px}
.statHeroWrap .txtArea h1{font-size:26px;margin-bottom:16px}
.statHeroWrap .txtArea p{font-size:15px}
.metricGrid .metricBox{padding:32px 20px}
.metricGrid .metricBox .num{font-size:44px}
.progressArea .trackItem .iconBox{width:56px;height:56px}
.dataCompare .compCol .imgHolder{height:280px}
}
.heroMain{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);padding:80px 20px}
.heroWrap{max-width:1280px;margin:0 auto;display:flex;gap:60px;align-items:center}
.heroTxt{flex:1}
.heroH{font-size:3rem;line-height:1.2;margin:0 0 24px;color:#212529}
.heroP{font-size:1.125rem;line-height:1.7;color:#495057;margin:0 0 32px}
.heroBtns{display:flex;gap:16px;flex-wrap:wrap}
.btn1,.btn2{padding:14px 32px;text-decoration:none;border-radius:6px;font-weight:600;font-size:1rem;transition:all .3s ease;display:inline-block}
.btn1{background:#118C94;color:#fff;box-shadow:0 4px 12px #118c944d}
.btn1:hover{background:#0d6b73;transform:translateY(-2px);box-shadow:0 6px 16px #118c9466}
.btn2{background:transparent;color:#118C94;border:2px solid #118C94}
.btn2:hover{background:#118C94;color:#fff;transform:translateY(-2px)}
.heroVis{flex:1;position:relative}
.heroVis img{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 40px #00000026;position:relative;z-index:2}
.heroShape{position:absolute;width:200px;height:200px;background:linear-gradient(135deg,#F9F841 0%,#FDC5D4 100%);border-radius:50%;top:-40px;right:-40px;opacity:.3;z-index:1}
.adv{padding:100px 20px;background:#fff}
.advCont{max-width:1280px;margin:0 auto}
.advH{font-size:2.5rem;text-align:center;margin:0 0 60px;color:#212529}
.advGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.advCard{background:#f8f9fa;padding:40px 32px;border-radius:8px;transition:all .3s ease;border-left:4px solid transparent}
.advCard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #0000001a;border-left-color:#118C94}
.advIco{margin-bottom:24px}
.advTitle{font-size:1.5rem;margin:0 0 16px;color:#212529}
.advDesc{font-size:1rem;line-height:1.7;color:#495057;margin:0}
.platf{background:linear-gradient(135deg,#e9ecef 0%,#f8f9fa 100%);padding:100px 20px}
.platfWrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.platfImg{position:relative}
.platfImg img{width:100%;height:auto;border-radius:8px;box-shadow:0 16px 48px #0003}
.platfOv{position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:3px solid #F9F841;border-radius:8px;pointer-events:none}
.platfH{font-size:2.25rem;margin:0 0 24px;color:#212529;line-height:1.3}
.platfP{font-size:1.125rem;line-height:1.7;color:#495057;margin:0 0 40px}
.platfFeat{display:flex;flex-direction:column;gap:32px}
.featItem{display:flex;gap:20px}
.featNum{font-size:2rem;font-weight:700;color:#118C94;min-width:60px}
.featH{font-size:1.25rem;margin:0 0 12px;color:#212529}
.featP{font-size:1rem;line-height:1.7;color:#495057;margin:0}
.stats{position:relative;padding:100px 20px;overflow:hidden}
.statsBg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.statsOv{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#118c94f2 0%,#212529e6 100%);z-index:2}
.statsCont{max-width:1280px;margin:0 auto;position:relative;z-index:3}
.statsInner{position:relative;z-index:3}
.statsH{font-size:2.5rem;text-align:center;margin:0 0 60px;color:#fff}
.statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px}
.statBox{background:#ffffff1a;padding:40px 32px;border-radius:8px;backdrop-filter:blur(10px);border:1px solid #fff3}
.statNum{font-size:3rem;font-weight:700;color:#F9F841;margin:0 0 12px}
.statLbl{font-size:1rem;color:#fff;margin:0 0 20px;line-height:1.5}
.statBar{width:100%;height:6px;background:#fff3;border-radius:3px;overflow:hidden}
.statFill{height:100%;background:linear-gradient(90deg,#F9F841 0%,#FDC5D4 100%);border-radius:3px;transition:width 1s ease}
.inter{padding:100px 20px;background:#fff}
.interCont{max-width:1280px;margin:0 auto}
.interHead{text-align:center;margin-bottom:60px}
.interH{font-size:2.5rem;margin:0 0 16px;color:#212529}
.interSub{font-size:1.25rem;color:#495057;margin:0}
.interLayout{display:grid;grid-template-columns:1fr 1.2fr;gap:60px}
.interCol img{width:100%;height:100%;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #00000026}
.interBlk{background:#f8f9fa;padding:32px;border-radius:8px;margin-bottom:24px;transition:all .3s ease}
.interBlk:hover{background:#e9ecef;transform:translateX(8px)}
.interBlk:last-child{margin-bottom:0}
.interIco{margin-bottom:20px}
.interTitle{font-size:1.5rem;margin:0 0 16px;color:#212529}
.interDesc{font-size:1rem;line-height:1.7;color:#495057;margin:0}
.paths{padding:100px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}
.pathsCont{max-width:1280px;margin:0 auto}
.pathsH{font-size:2.5rem;text-align:center;margin:0 0 24px;color:#212529}
.pathsIntro{font-size:1.125rem;text-align:center;color:#495057;margin:0 auto 60px;max-width:800px;line-height:1.7}
.pathsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.pathCard{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0000001a;transition:all .3s ease}
.pathCard:hover{transform:translateY(-12px);box-shadow:0 16px 48px #00000026}
.pathTop{width:100%;min-height:220px;overflow:hidden}
.pathTop img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}
.pathCard:hover .pathTop img{transform:scale(1.05)}
.pathBody{padding:32px}
.pathTitle{font-size:1.5rem;margin:0 0 16px;color:#212529}
.pathTxt{font-size:1rem;line-height:1.7;color:#495057;margin:0 0 24px}
.pathMeta{display:flex;gap:12px;flex-wrap:wrap}
.pathTag{padding:6px 16px;background:#e9ecef;color:#495057;border-radius:20px;font-size:.875rem;font-weight:600}
@media (max-width: 1024px) {
.heroWrap{flex-direction:column;gap:40px}
.platfWrap{grid-template-columns:1fr;gap:50px}
.interLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroMain{padding:60px 20px}
.heroH{font-size:2rem}
.advH,.statsH,.interH,.pathsH{font-size:2rem}
.platfH{font-size:1.75rem}
.adv,.platf,.stats,.inter,.paths{padding:60px 20px}
.advGrid{grid-template-columns:1fr}
.statsGrid{grid-template-columns:1fr}
.pathsGrid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.heroH{font-size:1.75rem}
.heroP{font-size:1rem}
.heroBtns{flex-direction:column}
.btn1,.btn2{width:100%;text-align:center}
.advH,.statsH,.interH,.pathsH{font-size:1.75rem}
.statNum{font-size:2.5rem}
.featItem{flex-direction:column;gap:12px}
}
.topBar{background:linear-gradient(135deg,#F9F841 0%,#118C94 100%);padding:2px 0}
.topBar .innerWrap{max-width:1280px;margin:0 auto;padding:0 20px}
.heroContact{position:relative;overflow:hidden;padding:80px 20px 60px;background:#fdfef9}
.heroContact .heroGrid{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.heroContact .leftCol{position:relative;padding-right:40px}
.heroContact .leftCol::before{content:'';position:absolute;top:-20px;left:0;width:2px;height:60px;background:#118C94}
.heroContact .leftCol::after{content:'';position:absolute;bottom:-20px;right:0;width:80px;height:2px;background:#F9F841}
.heroContact .heading1{font-size:52px;line-height:1.1;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.heroContact .subtxt{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 30px}
.heroContact .rightCol{position:relative}
.heroContact .imgFrame{position:relative;width:100%;overflow:hidden;border:3px solid #118C94}
.heroContact .imgFrame::before{content:'';position:absolute;top:-10px;right:-10px;width:100px;height:100px;border:2px solid #F9F841;z-index:1}
.heroContact .imgFrame img{width:100%;height:auto;display:block;object-fit:cover}
.infoGrid{background:#fff;padding:70px 20px}
.infoGrid .innerCont{max-width:1280px;margin:0 auto}
.infoGrid .header2{font-size:38px;line-height:1.2;margin:0 0 50px;color:#1a1a1a;font-weight:600;text-align:center}
.infoGrid .contactCards{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.infoGrid .card{background:#fafafa;padding:35px 28px;position:relative;transition:all .3s ease;border:1px solid #e0e0e0}
.infoGrid .card:hover{transform:translateY(-4px);box-shadow:0 8px 20px #118c9426;border-color:#118C94}
.infoGrid .card::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#F9F841 0%,#118C94 100%);transition:height .3s ease}
.infoGrid .card:hover::before{height:100%}
.infoGrid .iconWrap{width:50px;height:50px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F9F841 0%,#118C94 100%);border-radius:8px}
.infoGrid .iconWrap i{font-size:24px;color:#1a1a1a}
.infoGrid .cardTitle{font-size:22px;font-weight:600;margin:0 0 12px;color:#1a1a1a}
.infoGrid .cardTxt{font-size:16px;line-height:1.5;color:#555;margin:0}
.infoGrid .cardLink{color:#118C94;text-decoration:none;font-weight:500;transition:color .3s ease}
.infoGrid .cardLink:hover{color:#0d6b71}
.formSec{background:linear-gradient(145deg,#f5f5f5 0%,#fff 100%);padding:80px 20px}
.formSec .formWrap{max-width:680px;margin:0 auto}
.formSec .header3{font-size:42px;line-height:1.2;margin:0 0 18px;color:#1a1a1a;font-weight:700;text-align:center}
.formSec .formDesc{font-size:17px;line-height:1.6;color:#555;margin:0 0 45px;text-align:center}
.formSec .contactForm{background:#fff;padding:45px 40px;box-shadow:0 4px 16px #00000014}
.formSec .fieldRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 20px}
.formSec .fieldGrp{margin:0 0 20px}
.formSec .fieldLabel{display:block;font-size:15px;font-weight:600;margin:0 0 8px;color:#2a2a2a}
.formSec .fieldInput{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;background:#fafafa;color:#1a1a1a;transition:all .3s ease;outline:none}
.formSec .fieldInput:focus{border-color:#118C94;background:#fff;box-shadow:0 0 0 3px #118c941a}
.formSec .textareaFld{width:100%;padding:14px 16px;font-size:16px;border:2px solid #e0e0e0;background:#fafafa;color:#1a1a1a;min-height:140px;resize:vertical;transition:all .3s ease;outline:none;font-family:inherit}
.formSec .textareaFld:focus{border-color:#118C94;background:#fff;box-shadow:0 0 0 3px #118c941a}
.formSec .privacyWrap{margin:0 0 24px}
.formSec .checkboxWrap{display:flex;align-items:flex-start;gap:10px}
.formSec .checkboxInput{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#118C94}
.formSec .checkboxLabel{font-size:14px;line-height:1.5;color:#555;cursor:pointer}
.formSec .checkboxLabel a{color:#118C94;text-decoration:underline;transition:color .3s ease}
.formSec .checkboxLabel a:hover{color:#0d6b71}
.formSec .submitBtn{width:100%;padding:16px 32px;font-size:18px;font-weight:600;color:#1a1a1a;background:linear-gradient(135deg,#F9F841 0%,#FDC5D4 100%);border:none;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}
.formSec .submitBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(135deg,#118C94 0%,#F9F841 100%);transition:left .4s ease;z-index:-1}
.formSec .submitBtn:hover::before{left:0}
.formSec .submitBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #118c944d}
.quickLinks{background:#1a1a1a;padding:60px 20px}
.quickLinks .linksCont{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.quickLinks .linkBox{background:#2a2a2a;padding:40px 35px;position:relative;transition:all .3s ease;border-left:4px solid transparent}
.quickLinks .linkBox:hover{background:#333;border-left-color:#F9F841;transform:translateX(8px)}
.quickLinks .linkBox::after{content:'→';position:absolute;right:30px;top:50%;transform:translateY(-50%);font-size:32px;color:#F9F841;opacity:0;transition:all .3s ease}
.quickLinks .linkBox:hover::after{opacity:1;right:25px}
.quickLinks .boxTitle{font-size:26px;font-weight:600;margin:0 0 14px;color:#F9F841}
.quickLinks .boxDesc{font-size:16px;line-height:1.6;color:#ccc;margin:0 0 20px}
.quickLinks .linkBtn{display:inline-block;padding:12px 28px;font-size:16px;font-weight:600;color:#1a1a1a;background:#F9F841;text-decoration:none;transition:all .3s ease;border:2px solid #F9F841}
.quickLinks .linkBtn:hover{background:transparent;color:#F9F841}
@media (max-width: 1024px) {
.heroContact .heroGrid{gap:40px}
.heroContact .heading1{font-size:42px}
.infoGrid .contactCards{grid-template-columns:repeat(2,1fr);gap:30px}
.formSec .header3{font-size:36px}
}
@media (max-width: 768px) {
.heroContact .heroGrid{grid-template-columns:1fr;gap:40px}
.heroContact .leftCol{padding-right:0}
.heroContact .heading1{font-size:36px}
.heroContact .imgFrame::before{width:60px;height:60px}
.infoGrid .contactCards{grid-template-columns:1fr;gap:25px}
.formSec .fieldRow{grid-template-columns:1fr;gap:20px}
.formSec .contactForm{padding:35px 25px}
.quickLinks .linksCont{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 480px) {
.heroContact{padding:50px 20px 40px}
.heroContact .heading1{font-size:30px;margin-bottom:18px}
.heroContact .subtxt{font-size:16px}
.infoGrid{padding:50px 20px}
.infoGrid .header2{font-size:30px;margin-bottom:35px}
.formSec{padding:60px 20px}
.formSec .header3{font-size:30px}
.formSec .contactForm{padding:30px 20px}
.quickLinks{padding:50px 20px}
.quickLinks .boxTitle{font-size:22px}
}
.ptnHero{background:linear-gradient(303deg,#F9F841 0%,#118C94 50%,#FDC5D4 100%);padding:90px 20px 110px;position:relative;overflow:hidden}
.ptnHero::before{content:'';position:absolute;top:-50px;right:-80px;width:320px;height:320px;background:#fdc5d44d;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);z-index:1}
.ptnHero::after{content:'';position:absolute;bottom:-40px;left:-60px;width:260px;height:260px;background:#118c9440;border-radius:50%;z-index:1}
.ptnHero .heroWrap{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.ptnHero h1{font-size:3.2rem;line-height:1.15;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.ptnHero .heroSub{font-size:1.25rem;line-height:1.6;color:#2d2d2d;max-width:680px}
.collabGrid{padding:100px 20px;background:#fafafa}
.collabGrid .cgWrap{max-width:1280px;margin:0 auto}
.collabGrid h2{font-size:2.3rem;color:#1a1a1a;margin:0 0 48px;font-weight:600;text-align:center}
.collabGrid .gridLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.collabGrid .partnerBox{background:#fff;padding:50px 40px;box-shadow:0 4px 14px #00000014;border-radius:8px;transition:transform .3s ease,box-shadow .3s ease;display:flex;flex-direction:column;gap:28px}
.collabGrid .partnerBox:hover{transform:translateY(-6px);box-shadow:0 10px 24px #118c9426}
.collabGrid .partnerBox h3{font-size:1.6rem;color:#118C94;margin:0;font-weight:600;position:relative;padding-left:18px}
.collabGrid .partnerBox h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:5px;height:28px;background:#F9F841}
.collabGrid .partnerBox .partnerDesc{font-size:1rem;line-height:1.7;color:#444;margin:0}
.collabGrid .partnerBox .partnerType{font-size:.88rem;color:#666;font-style:italic;margin:0}
.benefitsSect{padding:100px 20px;background:#fff;position:relative}
.benefitsSect::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#F9F841 0%,#118C94 50%,#FDC5D4 100%)}
.benefitsSect .bnfWrap{max-width:1280px;margin:0 auto;display:flex;gap:60px;align-items:center}
.benefitsSect .bnfText{flex:1}
.benefitsSect .bnfText h2{font-size:2.2rem;color:#1a1a1a;margin:0 0 30px;font-weight:600}
.benefitsSect .bnfText p{font-size:1.05rem;line-height:1.75;color:#444;margin:0 0 20px}
.benefitsSect .bnfList{list-style:none;padding:0;margin:30px 0 0}
.benefitsSect .bnfList li{padding:12px 0 12px 40px;position:relative;font-size:1rem;color:#333;line-height:1.6}
.benefitsSect .bnfList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:24px;height:24px;background:#F9F841;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.benefitsSect .bnfImg{flex:0 0 480px}
.benefitsSect .bnfImg img{width:100%;height:340px;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px #0000001f}
.testimSect{padding:90px 20px 110px;background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%)}
.testimSect .tstWrap{max-width:1280px;margin:0 auto}
.testimSect h2{font-size:2.1rem;color:#1a1a1a;margin:0 0 60px;font-weight:600;text-align:center}
.testimSect .testimCards{display:flex;gap:36px}
.testimSect .testimCard{flex:1;background:#fff;padding:40px 34px;border-radius:8px;box-shadow:0 6px 18px #00000014;position:relative;transition:box-shadow .3s ease}
.testimSect .testimCard::before{content:'"';position:absolute;top:14px;left:20px;font-size:5rem;color:#FDC5D4;font-family:Georgia,serif;line-height:1;opacity:.4}
.testimSect .testimCard:hover{box-shadow:0 12px 28px #118c941f}
.testimSect .testimCard .cardQuote{font-size:1.02rem;line-height:1.7;color:#444;margin:0 0 28px;position:relative;z-index:2}
.testimSect .testimCard .cardAuthor{font-size:1.05rem;color:#118C94;font-weight:600;margin:0 0 6px}
.testimSect .testimCard .cardRole{font-size:.92rem;color:#666;margin:0}
.testimSect .testimCard .cardRating{margin:18px 0 0;display:flex;gap:4px}
.testimSect .testimCard .cardRating svg{width:18px;height:18px;fill:#F9F841}
.ctaSect{padding:80px 20px;background:#fff;border-top:1px solid #e0e0e0}
.ctaSect .ctaWrap{max-width:900px;margin:0 auto;text-align:center}
.ctaSect h2{font-size:2rem;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.ctaSect .ctaText{font-size:1.08rem;line-height:1.7;color:#444;margin:0 0 36px}
.ctaSect .ctaBtns{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.ctaSect .ctaBtns a{display:inline-block;padding:16px 38px;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:6px;transition:all .3s ease;z-index:10;position:relative}
.ctaSect .ctaBtns .btnPrimary{background:#118C94;color:#fff}
.ctaSect .ctaBtns .btnPrimary:hover{background:#0d6e75;transform:translateY(-2px);box-shadow:0 6px 16px #118c944d}
.ctaSect .ctaBtns .btnSecondary{background:#F9F841;color:#1a1a1a}
.ctaSect .ctaBtns .btnSecondary:hover{background:#f0ed2d;transform:translateY(-2px);box-shadow:0 6px 16px #f9f84166}
@media (max-width: 1024px) {
.ptnHero h1{font-size:2.6rem}
.collabGrid .gridLayout{gap:30px}
.benefitsSect .bnfWrap{flex-direction:column}
.benefitsSect .bnfImg{flex:0 0 auto;width:100%}
.benefitsSect .bnfImg img{height:300px}
.testimSect .testimCards{flex-direction:column}
}
@media (max-width: 768px) {
.ptnHero{padding:60px 20px 80px}
.ptnHero h1{font-size:2.2rem}
.ptnHero .heroSub{font-size:1.1rem}
.collabGrid{padding:70px 20px}
.collabGrid h2{font-size:1.9rem;margin-bottom:36px}
.collabGrid .gridLayout{grid-template-columns:1fr;gap:24px}
.collabGrid .partnerBox{padding:36px 28px}
.benefitsSect{padding:70px 20px}
.benefitsSect .bnfText h2{font-size:1.8rem}
.benefitsSect .bnfImg img{height:260px}
.testimSect{padding:70px 20px 80px}
.testimSect h2{font-size:1.8rem;margin-bottom:40px}
.ctaSect{padding:60px 20px}
.ctaSect h2{font-size:1.7rem}
.ctaSect .ctaBtns{flex-direction:column;align-items:center}
.ctaSect .ctaBtns a{width:100%;max-width:320px}
}
@media (max-width: 480px) {
.ptnHero h1{font-size:1.8rem}
.ptnHero .heroSub{font-size:1rem}
.collabGrid h2{font-size:1.6rem}
.collabGrid .partnerBox{padding:28px 22px;gap:20px}
.collabGrid .partnerBox h3{font-size:1.4rem}
.benefitsSect .bnfText h2{font-size:1.6rem}
.benefitsSect .bnfText p{font-size:1rem}
.benefitsSect .bnfList li{padding-left:34px;font-size:.95rem}
.testimSect h2{font-size:1.6rem}
.testimSect .testimCard{padding:32px 24px}
.ctaSect h2{font-size:1.5rem}
.ctaSect .ctaText{font-size:1rem}
}
.scPg{background:linear-gradient(135deg,#F9F841 0%,#118C94 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:3rem 1.5rem;position:relative;overflow:hidden}
.scPg::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:120%;background:radial-gradient(circle,#fdc5d466 0%,transparent 70%);border-radius:50%;animation:floatCircle 8s ease-in-out infinite}
.scPg::after{content:'';position:absolute;bottom:-30%;left:-15%;width:50%;height:100%;background:radial-gradient(ellipse,#118c944d 0%,transparent 65%);border-radius:50%;animation:floatCircle 10s ease-in-out infinite reverse}
@keyframes floatCircle {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,30px) scale(1.05)}
}
.scPg .msgWrap{max-width:720px;text-align:center;position:relative;z-index:2;background:#fffffff2;padding:4rem 3rem;border-radius:8px;box-shadow:0 12px 48px #00000026}
.scPg .icnChk{width:84px;height:84px;margin:0 auto 2rem;background:linear-gradient(135deg,#118C94 0%,#F9F841 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .6s ease-out}
.scPg .icnChk svg{width:48px;height:48px;fill:#fff}
@keyframes scaleIn {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.scPg .msgWrap h1{font-size:2.5rem;font-weight:700;color:#118C94;margin-bottom:1.25rem;line-height:1.2}
.scPg .msgWrap .subTxt{font-size:1.125rem;color:#555;line-height:1.7;margin-bottom:2.5rem;max-width:580px;margin-left:auto;margin-right:auto}
.scPg .btnsRow{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}
.scPg .btnPrim{background:linear-gradient(135deg,#118C94 0%,#0d6a70 100%);color:#fff;padding:.95rem 2.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;box-shadow:0 4px 16px #118c944d;border:none;cursor:pointer;position:relative;z-index:5}
.scPg .btnPrim:hover{transform:translateY(-2px);box-shadow:0 8px 24px #118c9466;background:linear-gradient(135deg,#0d6a70 0%,#118C94 100%)}
.scPg .btnSec{background:transparent;color:#118C94;padding:.95rem 2.5rem;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s ease;border:2px solid #118C94;cursor:pointer;position:relative;z-index:5}
.scPg .btnSec:hover{background:#118C94;color:#fff;transform:translateY(-2px)}
.infoGrid{max-width:1280px;margin:0 auto;padding:5rem 1.5rem}
.infoGrid .gridLayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}
.infoGrid .cardItem{background:#fff;padding:2.5rem 2rem;border-left:4px solid;box-shadow:0 4px 16px #00000014;transition:all .3s ease;position:relative}
.infoGrid .cardItem:nth-child(1){border-left-color:#F9F841}
.infoGrid .cardItem:nth-child(2){border-left-color:#118C94}
.infoGrid .cardItem:nth-child(3){border-left-color:#FDC5D4}
.infoGrid .cardItem:hover{transform:translateX(8px);box-shadow:0 8px 24px #0000001f}
.infoGrid .cardItem h3{font-size:1.35rem;font-weight:700;color:#222;margin-bottom:1rem}
.infoGrid .cardItem p{font-size:1rem;color:#666;line-height:1.7}
.infoGrid .cardItem .icnBox{width:52px;height:52px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem}
.infoGrid .cardItem:nth-child(1) .icnBox{background:#f9f84126}
.infoGrid .cardItem:nth-child(2) .icnBox{background:#118c9426}
.infoGrid .cardItem:nth-child(3) .icnBox{background:#fdc5d426}
.infoGrid .cardItem .icnBox svg{width:28px;height:28px}
.infoGrid .cardItem:nth-child(1) .icnBox svg{fill:#118C94}
.infoGrid .cardItem:nth-child(2) .icnBox svg{fill:#0d6a70}
.infoGrid .cardItem:nth-child(3) .icnBox svg{fill:#e893a9}
@media (max-width: 768px) {
.scPg{padding:2rem 1rem;min-height:75vh}
.scPg .msgWrap{padding:3rem 2rem}
.scPg .msgWrap h1{font-size:2rem}
.scPg .msgWrap .subTxt{font-size:1rem}
.scPg .btnsRow{flex-direction:column;align-items:stretch}
.scPg .btnPrim,.scPg .btnSec{width:100%;text-align:center}
.infoGrid{padding:3rem 1rem}
.infoGrid .gridLayout{grid-template-columns:1fr;gap:1.5rem}
}
@media (max-width: 480px) {
.scPg .icnChk{width:72px;height:72px}
.scPg .icnChk svg{width:40px;height:40px}
.scPg .msgWrap h1{font-size:1.75rem}
.infoGrid .cardItem{padding:2rem 1.5rem}
}