*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'PT Sans',sans-serif;color:#272727;background:#FFF;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{text-decoration:none;color:inherit}
.ctr{max-width:1320px;margin:0 auto;padding:0 20px}
.hdrWrap{background:linear-gradient(135deg,#FFF 0%,#FFF5F2 100%);box-shadow:0 4px 12px #ff9f861a}
.hdrWrap .topRow{padding:30px 0;border-bottom:1px solid #ff9f8633}
.hdrWrap .topRow .ctr{display:flex;justify-content:center;align-items:center}
.hdrWrap .compName{font-size:32px;font-weight:700;color:#272727;letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#272727 0%,#FF9F86 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hdrWrap .btmRow{padding:20px 0}
.hdrWrap .mainNv{display:flex;justify-content:center;align-items:center;gap:40px;flex-wrap:wrap}
.hdrWrap .mainNv .nvLink{font-size:16px;font-weight:400;color:#272727;padding:8px 16px;border-radius:4px;transition:all .3s ease;position:relative}
.hdrWrap .mainNv .nvLink:hover{background:#ff9f861a;color:#FF9F86}
.ftrWrap{background:#272727;padding:60px 0 20px;position:relative;overflow:hidden}
.ftrWrap .ftrGrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;margin-bottom:40px}
.ftrWrap .ftrLeft .ftrBrand{display:flex;align-items:center;gap:20px;margin-bottom:30px}
.ftrWrap .ftrLeft .ftrLogo{width:90px;height:90px;background:#FFF;border-radius:12px;padding:12px;box-shadow:0 6px 20px #ff9f864d}
.ftrWrap .ftrLeft .lgImg{width:100%;height:100%;object-fit:contain}
.ftrWrap .ftrLeft .ftrCompany{font-size:28px;font-weight:700;color:#FFF;letter-spacing:1px}
.ftrWrap .ftrContact{display:flex;flex-direction:column;gap:16px}
.ftrWrap .ftrContact .ctItem{display:flex;align-items:flex-start;gap:12px;color:#FFF;font-size:14px}
.ftrWrap .ftrContact .ctItem .i-icon{color:#FF9F86;font-size:18px;flex-shrink:0;margin-top:2px}
.ftrWrap .ftrRight{display:flex;flex-direction:column;gap:30px;position:relative}
.ftrWrap .ftrNavWrap{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.ftrWrap .ftrNavCol .ftrNavHd{font-size:16px;font-weight:700;color:#FF9F86;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.ftrWrap .ftrNavCol .ftrNavLink{display:block;font-size:14px;color:#FFF;margin-bottom:10px;transition:all .3s ease;padding:4px 0}
.ftrWrap .ftrNavCol .ftrNavLink:hover{color:#FF9F86;padding-left:8px}
.ftrWrap .ftrDecor{display:flex;gap:12px;justify-content:flex-end;margin-top:20px}
.ftrWrap .ftrDecor .dcBox{width:60px;height:60px;border-radius:8px;border:2px solid #ff9f864d}
.ftrWrap .ftrDecor .dc1{background:linear-gradient(135deg,#ff9f8633 0%,transparent 100%)}
.ftrWrap .ftrDecor .dc2{background:linear-gradient(225deg,#ff9f8626 0%,transparent 100%)}
.ftrWrap .ftrDecor .dc3{background:linear-gradient(315deg,#ff9f861a 0%,transparent 100%)}
.ftrWrap .ftrBtm{border-top:1px solid #ff9f8633;padding-top:20px;text-align:center}
.ftrWrap .ftrBtm .cpyTxt{font-size:14px;color:#ffffffb3}
.ckBanner{position:fixed;left:0;top:50%;transform:translateY(-50%) translateX(-100%);background:#FFF;box-shadow:4px 0 20px #27272726;max-width:380px;padding:24px 28px;border-radius:0 8px 8px 0;z-index:9999;transition:transform .4s ease;border-left:4px solid #FF9F86}
.ckBanner.show{transform:translateY(-50%) translateX(0)}
.ckBanner .ckInner{display:flex;flex-direction:column;gap:16px}
.ckBanner .ckTxt{font-size:14px;line-height:1.5;color:#272727;margin:0}
.ckBanner .ckActions{display:flex;align-items:center;gap:20px}
.ckBanner .ckBtn{background:transparent;border:none;color:#FF9F86;font-size:14px;font-weight:700;cursor:pointer;padding:0;font-family:'PT Sans',sans-serif;transition:all .3s ease;text-decoration:underline;text-underline-offset:4px}
.ckBanner .ckBtn:hover{color:#272727}
.ckBanner .ckLink{color:#272727;font-size:13px;transition:all .3s ease;text-decoration:underline;text-underline-offset:3px}
.ckBanner .ckLink:hover{color:#FF9F86}
@media (max-width: 968px) {
.ftrWrap .ftrGrid{grid-template-columns:1fr;gap:40px}
.ftrWrap .ftrNavWrap{grid-template-columns:repeat(2,1fr)}
.ftrWrap .ftrDecor{justify-content:flex-start}
}
@media (max-width: 768px) {
.hdrWrap .compName{font-size:26px}
.hdrWrap .mainNv{gap:20px}
.hdrWrap .mainNv .nvLink{font-size:15px;padding:6px 12px}
.ftrWrap .ftrNavWrap{grid-template-columns:1fr}
.ckBanner{max-width:320px;padding:20px 24px}
}
@media (max-width: 480px) {
.hdrWrap .topRow{padding:20px 0}
.hdrWrap .compName{font-size:22px}
.hdrWrap .mainNv{gap:12px}
.hdrWrap .mainNv .nvLink{font-size:14px;padding:6px 10px}
.ftrWrap .ftrLeft .ftrBrand{flex-direction:column;align-items:flex-start}
.ftrWrap .ftrLeft .ftrLogo{width:70px;height:70px}
.ftrWrap .ftrLeft .ftrCompany{font-size:24px}
.ckBanner{max-width:280px;padding:18px 20px;left:-10px}
.ckBanner .ckTxt{font-size:13px}
}
.progWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.hro{background:linear-gradient(135deg,#FF9F86 0%,#FFF 100%);padding:80px 0;position:relative;overflow:hidden}
.hro::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#272727;opacity:.03;border-radius:50%}
.hroInr{display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.hroTxt{flex:1}
.hroTtl{font-size:48px;font-weight:700;color:#272727;margin:0 0 24px;line-height:1.2}
.hroTtl::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#272727 0%,#FF9F86 100%);margin-top:16px;border-radius:2px}
.hroDesc{font-size:18px;color:#272727;line-height:1.6;margin:0 0 32px}
.hroImg{flex:0 0 420px}
.hroImg img{width:100%;height:480px;object-fit:cover;border-radius:20px;box-shadow:0 12px 32px #27272726}
.btn1{display:inline-block;padding:16px 40px;background:#272727;color:#FFF;text-decoration:none;border-radius:8px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #ff9f864d}
.btn1:hover{background:#FF9F86;color:#272727;transform:translateY(-2px);box-shadow:0 8px 24px #ff9f8666}
.modSec{padding:100px 0;background:#FFF}
.modGrd{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.modLeft{position:sticky;top:40px}
.modHd{font-size:38px;font-weight:700;color:#272727;margin:0 0 20px;position:relative;padding-left:20px}
.modHd::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#FF9F86 0%,#272727 100%);border-radius:3px}
.modSub{font-size:16px;color:#272727;line-height:1.7;margin:0 0 28px;padding-left:20px}
.modPic img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #2727271a}
.modList{display:flex;flex-direction:column;gap:24px}
.modItm{background:linear-gradient(135deg,#FFF 0%,#FFF5F3 100%);padding:32px;border-radius:12px;border-left:4px solid #FF9F86;transition:all .3s ease;box-shadow:0 4px 12px #2727270d}
.modItm:hover{transform:translateX(8px);box-shadow:0 8px 20px #ff9f8626}
.modNm{font-size:22px;font-weight:700;color:#272727;margin:0 0 12px}
.modTxt{font-size:15px;color:#272727;line-height:1.6;margin:0 0 16px}
.modMeta{display:flex;gap:24px;align-items:center}
.metaTag{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:#272727;background:#FFF;padding:6px 14px;border-radius:20px}
.metaTag::before{content:'';width:8px;height:8px;background:#FF9F86;border-radius:50%}
.rvwBlk{background:linear-gradient(165deg,#272727 0%,#3d3d3d 100%);padding:90px 0;position:relative}
.rvwBlk::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent 0%,#FF9F86 50%,transparent 100%)}
.rvwHdr{text-align:center;margin-bottom:60px}
.rvwTtl{font-size:40px;font-weight:700;color:#FFF;margin:0 0 16px}
.rvwLn{font-size:17px;color:#FF9F86;margin:0}
.rvwCrd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.crdWrap{background:#FFF;border-radius:16px;padding:36px;position:relative;transition:all .3s ease;box-shadow:0 6px 18px #0000001a}
.crdWrap:hover{transform:translateY(-6px);box-shadow:0 12px 32px #ff9f8633}
.crdTop{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.crdPic{width:64px;height:64px;border-radius:50%;overflow:hidden;border:3px solid #FF9F86}
.crdPic img{width:100%;height:100%;object-fit:cover}
.crdInfo h4{font-size:18px;font-weight:700;color:#272727;margin:0 0 4px}
.crdInfo p{font-size:14px;color:#666;margin:0}
.crdTxt{font-size:15px;color:#272727;line-height:1.7;margin:0 0 20px}
.crdStar{display:flex;gap:4px}
.crdStar::before{content:'';color:#FF9F86;font-size:16px;letter-spacing:2px}
.divider1{height:2px;background:linear-gradient(90deg,#FF9F86 0%,#272727 50%,#FF9F86 100%);margin:0;opacity:.3}
@media (max-width: 1024px) {
.hroInr{flex-direction:column;gap:40px}
.hroImg{flex:0 0 auto;width:100%}
.hroImg img{height:400px}
.modGrd{grid-template-columns:1fr;gap:40px}
.modLeft{position:static}
.rvwCrd{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hro{padding:60px 0}
.hroTtl{font-size:36px}
.hroDesc{font-size:16px}
.hroImg img{height:320px}
.modSec{padding:70px 0}
.modHd{font-size:30px}
.modItm{padding:24px}
.modNm{font-size:20px}
.rvwBlk{padding:70px 0}
.rvwTtl{font-size:32px}
.crdWrap{padding:28px}
}
@media (max-width: 480px) {
.hroTtl{font-size:28px}
.btn1{padding:14px 32px;font-size:15px}
.modHd{font-size:26px}
.modMeta{flex-direction:column;align-items:flex-start;gap:12px}
.rvwTtl{font-size:28px}
}
.titleOuter{max-width:1320px;margin:0 auto;padding:60px 20px;display:flex;align-items:center;gap:40px}
.titleTxt{flex:1}
.titleTxt .mainHd{font-size:48px;font-weight:700;color:#272727;margin:0 0 16px;line-height:1.2}
.titleTxt .subHd{font-size:20px;color:#272727;margin:0 0 32px;line-height:1.6}
.titleBtns{display:flex;gap:16px;flex-wrap:wrap}
.titleBtns .primBtn{background:linear-gradient(135deg,#FF9F86 0%,#272727 100%);color:#FFF;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease;display:inline-block;box-shadow:0 4px 12px #ff9f864d;z-index:10;position:relative}
.titleBtns .primBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff9f8666}
.titleBtns .secBtn{background:transparent;color:#272727;padding:16px 32px;border-radius:8px;text-decoration:none;font-weight:600;border:2px solid #272727;transition:all .3s ease;display:inline-block;z-index:10;position:relative}
.titleBtns .secBtn:hover{background:#272727;color:#FFF}
.titleImgWrap{flex:1;position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #27272726}
.titleImgWrap img{width:100%;height:auto;display:block;filter:brightness(0.95) contrast(1.05)}
.titleImgWrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff9f8626 0%,#2727271a 100%);pointer-events:none}
.waveDiv{width:100%;height:80px;position:relative;overflow:hidden}
.waveDiv svg{width:100%;height:100%;display:block}
.problemSolve{background:linear-gradient(180deg,#FFF 0%,#FFF5F2 100%);padding:80px 20px}
.problemInner{max-width:1320px;margin:0 auto}
.problemInner .sectionHd{font-size:38px;font-weight:700;color:#272727;margin:0 0 48px;text-align:center;position:relative}
.problemInner .sectionHd::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FF9F86 0%,#272727 100%);margin:16px auto 0;border-radius:2px}
.probGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.probCard{background:#FFF;padding:32px;border-radius:12px;box-shadow:0 4px 16px #27272714;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #FF9F86}
.probCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #2727271f}
.probCard .cardHd{font-size:24px;font-weight:700;color:#272727;margin:0 0 16px;position:relative;padding-left:28px}
.probCard .cardHd::before{content:'';position:absolute;left:0;top:4px;width:16px;height:16px;background:#FF9F86;border-radius:50%}
.probCard .cardTxt{font-size:16px;color:#272727;line-height:1.7;margin:0}
.relevanceWrap{background:#FFF;padding:80px 20px}
.relevanceData{max-width:1320px;margin:0 auto;display:flex;gap:60px;align-items:center}
.relevanceTxt{flex:1.2}
.relevanceTxt .sectionHd{font-size:38px;font-weight:700;color:#272727;margin:0 0 24px;position:relative;display:inline-block}
.relevanceTxt .sectionHd::before{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#FF9F86 0%,transparent 100%)}
.relevanceTxt .descTxt{font-size:16px;color:#272727;line-height:1.7;margin:32px 0 0}
.relevanceImg{flex:.8;border-radius:16px;overflow:hidden;box-shadow:0 12px 32px #2727271a}
.relevanceImg img{width:100%;height:auto;display:block}
.statList{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:32px 0 0}
.statItem{background:linear-gradient(135deg,#FFF5F2 0%,#FFF 100%);padding:24px;border-radius:8px;border-left:4px solid #FF9F86}
.statItem .statNum{font-size:32px;font-weight:700;color:#272727;margin:0 0 8px;display:block}
.statItem .statLbl{font-size:14px;color:#272727;margin:0;line-height:1.5}
.experienceArea{background:linear-gradient(180deg,#FFF5F2 0%,#FFF 100%);padding:80px 20px}
.expContainer{max-width:1320px;margin:0 auto}
.expContainer .sectionHd{font-size:38px;font-weight:700;color:#272727;margin:0 0 16px;text-align:center}
.expContainer .sectionSub{font-size:18px;color:#272727;text-align:center;margin:0 0 48px;line-height:1.6}
.expTabs{display:flex;gap:16px;justify-content:center;margin:0 0 40px}
.tabBtn{display:none}
.tabLbl{padding:12px 28px;background:#FFF;border:2px solid #272727;border-radius:24px;color:#272727;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-block}
.tabLbl:hover{background:#FFF5F2}
.tabBtn:checked + .tabLbl{background:linear-gradient(135deg,#FF9F86 0%,#272727 100%);color:#FFF;border-color:transparent}
.tabContent{display:none;animation:fadeIn .4s ease}
#tab1:checked ~ .tabPanels .panel1,#tab2:checked ~ .tabPanels .panel2,#tab3:checked ~ .tabPanels .panel3{display:block}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.tabPanels{position:relative}
.panelGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.featureBox{background:#FFF;padding:32px;border-radius:12px;box-shadow:0 4px 16px #27272714;position:relative;overflow:hidden}
.featureBox::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF9F86 0%,#272727 100%)}
.featureBox .featureHd{font-size:22px;font-weight:700;color:#272727;margin:0 0 16px}
.featureBox .featureTxt{font-size:16px;color:#272727;line-height:1.7;margin:0}
.featureBox .iconWrap{width:48px;height:48px;background:linear-gradient(135deg,#FF9F86 0%,#FFC4B3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 16px}
.featureBox .iconWrap svg{width:24px;height:24px;fill:#FFF}
.testimonialSec{background:#FFF;padding:80px 20px}
.testWrap{max-width:1320px;margin:0 auto}
.testWrap .sectionHd{font-size:38px;font-weight:700;color:#272727;margin:0 0 48px;text-align:center}
.testGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.testCard{background:linear-gradient(135deg,#FFF5F2 0%,#FFF 100%);padding:32px;border-radius:16px;box-shadow:0 8px 20px #27272714;position:relative}
.testCard::before{content:'"';position:absolute;top:16px;right:24px;font-size:80px;color:#ff9f8633;font-family:Georgia,serif;line-height:1}
.testCard .testTxt{font-size:16px;color:#272727;line-height:1.7;margin:0 0 24px;position:relative;z-index:2}
.testAuthor{display:flex;align-items:center;gap:16px}
.testAuthor .authorImg{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid #FF9F86}
.testAuthor .authorImg img{width:100%;height:100%;object-fit:cover}
.testAuthor .authorInfo .authorName{font-size:18px;font-weight:700;color:#272727;margin:0 0 4px}
.testAuthor .authorInfo .authorRole{font-size:14px;color:#272727;margin:0}
@media (max-width: 1024px) {
.titleOuter{flex-direction:column;padding:40px 20px}
.titleTxt .mainHd{font-size:36px}
.probGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.relevanceData{flex-direction:column;gap:40px}
.panelGrid{grid-template-columns:1fr;gap:24px}
.testGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleTxt .mainHd{font-size:32px}
.titleTxt .subHd{font-size:18px}
.titleBtns{flex-direction:column}
.titleBtns .primBtn,.titleBtns .secBtn{width:100%;text-align:center}
.probGrid{grid-template-columns:1fr;gap:20px}
.problemSolve,.relevanceWrap,.experienceArea,.testimonialSec{padding:60px 20px}
.problemInner .sectionHd,.relevanceTxt .sectionHd,.expContainer .sectionHd,.testWrap .sectionHd{font-size:28px}
.statList{grid-template-columns:1fr;gap:16px}
.expTabs{flex-direction:column}
.tabLbl{width:100%;text-align:center}
}
.ctWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.hroSect{padding:80px 0 60px;background:linear-gradient(135deg,#FFF 0%,#FFE9E3 100%)}
.hroSect .mainTtl{font-size:48px;font-weight:700;color:#272727;margin:0 0 20px;line-height:1.2}
.hroSect .subLine{font-size:18px;color:#272727;margin:0 0 40px;opacity:.8}
.frmArea{background:#FFF;border-radius:20px;padding:50px;box-shadow:0 8px 20px #ff9f8626}
.frmGrp{margin:0 0 28px}
.frmGrp label{display:block;font-size:15px;font-weight:600;color:#272727;margin:0 0 10px}
.frmGrp input[type="text"],.frmGrp input[type="email"]{width:100%;padding:16px 20px;border:2px solid #FFE9E3;border-radius:12px;font-size:16px;color:#272727;background:#FFF;transition:all .3s ease;box-sizing:border-box}
.frmGrp input[type="text"]:focus,.frmGrp input[type="email"]:focus{outline:none;border-color:#FF9F86;box-shadow:0 4px 12px #ff9f8633}
.choiceSet{margin:0 0 28px}
.choiceSet .ttl{font-size:15px;font-weight:600;color:#272727;margin:0 0 16px}
.optRow{display:flex;flex-wrap:wrap;gap:12px}
.chkWrap{position:relative}
.chkWrap input[type="checkbox"]{position:absolute;opacity:0;width:0;height:0}
.chkWrap label{display:inline-block;padding:12px 24px;background:#FFF;border:2px solid #FFE9E3;border-radius:24px;font-size:15px;color:#272727;cursor:pointer;transition:all .3s ease;font-weight:500}
.chkWrap input[type="checkbox"]:checked + label{background:linear-gradient(135deg,#FF9F86 0%,#FFB8A5 100%);border-color:#FF9F86;color:#FFF;box-shadow:0 4px 12px #ff9f864d}
.chkWrap label:hover{border-color:#FF9F86;transform:translateY(-2px)}
.privLine{margin:32px 0 0;padding:20px;background:#FFF8F6;border-radius:12px;border-left:4px solid #FF9F86}
.privLine input[type="checkbox"]{margin:0 10px 0 0;width:18px;height:18px;cursor:pointer}
.privLine label{font-size:14px;color:#272727;cursor:pointer;display:inline;line-height:1.6}
.privLine a{color:#FF9F86;text-decoration:none;font-weight:600}
.privLine a:hover{text-decoration:underline}
.btnSubmit{width:100%;padding:18px 40px;background:linear-gradient(135deg,#272727 0%,#3D3D3D 100%);color:#FFF;font-size:17px;font-weight:700;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;margin:28px 0 0}
.btnSubmit:hover{transform:translateY(-2px);box-shadow:0 8px 20px #2727274d}
.dataBlk{padding:70px 0;background:#FFF}
.dataBlk .ctWrap{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.infoCard{padding:40px 32px;background:linear-gradient(135deg,#FFF8F6 0%,#FFF 100%);border-radius:16px;border:2px solid #FFE9E3;transition:all .3s ease}
.infoCard:hover{border-color:#FF9F86;box-shadow:0 8px 20px #ff9f8626;transform:translateY(-4px)}
.infoCard .icn{width:56px;height:56px;background:linear-gradient(135deg,#FF9F86 0%,#FFB8A5 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.infoCard .icn svg{width:28px;height:28px;fill:#FFF}
.infoCard .hd{font-size:20px;font-weight:700;color:#272727;margin:0 0 12px}
.infoCard .txt{font-size:15px;color:#272727;opacity:.8;line-height:1.6;margin:0 0 16px}
.infoCard a{color:#FF9F86;text-decoration:none;font-weight:600;font-size:15px}
.infoCard a:hover{text-decoration:underline}
.photoSect{padding:70px 0;background:linear-gradient(217deg,#FFF 0%,#FFF8F6 50%,#FFE9E3 100%)}
.photoGrid{display:grid;grid-template-columns:1.2fr 1fr;gap:40px;align-items:center}
.photoCol img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 30px #ff9f8633}
.photoCol.txt .mainH{font-size:36px;font-weight:700;color:#272727;margin:0 0 20px;line-height:1.3}
.photoCol.txt p{font-size:16px;color:#272727;line-height:1.7;margin:0 0 16px;opacity:.85}
.pathSect{padding:70px 0;background:#FFF}
.pathGrid{display:grid;grid-template-columns:1fr 1.3fr;gap:50px;align-items:center}
.pathImg img{width:100%;height:auto;border-radius:20px;box-shadow:0 12px 30px #2727271a}
.pathContent .hdr{font-size:38px;font-weight:700;color:#272727;margin:0 0 24px;line-height:1.2}
.stepList{display:flex;flex-direction:column;gap:24px}
.stepItem{display:flex;gap:20px;padding:24px;background:#FFF8F6;border-radius:14px;border-left:4px solid #FF9F86;transition:all .3s ease}
.stepItem:hover{background:#FFE9E3;transform:translateX(8px)}
.stepNum{width:48px;height:48px;background:linear-gradient(135deg,#272727 0%,#3D3D3D 100%);color:#FFF;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}
.stepTxt .stepHead{font-size:18px;font-weight:700;color:#272727;margin:0 0 8px}
.stepTxt p{font-size:15px;color:#272727;opacity:.8;line-height:1.6;margin:0}
@media (max-width: 968px) {
.hroSect .mainTtl{font-size:38px}
.frmArea{padding:35px 25px}
.photoGrid,.pathGrid{grid-template-columns:1fr;gap:30px}
.pathGrid{direction:ltr}
.pathImg{order:2}
.pathContent{order:1}
.optRow{flex-direction:column}
.chkWrap label{display:block;text-align:center}
}
@media (max-width: 640px) {
.hroSect{padding:50px 0 40px}
.hroSect .mainTtl{font-size:32px}
.frmArea{padding:25px 20px}
.dataBlk .ctWrap{grid-template-columns:1fr}
.photoCol.txt .mainH{font-size:28px}
.pathContent .hdr{font-size:30px}
.stepItem{flex-direction:column;text-align:center}
.stepNum{margin:0 auto}
}
.aboutWrp{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.heroAb{background:linear-gradient(142deg,#FF9F86 0%,#FFF 68%);padding:86px 0 94px;position:relative;overflow:hidden}
.heroAb::before{content:'';position:absolute;top:-120px;right:-80px;width:340px;height:340px;background:#272727;opacity:.08;border-radius:50%}
.heroAb .aboutWrp{display:flex;flex-direction:row;align-items:center;gap:68px}
.heroAbTxt{flex:1}
.heroAbTxt h1{font-size:46px;line-height:1.2;color:#272727;margin:0 0 22px;font-weight:700}
.heroAbTxt p{font-size:18px;line-height:1.6;color:#272727;margin:0 0 16px}
.heroAbImg{flex:0 0 420px;position:relative}
.heroAbImg img{width:100%;height:380px;object-fit:cover;border-radius:20px;box-shadow:0 12px 28px #27272724}
.storyBlk{padding:96px 0;background:#FFF}
.storyBlk .aboutWrp{display:grid;grid-template-columns:1fr 1fr;gap:84px;align-items:start}
.storyLft{position:relative}
.storyLft::after{content:'';position:absolute;bottom:-32px;left:-18px;width:180px;height:4px;background:linear-gradient(90deg,#FF9F86 0%,transparent 100%)}
.storyLft h2{font-size:38px;line-height:1.3;color:#272727;margin:0 0 28px;font-weight:700}
.storyLft h2::before{content:'';display:block;width:64px;height:6px;background:#FF9F86;margin-bottom:18px;border-radius:3px}
.storyLft p{font-size:17px;line-height:1.7;color:#272727;margin:0 0 18px}
.storyRgt{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.stImgBox{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 8px 22px #2727271a;transition:all .3s ease}
.stImgBox:hover{transform:translateY(-6px);box-shadow:0 14px 32px #ff9f8642}
.stImgBox img{width:100%;height:280px;object-fit:cover;display:block}
.stImgBox:nth-child(1){margin-top:42px}
.stImgBox:nth-child(2){margin-top:-24px}
.valuesArea{background:linear-gradient(218deg,#272727 0%,#3a3a3a 100%);padding:88px 0 102px;position:relative}
.valuesArea::after{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:88%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF9F86 50%,transparent 100%)}
.valHd{text-align:center;margin-bottom:64px}
.valHd h2{font-size:42px;line-height:1.2;color:#FFF;margin:0 0 18px;font-weight:700}
.valHd p{font-size:18px;line-height:1.6;color:#ffffffd6;margin:0}
.valGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valCard{background:#ffffff0d;border:1px solid #ff9f862e;border-radius:18px;padding:38px 28px;position:relative;transition:all .32s ease}
.valCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FF9F86 0%,transparent 100%);border-radius:18px 18px 0 0;opacity:0;transition:opacity .32s ease}
.valCard:hover::before{opacity:1}
.valCard:hover{background:#ffffff17;border-color:#ff9f8657;transform:translateY(-4px)}
.valCard h3{font-size:24px;line-height:1.3;color:#FFF;margin:0 0 16px;font-weight:600}
.valCard p{font-size:16px;line-height:1.7;color:#ffffffc7;margin:0}
.teamSec{padding:94px 0;background:#FFF}
.teamSec .aboutWrp{max-width:960px}
.teamHd{text-align:center;margin-bottom:58px}
.teamHd h2{font-size:40px;line-height:1.2;color:#272727;margin:0 0 14px;font-weight:700;position:relative;display:inline-block}
.teamHd h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:120px;height:4px;background:#FF9F86;border-radius:2px}
.teamRoster{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.tmCard{display:flex;flex-direction:row;gap:28px;align-items:center;background:linear-gradient(135deg,#FFF 0%,#f9f9f9 100%);border:2px solid #ff9f861f;border-radius:16px;padding:32px;transition:all .3s ease}
.tmCard:hover{border-color:#ff9f8661;box-shadow:0 10px 28px #ff9f862e}
.tmPic{flex:0 0 126px}
.tmPic img{width:126px;height:126px;object-fit:cover;border-radius:50%;border:4px solid #FF9F86}
.tmInfo{flex:1}
.tmInfo h4{font-size:22px;line-height:1.3;color:#272727;margin:0 0 8px;font-weight:600}
.tmInfo h5{font-size:15px;line-height:1.4;color:#FF9F86;margin:0 0 14px;font-weight:500;text-transform:uppercase;letter-spacing:.4px}
.tmInfo p{font-size:15px;line-height:1.6;color:#272727;margin:0}
@media (max-width: 1024px) {
.heroAb .aboutWrp{gap:44px}
.heroAbImg{flex:0 0 340px}
.heroAbImg img{height:320px}
.storyBlk .aboutWrp{gap:56px}
.valGrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 768px) {
.heroAb{padding:64px 0 68px}
.heroAb .aboutWrp{flex-direction:column;gap:36px}
.heroAbImg{flex:0 0 auto;width:100%}
.heroAbImg img{height:340px}
.heroAbTxt h1{font-size:36px;margin-bottom:18px}
.heroAbTxt p{font-size:17px}
.storyBlk{padding:72px 0}
.storyBlk .aboutWrp{grid-template-columns:1fr;gap:44px}
.storyLft h2{font-size:32px}
.storyRgt{grid-template-columns:1fr}
.stImgBox:nth-child(1),.stImgBox:nth-child(2){margin-top:0}
.valuesArea{padding:68px 0 76px}
.valHd h2{font-size:34px}
.valGrid{grid-template-columns:1fr;gap:24px}
.teamSec{padding:72px 0}
.teamHd h2{font-size:34px}
.teamRoster{grid-template-columns:1fr;gap:32px}
.tmCard{flex-direction:column;text-align:center}
.tmPic{flex:0 0 auto}
}
@media (max-width: 480px) {
.heroAb{padding:48px 0 52px}
.heroAbTxt h1{font-size:30px}
.heroAbTxt p{font-size:16px}
.heroAbImg img{height:280px}
.storyBlk{padding:56px 0}
.storyLft h2{font-size:28px}
.storyLft p{font-size:16px}
.stImgBox img{height:220px}
.valuesArea{padding:56px 0 62px}
.valHd h2{font-size:28px}
.valHd p{font-size:16px}
.valCard{padding:28px 22px}
.valCard h3{font-size:21px}
.teamSec{padding:56px 0}
.teamHd h2{font-size:28px}
.tmCard{padding:26px}
.tmPic img{width:110px;height:110px}
.tmInfo h4{font-size:20px}
}
.newsWrap{max-width:1320px;margin:0 auto;padding:80px 20px}
.newsHd{margin-bottom:60px}
.newsHd .ttl{font-size:48px;font-weight:700;color:#272727;margin-bottom:16px;position:relative;display:inline-block}
.newsHd .ttl::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(135deg,#FF9F86 0%,#272727 100%);border-radius:2px}
.newsHd .subTxt{font-size:18px;color:#666;line-height:1.6;max-width:720px}
.gridNews{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:100px}
.cardNews{background:#FFF;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #27272714;transition:all .3s ease;border:2px solid transparent}
.cardNews:hover{transform:translateY(-8px);box-shadow:0 12px 24px #ff9f8633;border-color:#FF9F86}
.cardNews .imgBox{width:100%;height:240px;overflow:hidden;position:relative}
.cardNews .imgBox img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.cardNews:hover .imgBox img{transform:scale(1.08)}
.cardNews .dateBadge{position:absolute;top:16px;right:16px;background:#fffffff2;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;color:#272727;box-shadow:0 2px 8px #0000001a}
.cardNews .ctBox{padding:28px}
.cardNews .category{display:inline-block;background:linear-gradient(120deg,#FF9F86 0%,#FFB8A6 100%);color:#FFF;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;margin-bottom:14px;text-transform:uppercase;letter-spacing:.5px}
.cardNews .hdln{font-size:22px;font-weight:700;color:#272727;margin-bottom:12px;line-height:1.3;min-height:58px}
.cardNews .excerpt{font-size:15px;color:#555;line-height:1.6;margin-bottom:20px}
.cardNews .metaRow{display:flex;align-items:center;gap:20px;padding-top:20px;border-top:1px solid #f0f0f0}
.cardNews .authInfo{display:flex;align-items:center;gap:10px}
.cardNews .authAvatar{width:36px;height:36px;border-radius:50%;object-fit:cover;border:2px solid #FF9F86}
.cardNews .authName{font-size:14px;font-weight:600;color:#272727}
.cardNews .readTime{font-size:13px;color:#888;margin-left:auto}
.featuredSec{background:linear-gradient(165deg,#272727 0%,#3a3a3a 100%);border-radius:24px;padding:60px;margin-bottom:80px;position:relative;overflow:hidden}
.featuredSec::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#ff9f8626 0%,transparent 70%);border-radius:50%}
.featuredSec::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#ffffff0d 0%,transparent 70%);border-radius:50%}
.featuredInner{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;position:relative;z-index:2}
.featuredCt .featBadge{display:inline-flex;align-items:center;gap:8px;background:#ff9f8633;color:#FF9F86;padding:10px 20px;border-radius:8px;font-size:14px;font-weight:700;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}
.featuredCt .mainHdln{font-size:42px;font-weight:700;color:#FFF;margin-bottom:20px;line-height:1.2}
.featuredCt .mainDesc{font-size:17px;color:#ffffffd9;line-height:1.7;margin-bottom:30px}
.featuredCt .btnRead{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#FF9F86 0%,#FFB8A6 100%);color:#272727;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #ff9f864d}
.featuredCt .btnRead:hover{transform:translateY(-3px);box-shadow:0 8px 24px #ff9f8666}
.featuredImg{border-radius:16px;overflow:hidden;box-shadow:0 12px 40px #0000004d}
.featuredImg img{width:100%;height:400px;object-fit:cover}
@media (max-width: 1024px) {
.gridNews{grid-template-columns:repeat(2,1fr);gap:30px}
.featuredInner{grid-template-columns:1fr;gap:40px}
.featuredSec{padding:40px}
.featuredCt .mainHdln{font-size:36px}
}
@media (max-width: 768px) {
.newsWrap{padding:60px 20px}
.newsHd .ttl{font-size:36px}
.gridNews{grid-template-columns:1fr;gap:24px}
.cardNews .hdln{font-size:20px;min-height:auto}
.featuredSec{padding:30px 24px}
.featuredCt .mainHdln{font-size:28px}
.featuredCt .mainDesc{font-size:16px}
.featuredImg img{height:280px}
}
@media (max-width: 480px) {
.newsHd .ttl{font-size:28px}
.newsHd .subTxt{font-size:16px}
.cardNews .ctBox{padding:20px}
.cardNews .imgBox{height:200px}
.featuredCt .btnRead{padding:14px 28px;font-size:15px}
}
.cpMain{max-width:1320px;margin:0 auto;padding:0 20px}
.cpHdr{padding:80px 0 40px;text-align:center;background:linear-gradient(135deg,#FF9F86 0%,#FFF 100%);margin:0 -20px 60px}
.cpHdr h1{font-size:42px;color:#272727;margin:0 0 16px;font-weight:700}
.cpHdr .upDt{font-size:15px;color:#272727;opacity:.7}
.cpCnt{display:grid;grid-template-columns:280px 1fr;gap:60px;margin-bottom:80px}
.cpNav{position:sticky;top:20px;height:fit-content;background:#FFF;padding:32px 24px;border-radius:16px;box-shadow:0 8px 24px #ff9f8626}
.cpNav h2{font-size:16px;color:#272727;margin:0 0 20px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.cpNav ul{list-style:none;padding:0;margin:0}
.cpNav li{margin-bottom:12px}
.cpNav a{color:#272727;text-decoration:none;font-size:14px;transition:color .3s ease;display:block;padding:8px 0}
.cpNav a:hover{color:#FF9F86}
.cpTxt{background:#FFF;padding:48px;border-radius:20px;box-shadow:0 4px 16px #27272714}
.cpTxt h2{font-size:32px;color:#272727;margin:0 0 24px;font-weight:700;position:relative;padding-left:24px}
.cpTxt h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:28px;background:linear-gradient(180deg,#FF9F86 0%,#272727 100%);border-radius:3px}
.cpTxt h3{font-size:24px;color:#272727;margin:40px 0 16px;font-weight:600}
.cpTxt p{font-size:16px;line-height:1.8;color:#272727;margin:0 0 20px}
.cpTxt ul{list-style:none;padding:0;margin:0 0 24px}
.cpTxt li{font-size:16px;line-height:1.8;color:#272727;margin-bottom:12px;padding-left:32px;position:relative}
.cpTxt li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#FF9F86;border-radius:50%}
.cpTxt strong{color:#272727;font-weight:600}
.ckTbl{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;overflow:hidden;border-radius:12px;box-shadow:0 2px 12px #2727270f}
.ckTbl thead{background:linear-gradient(90deg,#272727 0%,#FF9F86 100%)}
.ckTbl th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#FFF}
.ckTbl td{padding:16px 20px;font-size:15px;color:#272727;border-bottom:1px solid #27272714}
.ckTbl tr:last-child td{border-bottom:none}
.ckTbl tbody tr{background:#FFF;transition:background .3s ease}
.ckTbl tbody tr:hover{background:#ff9f860d}
.infBx{background:linear-gradient(135deg,#ff9f861a 0%,#ffffff80 100%);padding:24px 28px;border-radius:12px;border-left:4px solid #FF9F86;margin:28px 0}
.infBx p{margin:0;font-size:15px;line-height:1.7}
.ctcBlk{background:linear-gradient(120deg,#272727 0%,#FF9F86 100%);padding:60px 80px;border-radius:24px;text-align:center;margin:80px 0 0;position:relative;overflow:hidden}
.ctcBlk::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:#ffffff1a;border-radius:50%;z-index:1}
.ctcBlk::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:#ffffff14;border-radius:50%;z-index:1}
.ctcBlk .ctcInr{position:relative;z-index:2}
.ctcBlk h2{font-size:36px;color:#FFF;margin:0 0 16px;font-weight:700}
.ctcBlk p{font-size:18px;color:#FFF;margin:0 0 32px;opacity:.95}
.ctcBt{display:inline-block;padding:16px 48px;background:#FFF;color:#272727;text-decoration:none;font-size:16px;font-weight:600;border-radius:12px;transition:all .3s ease;box-shadow:0 8px 20px #0003}
.ctcBt:hover{transform:translateY(-2px);box-shadow:0 12px 28px #0000004d}
@media (max-width: 968px) {
.cpCnt{grid-template-columns:1fr;gap:40px}
.cpNav{position:static}
.cpTxt{padding:32px 24px}
.ctcBlk{padding:48px 32px}
.ckTbl{font-size:14px}
.ckTbl th,.ckTbl td{padding:12px 16px}
}
@media (max-width: 640px) {
.cpHdr{padding:60px 20px 32px}
.cpHdr h1{font-size:32px}
.cpTxt h2{font-size:26px}
.cpTxt h3{font-size:20px}
.ctcBlk h2{font-size:28px}
.ctcBlk p{font-size:16px}
}
.plcyWrp{max-width:1320px;margin:0 auto;padding:60px 20px}
.plcyHdr{text-align:center;margin-bottom:80px;position:relative}
.plcyHdr::before{content:'';position:absolute;top:-30px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,#FF9F86 0%,#272727 100%);border-radius:2px}
.plcyTtl{font-size:48px;font-weight:700;color:#272727;margin:0 0 16px;line-height:1.2}
.plcyUpdtDt{font-size:16px;color:#666;margin:0}
.cntntSct{background:#FFF;border-radius:20px;padding:50px 60px;box-shadow:0 8px 24px #ff9f861f;margin-bottom:40px}
.sctnHd{font-size:32px;font-weight:700;color:#272727;margin:0 0 24px;padding-bottom:16px;border-bottom:3px solid #FF9F86;position:relative}
.sctnHd::after{content:'';position:absolute;bottom:-3px;left:0;width:60px;height:3px;background:#272727}
.txtBlk{margin-bottom:32px}
.txtBlk:last-child{margin-bottom:0}
.subHd{font-size:22px;font-weight:600;color:#272727;margin:0 0 16px;position:relative;padding-left:20px}
.subHd::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#FF9F86;border-radius:50%}
.plcyTxt{font-size:16px;line-height:1.8;color:#444;margin:0 0 20px}
.plcyLst{list-style:none;padding:0;margin:0 0 20px}
.lstItm{font-size:16px;line-height:1.8;color:#444;margin-bottom:12px;padding-left:32px;position:relative}
.lstItm::before{content:'';position:absolute;left:0;top:11px;width:16px;height:2px;background:linear-gradient(90deg,#FF9F86 0%,#272727 100%)}
.emlLnk{color:#FF9F86;text-decoration:none;font-weight:600;transition:all .3s ease;position:relative}
.emlLnk::after{content:'';position:absolute;bottom:-2px;left:0;width:0;height:2px;background:#272727;transition:width .3s ease}
.emlLnk:hover::after{width:100%}
.emlLnk:hover{color:#272727}
.hghlght{background:linear-gradient(120deg,#ff9f8633 0%,#ff9f8600 100%);padding:2px 6px;border-radius:4px;font-weight:600;color:#272727}
.cntctBox{background:linear-gradient(135deg,#ff9f861a 0%,#2727270d 100%);border-left:4px solid #FF9F86;padding:24px 30px;margin-top:32px;border-radius:8px}
.cntctBox .plcyTxt{margin-bottom:8px}
.dvcGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;margin:32px 0}
.dvcCrd{background:linear-gradient(135deg,#FFF 0%,#ff9f860d 100%);border:2px solid #ff9f8633;border-radius:16px;padding:28px;transition:all .3s ease;position:relative;overflow:hidden}
.dvcCrd::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF9F86 0%,#272727 100%);transform:scaleX(0);transition:transform .3s ease}
.dvcCrd:hover::before{transform:scaleX(1)}
.dvcCrd:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ff9f8633;border-color:#FF9F86}
.dvcTtl{font-size:18px;font-weight:700;color:#272727;margin:0 0 12px}
.dvcTxt{font-size:15px;line-height:1.6;color:#555;margin:0}
@media (max-width: 768px) {
.plcyWrp{padding:40px 16px}
.plcyHdr{margin-bottom:50px}
.plcyTtl{font-size:36px}
.cntntSct{padding:32px 24px;border-radius:16px}
.sctnHd{font-size:26px}
.subHd{font-size:19px}
.dvcGrid{grid-template-columns:1fr;gap:16px}
.cntctBox{padding:20px 24px}
}
@media (max-width: 480px) {
.plcyTtl{font-size:28px}
.plcyUpdtDt{font-size:14px}
.sctnHd{font-size:22px}
.subHd{font-size:17px}
.plcyTxt,.lstItm{font-size:15px}
.cntntSct{padding:24px 20px}
}
.successWrp{max-width:1320px;margin:0 auto;padding:80px 20px;background:linear-gradient(158deg,#FFF 0%,#FFF5F3 100%)}
.successInner{display:flex;flex-direction:column;align-items:center;text-align:center;gap:32px}
.iconBx{width:140px;height:140px;position:relative;display:flex;align-items:center;justify-content:center}
.iconBx::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#FF9F86 0%,#FFD4C9 100%);border-radius:50%;opacity:.15;animation:pulse 2s ease-in-out infinite}
.iconBx::after{content:'';position:absolute;width:80%;height:80%;background:linear-gradient(135deg,#FF9F86 0%,#FFB8A3 100%);border-radius:50%;animation:pulse 2s ease-in-out infinite .3s}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.3}
50%{transform:scale(1.15);opacity:.15}
}
.checkIcon{position:relative;z-index:2;width:60px;height:60px}
.checkIcon svg{width:100%;height:100%;stroke:#FF9F86;fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.msgHd{font-size:42px;font-weight:700;color:#272727;line-height:1.2;margin:0}
.msgTxt{font-size:18px;color:#272727;line-height:1.6;max-width:580px;margin:0;opacity:.8}
.dtlsBox{background:#FFF;border:2px solid #ff9f8633;border-radius:16px;padding:28px 36px;margin-top:24px;box-shadow:0 8px 24px #ff9f8614;max-width:680px;width:100%}
.dtlsBox p{margin:0 0 12px;font-size:16px;color:#272727;line-height:1.7;opacity:.85}
.dtlsBox p:last-child{margin-bottom:0}
.dtlsBox strong{color:#FF9F86;font-weight:600}
.actArea{display:flex;gap:16px;margin-top:40px;flex-wrap:wrap;justify-content:center}
.btnPrim{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:linear-gradient(135deg,#FF9F86 0%,#FFB8A3 100%);color:#FFF;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s ease;box-shadow:0 6px 20px #ff9f864d;border:none;cursor:pointer}
.btnPrim:hover{transform:translateY(-2px);box-shadow:0 10px 28px #ff9f8666}
.btnPrim:active{transform:translateY(0)}
.btnSec{display:inline-flex;align-items:center;gap:10px;padding:14px 32px;background:transparent;color:#272727;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;border:2px solid #272727;transition:all .3s ease;cursor:pointer}
.btnSec:hover{background:#272727;color:#FFF;transform:translateY(-2px)}
.btnSec:active{transform:translateY(0)}
.infoPnl{background:linear-gradient(158deg,#FFF5F3 0%,#FFF 100%);border-radius:20px;padding:36px;margin-top:48px;max-width:680px;width:100%;position:relative;overflow:hidden}
.infoPnl::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF9F86 0%,#FFD4C9 100%)}
.infoPnl h2{font-size:24px;font-weight:700;color:#272727;margin:0 0 20px;line-height:1.3}
.stepLst{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.stepLst li{display:flex;gap:16px;align-items:flex-start;font-size:16px;color:#272727;line-height:1.6;opacity:.85}
.stepNum{display:flex;align-items:center;justify-content:center;width:32px;height:32px;min-width:32px;background:linear-gradient(135deg,#FF9F86 0%,#FFB8A3 100%);color:#FFF;border-radius:8px;font-weight:700;font-size:14px}
.cntctInfo{margin-top:64px;padding-top:32px;border-top:2px solid #2727271a;max-width:680px;width:100%}
.cntctInfo h3{font-size:20px;font-weight:700;color:#272727;margin:0 0 20px;text-align:center}
.cntctGrd{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px}
.cntctItm{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}
.cntctItm svg{width:24px;height:24px;stroke:#FF9F86;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.cntctItm a{color:#272727;text-decoration:none;font-size:15px;transition:color .3s ease}
.cntctItm a:hover{color:#FF9F86}
.cntctLbl{font-size:13px;color:#272727;opacity:.6;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
@media (max-width: 768px) {
.successWrp{padding:60px 16px}
.iconBx{width:110px;height:110px}
.checkIcon{width:48px;height:48px}
.msgHd{font-size:32px}
.msgTxt{font-size:16px}
.dtlsBox{padding:24px 20px}
.actArea{flex-direction:column;width:100%}
.btnPrim,.btnSec{width:100%;justify-content:center}
.infoPnl{padding:28px 20px}
.infoPnl h2{font-size:20px}
.cntctGrd{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.msgHd{font-size:28px}
.msgTxt{font-size:15px}
.dtlsBox p{font-size:15px}
}