*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Roboto',sans-serif;line-height:1.6;color:#2a2a2a;background:#fff;overflow-x:hidden}
h1,h2,h3,h4,h5,h6{font-family:'Literata',serif;line-height:1.3;font-weight:700}
a{text-decoration:none;color:inherit;transition:color 180ms ease}
img{max-width:100%;height:auto;display:block}
button{border:none;background:none;cursor:pointer;font-family:inherit}
ul{list-style:none}
.siteHd{background:linear-gradient(135deg,#fff 0%,#f8f9fa 100%);border-bottom:2px solid #e8e8e8;padding:24px 0;box-shadow:0 4px 12px #0000000a}
.siteHd .hdWrap{max-width:1600px;margin:0 auto;padding:0 40px;display:flex;align-items:center;justify-content:space-between;gap:60px}
.siteHd .hdLeft{display:flex;align-items:center;gap:24px;flex:0 0 auto}
.siteHd .lgoCntr{flex-shrink:0}
.siteHd .lgoLnk{display:flex;align-items:center;justify-content:center;width:90px;height:90px;background:#fff;border-radius:18px;box-shadow:0 3px 8px #00c2ab26;transition:all 200ms ease}
.siteHd .lgoLnk:hover{box-shadow:0 6px 16px #00c2ab40;transform:translateY(-2px)}
.siteHd .lgoImg{width:70px;height:70px;object-fit:contain}
.siteHd .cmpnyInfo{display:flex;flex-direction:column;gap:4px}
.siteHd .brandNm{font-family:'Literata',serif;font-size:26px;font-weight:700;color:#66513C;line-height:1.2;transition:color 180ms ease}
.siteHd .brandNm:hover{color:#00C2AB}
.siteHd .tagLn{font-size:14px;color:#666;line-height:1.4}
.siteHd .hdRight{display:flex;align-items:center;gap:36px;flex:1;justify-content:flex-end}
.siteHd .mnNav{flex:0 1 auto}
.siteHd .navLst{display:flex;align-items:center;gap:8px}
.siteHd .navItm{position:relative}
.siteHd .navLnk{display:block;padding:12px 20px;font-size:15px;font-weight:500;color:#2a2a2a;border-radius:8px;transition:all 180ms ease;white-space:nowrap}
.siteHd .navLnk:hover{color:#00C2AB;background:#00c2ab14}
.siteHd .navLnk.active{color:#fff;background:linear-gradient(135deg,#00C2AB 0%,#00a392 100%);box-shadow:0 3px 8px #00c2ab40}
.siteHd .cntctQuick{flex-shrink:0}
.siteHd .phnBlk{display:flex;align-items:center;gap:10px;padding:12px 20px;background:#FBD4E1;border-radius:10px;transition:all 200ms ease}
.siteHd .phnBlk:hover{background:#f8c0d4;transform:translateY(-1px);box-shadow:0 4px 10px #fbd4e166}
.siteHd .phnBlk .f7-icons{font-size:20px;color:#66513C}
.siteHd .phnLnk{font-size:15px;font-weight:500;color:#66513C}
.siteFt{background:linear-gradient(135deg,#66513C 0%,#4d3d2e 100%);color:#fff;padding:60px 0 0;margin-top:80px}
.siteFt .ftWrap{max-width:1600px;margin:0 auto;padding:0 40px 50px;display:flex;gap:80px;position:relative}
.siteFt .ftLeft{flex:1;display:flex;flex-direction:column;gap:32px}
.siteFt .ftBrandSec .ftBrandTtl{font-size:28px;margin-bottom:12px;color:#FBD4E1}
.siteFt .ftDesc{font-size:15px;line-height:1.7;color:#ffffffd9;max-width:440px}
.siteFt .ftContact{display:flex;flex-direction:column;gap:16px}
.siteFt .cntctRow{display:flex;align-items:center;gap:12px;font-size:15px}
.siteFt .cntctRow i{font-size:20px;color:#00C2AB;flex-shrink:0}
.siteFt .ftLnk{color:#ffffffe6;transition:color 180ms ease}
.siteFt .ftLnk:hover{color:#00C2AB}
.siteFt .ftTxt{color:#ffffffd9;line-height:1.5}
.siteFt .ftDivider{width:2px;background:linear-gradient(to bottom,#fbd4e14d,transparent);flex-shrink:0}
.siteFt .ftRight{flex:1;display:flex;gap:60px}
.siteFt .ftCol{flex:1}
.siteFt .ftColHd{font-size:18px;margin-bottom:20px;color:#FBD4E1;font-weight:700}
.siteFt .ftNavLst{display:flex;flex-direction:column;gap:12px}
.siteFt .ftNavLnk{font-size:15px;color:#fffc;transition:all 180ms ease;display:inline-block}
.siteFt .ftNavLnk:hover{color:#00C2AB;transform:translateX(4px)}
.siteFt .ftBtm{border-top:1px solid #ffffff26;padding:24px 0}
.siteFt .cpyWrap{max-width:1600px;margin:0 auto;padding:0 40px}
.siteFt .cpyTxt{font-size:14px;color:#ffffffb3;text-align:center}
.ckPopup{position:fixed;left:30px;top:33.33%;transform:translateY(-50%);width:420px;max-height:85vh;background:#fff;border-radius:20px;box-shadow:0 12px 48px #00000040;z-index:10000;opacity:0;visibility:hidden;transform:translateY(-50%) translateX(-40px);transition:all 250ms ease}
.ckPopup.show{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
.ckPopup .ckInner{display:flex;flex-direction:column;max-height:85vh}
.ckPopup .ckHdr{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;border-bottom:2px solid #f0f0f0}
.ckPopup .ckTtl{font-size:20px;color:#66513C;font-weight:700}
.ckPopup .ckClose{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all 180ms ease}
.ckPopup .ckClose:hover{background:#f5f5f5}
.ckPopup .ckClose .f7-icons{font-size:22px;color:#666}
.ckPopup .ckBody{padding:28px;overflow-y:auto;flex:1}
.ckPopup .ckIntro{font-size:15px;color:#555;line-height:1.6;margin-bottom:24px}
.ckPopup .ckGroup{display:flex;flex-direction:column;gap:12px}
.ckPopup .ckItem{border:2px solid #e8e8e8;border-radius:12px;overflow:hidden;transition:border-color 180ms ease}
.ckPopup .ckItem:hover{border-color:#00C2AB}
.ckPopup .ckItemHdr{display:flex;justify-content:space-between;align-items:center;padding:16px 18px;cursor:pointer;background:#fafafa;transition:background 180ms ease}
.ckPopup .ckItemHdr:hover{background:#f5f5f5}
.ckPopup .ckItemLeft{display:flex;align-items:center;gap:12px}
.ckPopup .ckCheck{width:20px;height:20px;cursor:pointer;accent-color:#00C2AB}
.ckPopup .ckLbl{font-size:15px;font-weight:600;color:#2a2a2a;cursor:pointer}
.ckPopup .ckArr{font-size:18px;color:#666;transition:transform 200ms ease}
.ckPopup .ckItem.open .ckArr{transform:rotate(180deg)}
.ckPopup .ckItemBody{padding:0 18px;max-height:0;overflow:hidden;transition:all 220ms ease}
.ckPopup .ckItem.open .ckItemBody{padding:0 18px 16px;max-height:200px}
.ckPopup .ckDesc{font-size:14px;color:#666;line-height:1.6}
.ckPopup .ckPolicy{margin-top:20px;padding-top:20px;border-top:1px solid #e8e8e8}
.ckPopup .ckPolicyLnk{font-size:14px;color:#00C2AB;text-decoration:underline}
.ckPopup .ckPolicyLnk:hover{color:#00a392}
.ckPopup .ckFtr{padding:20px 28px;border-top:2px solid #f0f0f0;display:flex;flex-direction:column;gap:10px}
.ckPopup .ckBtn{width:100%;padding:14px 24px;font-size:15px;font-weight:600;border-radius:10px;transition:all 200ms ease;text-align:center}
.ckPopup .ckBtnPrimary{background:linear-gradient(135deg,#00C2AB 0%,#00a392 100%);color:#fff;box-shadow:0 4px 12px #00c2ab4d}
.ckPopup .ckBtnPrimary:hover{box-shadow:0 6px 16px #00c2ab66;transform:translateY(-1px)}
.ckPopup .ckBtnSecondary{background:#66513C;color:#fff;box-shadow:0 3px 8px #66513c4d}
.ckPopup .ckBtnSecondary:hover{background:#55442f;transform:translateY(-1px)}
.ckPopup .ckBtnTertiary{background:transparent;color:#666;border:2px solid #e0e0e0}
.ckPopup .ckBtnTertiary:hover{background:#f5f5f5;border-color:#ccc}
body[data-cookie-consent="pending"] .ckPopup{opacity:1;visibility:visible;transform:translateY(-50%) translateX(0)}
@media (max-width: 1024px) {
.siteHd .hdWrap{padding:0 30px;gap:40px}
.siteHd .hdRight{gap:24px}
.siteHd .navLst{gap:4px}
.siteHd .navLnk{padding:10px 16px;font-size:14px}
.siteFt .ftWrap{padding:0 30px 40px;gap:60px}
.siteFt .ftRight{gap:40px}
}
@media (max-width: 768px) {
.siteHd{padding:20px 0}
.siteHd .hdWrap{flex-direction:column;gap:24px;padding:0 24px}
.siteHd .hdLeft{width:100%;justify-content:center}
.siteHd .lgoLnk{width:70px;height:70px;border-radius:14px}
.siteHd .lgoImg{width:55px;height:55px}
.siteHd .brandNm{font-size:22px}
.siteHd .tagLn{font-size:13px}
.siteHd .hdRight{width:100%;flex-direction:column;gap:20px}
.siteHd .mnNav{width:100%}
.siteHd .navLst{flex-direction:column;width:100%;gap:8px}
.siteHd .navItm{width:100%}
.siteHd .navLnk{width:100%;text-align:center;padding:12px 20px}
.siteHd .cntctQuick{width:100%}
.siteHd .phnBlk{justify-content:center}
.siteFt .ftWrap{flex-direction:column;gap:40px;padding:0 24px 40px}
.siteFt .ftDivider{display:none}
.siteFt .ftRight{flex-direction:column;gap:32px}
.siteFt .cpyWrap{padding:0 24px}
.ckPopup{left:50%;top:50%;transform:translate(-50%,-50%) scale(0.9);width:90%;max-width:400px}
.ckPopup.show{transform:translate(-50%,-50%) scale(1)}
}
@media (max-width: 480px) {
.siteHd .hdWrap{padding:0 16px}
.siteHd .brandNm{font-size:20px}
.siteHd .tagLn{font-size:12px}
.siteFt{padding:40px 0 0;margin-top:60px}
.siteFt .ftWrap{padding:0 16px 30px}
.siteFt .ftBrandSec .ftBrandTtl{font-size:24px}
.siteFt .ftDesc{font-size:14px}
.siteFt .cpyWrap{padding:0 16px}
.siteFt .cpyTxt{font-size:13px}
.ckPopup{width:95%}
.ckPopup .ckHdr{padding:20px}
.ckPopup .ckTtl{font-size:18px}
.ckPopup .ckBody{padding:20px}
.ckPopup .ckFtr{padding:16px 20px}
}
.legal-wrapper{max-width:1000px;margin:0 auto;padding:80px 24px;font-size:16px;line-height:1.8;color:#2c2c2c}
.legal-wrapper h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}
.legal-wrapper h2{font-size:32px;font-weight:700;color:#1a1a1a;margin:64px 0 24px;line-height:1.3}
.legal-wrapper h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:48px 0 20px;line-height:1.4}
.legal-wrapper h4{font-size:20px;font-weight:600;color:#2c2c2c;margin:36px 0 16px;line-height:1.4}
.legal-wrapper h5{font-size:18px;font-weight:600;color:#2c2c2c;margin:28px 0 12px;line-height:1.5}
.legal-wrapper h6{font-size:16px;font-weight:600;color:#2c2c2c;margin:24px 0 12px;line-height:1.5}
.legal-wrapper p{margin:0 0 20px;color:#2c2c2c}
.legal-wrapper ul{margin:0 0 24px;padding:0 0 0 32px;list-style-type:disc}
.legal-wrapper ol{margin:0 0 24px;padding:0 0 0 32px;list-style-type:decimal}
.legal-wrapper li{margin:0 0 12px;padding-left:8px;color:#2c2c2c}
.legal-wrapper ul ul{margin:12px 0 0;list-style-type:circle}
.legal-wrapper ol ol{margin:12px 0 0;list-style-type:lower-alpha}
.legal-wrapper li ul,.legal-wrapper li ol{margin-top:12px}
.legal-wrapper strong,.legal-wrapper b{font-weight:700;color:#1a1a1a}
.legal-wrapper em,.legal-wrapper i{font-style:italic}
.legal-wrapper a{color:#00C2AB;text-decoration:underline;transition:color 180ms}
.legal-wrapper a:hover{color:#66513C}
.legal-wrapper a:active{color:#008c7d}
.legal-wrapper table{width:100%;margin:32px 0;border-collapse:collapse;background:#fff;box-shadow:0 2px 8px #00000014;border-radius:8px;overflow:hidden}
.legal-wrapper thead{background:linear-gradient(135deg,#00C2AB 0%,#00a394 100%)}
.legal-wrapper thead tr{border:none}
.legal-wrapper thead th{color:#fff;font-weight:600;text-align:left;padding:16px 20px;border:none}
.legal-wrapper tbody tr{border-bottom:1px solid #e8e8e8;transition:background 200ms}
.legal-wrapper tbody tr:last-child{border-bottom:none}
.legal-wrapper tbody tr:hover{background:#f9f9f9}
.legal-wrapper th,.legal-wrapper td{padding:14px 20px;text-align:left;vertical-align:top}
.legal-wrapper td{color:#2c2c2c}
.legal-wrapper th{font-weight:600;color:#1a1a1a}
.legal-wrapper hr{border:none;height:2px;background:linear-gradient(90deg,#00C2AB 0%,transparent 100%);margin:48px 0;opacity:.3}
.legal-wrapper div{margin:0}
.legal-wrapper blockquote{margin:28px 0;padding:20px 24px;background:#f5f5f5;border-left:4px solid #00C2AB;border-radius:4px}
.legal-wrapper blockquote p:last-child{margin-bottom:0}
.legal-wrapper code{background:#f5f5f5;padding:2px 8px;border-radius:4px;font-family:'Courier New',monospace;font-size:14px;color:#66513C}
.legal-wrapper pre{background:#f5f5f5;padding:20px;border-radius:6px;overflow-x:auto;margin:24px 0}
.legal-wrapper pre code{background:none;padding:0}
@media (max-width: 768px) {
.legal-wrapper{padding:48px 20px;font-size:15px}
.legal-wrapper h1{font-size:32px;margin-bottom:12px}
.legal-wrapper h2{font-size:26px;margin:48px 0 20px}
.legal-wrapper h3{font-size:22px;margin:36px 0 16px}
.legal-wrapper h4{font-size:19px;margin:28px 0 14px}
.legal-wrapper ul,.legal-wrapper ol{padding-left:24px}
.legal-wrapper table{font-size:14px;margin:24px 0}
.legal-wrapper th,.legal-wrapper td{padding:10px 12px}
.legal-wrapper thead th{padding:12px}
}
@media (max-width: 480px) {
.legal-wrapper{padding:32px 16px;font-size:14px}
.legal-wrapper h1{font-size:28px}
.legal-wrapper h2{font-size:24px;margin:40px 0 16px}
.legal-wrapper h3{font-size:20px;margin:32px 0 14px}
.legal-wrapper table{font-size:13px}
}
.titleZone{max-width:1600px;margin:0 auto;display:flex;align-items:center;gap:48px;padding:80px 24px;background:linear-gradient(135deg,#f8f9fb 0%,#fff 100%)}
.titleZone .txtSide{flex:1;display:flex;flex-direction:column;gap:24px}
.titleZone .txtSide .primaryHd{font-size:3.2rem;font-weight:700;line-height:1.15;color:#1a1d23;position:relative}
.titleZone .txtSide .primaryHd::before{content:'';position:absolute;left:-4px;top:-8px;width:64px;height:64px;background:radial-gradient(circle,#00C2AB,transparent 70%);opacity:.2;border-radius:50%;z-index:-1}
.titleZone .txtSide .subInfo{font-size:1.25rem;line-height:1.6;color:#4a5568;max-width:540px}
.titleZone .imgSide{flex:1;position:relative}
.titleZone .imgSide img{width:100%;height:480px;object-fit:cover;border-radius:16px;filter:saturate(0.75);box-shadow:0 4px 16px #0000001f}
.titleZone .imgSide::after{content:'';position:absolute;bottom:-16px;right:-16px;width:180px;height:180px;background:linear-gradient(45deg,#FBD4E1 0%,#00C2AB 100%);opacity:.3;border-radius:24px;z-index:-1}
.titleZone .actionBtn{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);color:#fff;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 200ms ease;text-decoration:none;box-shadow:0 4px 12px #00c2ab4d;width:fit-content}
.titleZone .actionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00c2ab66}
.programStructureArea{max-width:1600px;margin:0 auto;padding:96px 24px;background:#fff}
.programStructureArea .sectionLbl{text-align:center;font-size:2.6rem;font-weight:700;color:#1a1d23;margin-bottom:64px;position:relative}
.programStructureArea .sectionLbl::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#00C2AB 0%,#66513C 100%);border-radius:2px}
.programStructureArea .modulesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.programStructureArea .moduleCard{padding:32px;background:#f8f9fb;border-radius:12px;border:2px solid transparent;transition:all 180ms ease;position:relative}
.programStructureArea .moduleCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#00C2AB 0%,#FBD4E1 100%);border-radius:12px 12px 0 0;opacity:0;transition:opacity 180ms ease}
.programStructureArea .moduleCard:hover{border-color:#00C2AB;transform:translateY(-4px);box-shadow:0 8px 24px #00000014}
.programStructureArea .moduleCard:hover::before{opacity:1}
.programStructureArea .moduleCard .moduleNum{display:inline-block;padding:8px 16px;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);color:#fff;font-size:.9rem;font-weight:600;border-radius:6px;margin-bottom:16px}
.programStructureArea .moduleCard .moduleTtl{font-size:1.5rem;font-weight:700;color:#1a1d23;margin-bottom:12px}
.programStructureArea .moduleCard .moduleDesc{font-size:1rem;line-height:1.6;color:#4a5568;margin-bottom:20px}
.programStructureArea .moduleCard .topicsList{display:flex;flex-direction:column;gap:8px}
.programStructureArea .moduleCard .topicsList .topicItem{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#2d3748}
.programStructureArea .moduleCard .topicsList .topicItem::before{content:'';display:block;width:6px;height:6px;background:#00C2AB;border-radius:50%;flex-shrink:0}
.learningPathBlock{max-width:1600px;margin:0 auto;padding:96px 24px;background:linear-gradient(180deg,#f8f9fb 0%,#fff 100%)}
.learningPathBlock .pathContainer{display:flex;gap:56px;align-items:flex-start}
.learningPathBlock .pathContainer .visualCol{flex:0 0 45%;position:relative}
.learningPathBlock .pathContainer .visualCol img{width:100%;height:560px;object-fit:cover;border-radius:20px;filter:saturate(0.8);box-shadow:0 8px 32px #0000001f}
.learningPathBlock .pathContainer .visualCol::before{content:'';position:absolute;top:-24px;left:-24px;width:140px;height:140px;background:#FBD4E1;opacity:.4;border-radius:50%;z-index:-1}
.learningPathBlock .pathContainer .contentCol{flex:1;display:flex;flex-direction:column;gap:32px}
.learningPathBlock .pathContainer .contentCol .pathHd{font-size:2.4rem;font-weight:700;color:#1a1d23;line-height:1.2}
.learningPathBlock .pathContainer .contentCol .pathHd::before{content:'';display:block;width:48px;height:4px;background:#00C2AB;margin-bottom:16px;border-radius:2px}
.learningPathBlock .pathContainer .contentCol .stagesList{display:flex;flex-direction:column;gap:24px}
.learningPathBlock .pathContainer .contentCol .stagesList .stageEntry{display:flex;gap:20px;position:relative}
.learningPathBlock .pathContainer .contentCol .stagesList .stageEntry::before{content:'';position:absolute;left:19px;top:48px;width:2px;height:calc(100% + 24px);background:linear-gradient(180deg,#00C2AB 0%,#FBD4E1 100%);opacity:.3}
.learningPathBlock .pathContainer .contentCol .stagesList .stageEntry:last-child::before{display:none}
.learningPathBlock .pathContainer .contentCol .stagesList .stageEntry .stageIcn{flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);color:#fff;font-weight:700;border-radius:50%;font-size:1.1rem;box-shadow:0 4px 12px #00c2ab4d}
.learningPathBlock .pathContainer .contentCol .stagesList .stageEntry .stageTxt{flex:1;display:flex;flex-direction:column;gap:8px}
.learningPathBlock .pathContainer .contentCol .stagesList .stageEntry .stageTxt .stageName{font-size:1.3rem;font-weight:600;color:#1a1d23}
.learningPathBlock .pathContainer .contentCol .stagesList .stageEntry .stageTxt .stageInfo{font-size:1rem;line-height:1.6;color:#4a5568}
.learningOutcomesWrapper{max-width:1600px;margin:0 auto;padding:96px 24px;background:linear-gradient(135deg,#66513C 0%,#1a1d23 100%);border-radius:24px;margin-top:48px;margin-bottom:48px;position:relative;overflow:hidden}
.learningOutcomesWrapper::before{content:'';position:absolute;top:-120px;right:-120px;width:300px;height:300px;background:radial-gradient(circle,#00C2AB 0%,transparent 70%);opacity:.15;border-radius:50%}
.learningOutcomesWrapper::after{content:'';position:absolute;bottom:-80px;left:-80px;width:200px;height:200px;background:radial-gradient(circle,#FBD4E1 0%,transparent 70%);opacity:.15;border-radius:50%}
.learningOutcomesWrapper .outcomesInner{position:relative;z-index:2}
.learningOutcomesWrapper .outcomesInner .outcomesHd{text-align:center;font-size:2.6rem;font-weight:700;color:#fff;margin-bottom:56px;position:relative}
.learningOutcomesWrapper .outcomesInner .outcomesHd::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#00C2AB 0%,#FBD4E1 100%);border-radius:2px}
.learningOutcomesWrapper .outcomesInner .skillsLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox{display:flex;flex-direction:column;gap:16px;padding:32px;background:#ffffff14;border-radius:12px;border:1px solid #ffffff1f;transition:all 200ms ease;position:relative;overflow:hidden}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#00c2ab1a 0%,transparent 100%);opacity:0;transition:opacity 200ms ease}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:hover{transform:translateY(-4px);background:#ffffff1f;border-color:#00C2AB}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:hover::before{opacity:1}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox .skillTopRow{display:flex;align-items:center;gap:16px}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox .skillTopRow .skillIco{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);border-radius:10px;font-size:1.5rem;color:#fff;flex-shrink:0}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox .skillTopRow .skillLabel{font-size:1.4rem;font-weight:600;color:#fff}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox .skillExpl{font-size:1rem;line-height:1.6;color:#fffc}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox .proficiencyBar{width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden;position:relative}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox .proficiencyBar .fillLevel{height:100%;background:linear-gradient(90deg,#00C2AB 0%,#FBD4E1 100%);border-radius:4px;transition:width 400ms ease}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:nth-child(1) .proficiencyBar .fillLevel{width:85%}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:nth-child(2) .proficiencyBar .fillLevel{width:78%}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:nth-child(3) .proficiencyBar .fillLevel{width:92%}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:nth-child(4) .proficiencyBar .fillLevel{width:88%}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:nth-child(5) .proficiencyBar .fillLevel{width:80%}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox:nth-child(6) .proficiencyBar .fillLevel{width:75%}
.learningOutcomesWrapper .ctaWrap{text-align:center;margin-top:48px}
.learningOutcomesWrapper .ctaWrap .enrollNow{display:inline-flex;align-items:center;gap:12px;padding:18px 42px;background:#fff;color:#1a1d23;font-size:1.15rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all 200ms ease;text-decoration:none;box-shadow:0 4px 16px #0003}
.learningOutcomesWrapper .ctaWrap .enrollNow:hover{transform:translateY(-2px);box-shadow:0 6px 24px #0000004d;background:#f8f9fb}
@media (max-width: 1024px) {
.titleZone{flex-direction:column;padding:64px 20px}
.titleZone .txtSide .primaryHd{font-size:2.4rem}
.titleZone .imgSide img{height:380px}
.learningPathBlock .pathContainer{flex-direction:column;gap:40px}
.learningPathBlock .pathContainer .visualCol{flex:1;width:100%}
.learningOutcomesWrapper .outcomesInner .skillsLayout{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.titleZone .txtSide .primaryHd{font-size:2rem}
.titleZone .txtSide .subInfo{font-size:1.1rem}
.titleZone .imgSide img{height:300px}
.programStructureArea{padding:72px 20px}
.programStructureArea .sectionLbl{font-size:2rem;margin-bottom:48px}
.programStructureArea .modulesGrid{grid-template-columns:1fr;gap:24px}
.learningPathBlock{padding:72px 20px}
.learningPathBlock .pathContainer .visualCol img{height:320px}
.learningPathBlock .pathContainer .contentCol .pathHd{font-size:1.8rem}
.learningOutcomesWrapper{padding:72px 20px;margin-top:32px;margin-bottom:32px}
.learningOutcomesWrapper .outcomesInner .outcomesHd{font-size:2rem;margin-bottom:40px}
.learningOutcomesWrapper .outcomesInner .skillsLayout .skillBox{padding:24px}
}
.heroBlock{background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);padding:0;margin:0 auto;max-width:1600px;position:relative}
.hb-wrapper{display:flex;align-items:center;gap:0;min-height:520px}
.hb-content{flex:1;padding:60px 50px;color:#fff;position:relative}
.hb-content::before{content:'';position:absolute;top:30px;left:20px;width:2px;height:calc(100% - 60px);background:#ffffff4d}
.hb-content::after{content:'';position:absolute;top:20px;left:30px;width:calc(100% - 60px);height:2px;background:#ffffff4d}
.hb-mainTitle{font-size:52px;font-weight:700;margin:0 0 16px;line-height:1.15}
.hb-secTitle{font-size:28px;font-weight:500;margin:0 0 24px;opacity:.95}
.hb-description{font-size:18px;line-height:1.6;margin:0 0 36px;max-width:540px;opacity:.9}
.hb-ctaBtn{display:inline-block;background:#fff;color:#66513C;padding:16px 42px;border-radius:6px;text-decoration:none;font-weight:600;font-size:17px;transition:transform 180ms,box-shadow 180ms}
.hb-ctaBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00000026}
.hb-imgBox{flex:1;height:520px;overflow:hidden}
.hb-imgBox img{width:100%;height:100%;object-fit:cover}
.guaranteeSec{padding:80px 40px;max-width:1600px;margin:0 auto;background:#f8f9fa}
.gs-inner{max-width:1140px;margin:0 auto}
.gs-heading{font-size:42px;font-weight:700;color:#66513C;margin:0 0 48px;text-align:center}
.gs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.gs-card{background:#fff;padding:36px;border-radius:8px;box-shadow:0 3px 12px #00000014;transition:box-shadow 200ms}
.gs-card:hover{box-shadow:0 6px 24px #0000001f}
.gs-iconWrap{width:56px;height:56px;background:linear-gradient(135deg,#00C2AB,#66513C);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.gs-iconWrap i{font-size:28px;color:#fff}
.gs-cardTitle{font-size:22px;font-weight:600;color:#66513C;margin:0 0 12px}
.gs-cardText{font-size:16px;line-height:1.5;color:#333;margin:0}
.supportArea{padding:80px 40px;max-width:1600px;margin:0 auto;background:#fff}
.sa-container{max-width:1140px;margin:0 auto}
.sa-topTitle{font-size:40px;font-weight:700;color:#66513C;margin:0 0 52px;text-align:center;position:relative}
.sa-topTitle::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#00C2AB,#FBD4E1)}
.sa-flexRow{display:flex;gap:48px;align-items:center}
.sa-imgSide{flex:1}
.sa-imgSide img{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0000001a}
.sa-textSide{flex:1}
.sa-subheading{font-size:32px;font-weight:600;color:#66513C;margin:0 0 24px}
.sa-paragraph{font-size:17px;line-height:1.65;color:#444;margin:0 0 20px}
.sa-list{list-style:none;padding:0;margin:24px 0 0}
.sa-listItem{font-size:16px;color:#333;margin-bottom:14px;padding-left:32px;position:relative}
.sa-listItem::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:linear-gradient(135deg,#00C2AB,#66513C);border-radius:50%}
.processZone{padding:80px 40px;max-width:1600px;margin:0 auto;background:linear-gradient(180deg,#FBD4E1 0%,#f8f9fa 100%)}
.pz-wrap{max-width:1140px;margin:0 auto}
.pz-mainH{font-size:40px;font-weight:700;color:#66513C;margin:0 0 56px;text-align:center}
.pz-stepsTrack{display:flex;flex-direction:column;gap:40px}
.pz-step{background:#fff;border-radius:10px;padding:40px;box-shadow:0 4px 16px #00000014;display:flex;gap:32px;align-items:flex-start;transition:transform 200ms}
.pz-step:hover{transform:translateX(8px)}
.pz-stepNum{min-width:70px;height:70px;background:linear-gradient(135deg,#00C2AB,#66513C);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;flex-shrink:0}
.pz-stepContent{flex:1}
.pz-stepTitle{font-size:24px;font-weight:600;color:#66513C;margin:0 0 12px}
.pz-stepDesc{font-size:16px;line-height:1.6;color:#444;margin:0}
.personalizeSec{padding:80px 40px;max-width:1600px;margin:0 auto;background:#fff}
.ps-holder{max-width:1140px;margin:0 auto}
.ps-headerRow{display:flex;gap:56px;align-items:center;margin-bottom:60px}
.ps-titleSide{flex:1}
.ps-bigTitle{font-size:44px;font-weight:700;color:#66513C;margin:0 0 20px}
.ps-subtitle{font-size:19px;line-height:1.6;color:#555;margin:0}
.ps-imgSide{flex:1}
.ps-imgSide img{width:100%;height:auto;border-radius:12px;box-shadow:0 6px 20px #0000001a}
.ps-pathsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.ps-pathCard{background:#f8f9fa;padding:32px;border-radius:8px;border-left:5px solid #00C2AB;transition:border-color 200ms,box-shadow 200ms}
.ps-pathCard:hover{border-left-color:#66513C;box-shadow:0 4px 16px #00000014}
.ps-pathIcon{font-size:36px;color:#00C2AB;margin-bottom:16px}
.ps-pathName{font-size:20px;font-weight:600;color:#66513C;margin:0 0 10px}
.ps-pathInfo{font-size:15px;line-height:1.5;color:#444;margin:0}
.interactivePart{padding:80px 40px;max-width:1600px;margin:0 auto;background:linear-gradient(135deg,#66513C 0%,#00C2AB 100%);color:#fff}
.ip-container{max-width:1140px;margin:0 auto}
.ip-topHeading{font-size:42px;font-weight:700;margin:0 0 24px;text-align:center}
.ip-intro{font-size:18px;line-height:1.6;margin:0 auto 56px;max-width:740px;text-align:center;opacity:.95}
.ip-featuresBox{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ip-featCard{background:#ffffff1f;padding:36px;border-radius:10px;backdrop-filter:blur(8px);transition:background 200ms}
.ip-featCard:hover{background:#ffffff2e}
.ip-featIcon{width:64px;height:64px;background:#fff3;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ip-featIcon i{font-size:32px;color:#fff}
.ip-featTitle{font-size:22px;font-weight:600;margin:0 0 12px}
.ip-featText{font-size:16px;line-height:1.5;margin:0;opacity:.9}
.trustSection{padding:80px 40px;max-width:1600px;margin:0 auto;background:#f8f9fa}
.ts-inner{max-width:1140px;margin:0 auto}
.ts-heading{font-size:40px;font-weight:700;color:#66513C;margin:0 0 52px;text-align:center}
.ts-accordion{display:flex;flex-direction:column;gap:16px}
.ts-accordItem{background:#fff;border-radius:8px;box-shadow:0 2px 10px #0000000f;overflow:hidden}
.ts-accordLabel{display:block;padding:28px 32px;font-size:20px;font-weight:600;color:#66513C;cursor:pointer;position:relative;transition:background 180ms}
.ts-accordLabel::after{content:'+';position:absolute;right:32px;top:50%;transform:translateY(-50%);font-size:28px;color:#00C2AB;transition:transform 200ms}
.ts-accordToggle{display:none}
.ts-accordContent{max-height:0;overflow:hidden;transition:max-height 300ms}
.ts-accordInner{padding:0 32px 28px;font-size:16px;line-height:1.6;color:#444}
.ts-accordToggle:checked + .ts-accordLabel{background:#FBD4E1}
.ts-accordToggle:checked + .ts-accordLabel::after{content:'−';transform:translateY(-50%) rotate(180deg)}
.ts-accordToggle:checked ~ .ts-accordContent{max-height:400px}
@media (max-width: 1024px) {
.hb-wrapper{flex-direction:column}
.hb-content{padding:50px 40px}
.hb-imgBox{width:100%;height:400px}
.gs-grid{grid-template-columns:repeat(2,1fr)}
.sa-flexRow{flex-direction:column}
.ps-headerRow{flex-direction:column}
.ps-pathsGrid{grid-template-columns:1fr}
.ip-featuresBox{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hb-mainTitle{font-size:38px}
.hb-secTitle{font-size:22px}
.hb-description{font-size:16px}
.gs-grid{grid-template-columns:1fr}
.gs-heading{font-size:32px}
.sa-topTitle{font-size:32px}
.pz-mainH{font-size:32px}
.pz-step{flex-direction:column;align-items:center;text-align:center}
.ps-bigTitle{font-size:34px}
.ip-topHeading{font-size:34px}
.ts-heading{font-size:32px}
}
.ctBlock{background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);padding:80px 20px;position:relative;overflow:hidden}
.ctBlock::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fbd4e133 0%,transparent 70%);border-radius:50%}
.ctBlock::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:radial-gradient(circle,#00c2ab26 0%,transparent 60%);border-radius:50%}
.ctWrap{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.ctHero{display:flex;flex-direction:row;gap:60px;align-items:center}
.ctTxt{flex:1;color:#fff}
.ctTxt h1{font-size:52px;font-weight:700;margin:0 0 24px;line-height:1.2}
.ctTxt p{font-size:19px;line-height:1.7;margin:0;opacity:.95}
.ctImg{flex:0 0 420px;position:relative}
.ctImg::before{content:'';position:absolute;top:-15px;left:-15px;right:15px;bottom:15px;background:#fbd4e14d;border-radius:8px;z-index:1}
.ctImgInner{position:relative;z-index:2;background:linear-gradient(45deg,#66513C 0%,#00C2AB 100%);padding:3px;border-radius:8px;box-shadow:0 10px 30px #00000040}
.ctImgBox{background:#fff;padding:40px;border-radius:6px;min-height:280px;display:flex;align-items:center;justify-content:center}
.ctImgBox svg{width:180px;height:180px;opacity:.1}
.formSec{background:#f8f9fa;padding:90px 20px}
.formWrap{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:start}
.formInfo{position:sticky;top:30px}
.formInfo h2{font-size:38px;font-weight:700;color:#66513C;margin:0 0 20px;line-height:1.3}
.formInfo h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#00C2AB 0%,#FBD4E1 100%);margin-bottom:18px;border-radius:2px}
.formInfo p{font-size:17px;line-height:1.8;color:#555;margin:0 0 32px}
.infoItem{display:flex;align-items:start;gap:16px;margin-bottom:22px;padding:18px;background:#fff;border-radius:6px;border-left:3px solid #00C2AB;transition:all 220ms ease}
.infoItem:hover{transform:translateX(5px);box-shadow:0 4px 12px #00c2ab26}
.infoIcon{flex-shrink:0;width:42px;height:42px;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:20px}
.infoTxt h4{font-size:15px;font-weight:600;color:#66513C;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}
.infoTxt p{font-size:16px;color:#333;margin:0;line-height:1.5}
.infoTxt a{color:#00C2AB;text-decoration:none;transition:color 180ms ease}
.infoTxt a:hover{color:#66513C}
.formContainer{background:#fff;padding:50px;border-radius:12px;box-shadow:0 8px 24px #66513c14}
.formContainer h3{font-size:28px;font-weight:700;color:#66513C;margin:0 0 28px}
.frmGrp{margin-bottom:26px}
.frmGrp label{display:block;font-size:15px;font-weight:600;color:#333;margin-bottom:10px}
.frmGrp input[type="text"],.frmGrp input[type="email"]{width:100%;padding:14px 18px;font-size:16px;border:2px solid #e0e0e0;border-radius:6px;background:#f8f9fa;transition:all 200ms ease;box-sizing:border-box}
.frmGrp input[type="text"]:focus,.frmGrp input[type="email"]:focus{outline:none;border-color:#00C2AB;background:#fff;box-shadow:0 0 0 3px #00c2ab1a}
.slctWrap{position:relative}
.slctWrap select{width:100%;padding:14px 40px 14px 18px;font-size:16px;border:2px solid #e0e0e0;border-radius:6px;background:#f8f9fa;cursor:pointer;transition:all 200ms ease;appearance:none;box-sizing:border-box}
.slctWrap select:focus{outline:none;border-color:#00C2AB;background:#fff;box-shadow:0 0 0 3px #00c2ab1a}
.slctWrap::after{content:'';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:7px solid #66513C;pointer-events:none}
.prvCheck{margin:30px 0;display:flex;align-items:start;gap:12px}
.prvCheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;flex-shrink:0;cursor:pointer;accent-color:#00C2AB}
.prvCheck label{font-size:14px;color:#555;line-height:1.6;cursor:pointer}
.prvCheck label a{color:#00C2AB;text-decoration:none;font-weight:600;transition:color 180ms ease}
.prvCheck label a:hover{color:#66513C}
.sbmBtn{width:100%;padding:16px 28px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);border:none;border-radius:6px;cursor:pointer;transition:all 200ms ease;box-shadow:0 4px 12px #00c2ab40}
.sbmBtn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #00c2ab59}
.sbmBtn:active{transform:translateY(0)}
.mapSec{background:linear-gradient(180deg,#fff 0%,#f8f9fa 100%);padding:80px 20px}
.mapWrap{max-width:1400px;margin:0 auto}
.mapWrap h2{font-size:42px;font-weight:700;color:#66513C;text-align:center;margin:0 0 50px}
.locGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.locCard{background:#fff;padding:40px 32px;border-radius:12px;box-shadow:0 6px 20px #66513c14;border-top:4px solid #00C2AB;transition:all 220ms ease}
.locCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #66513c24}
.locCard h3{font-size:24px;font-weight:700;color:#66513C;margin:0 0 24px;display:flex;align-items:center;gap:12px}
.locCard h3::before{content:'';width:8px;height:8px;background:#00C2AB;border-radius:50%;box-shadow:0 0 0 4px #00c2ab33}
.locDetail{display:flex;align-items:start;gap:14px;margin-bottom:18px}
.locDetail i{flex-shrink:0;width:36px;height:36px;background:linear-gradient(135deg,#FBD4E1 0%,#00C2AB 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#66513C;font-size:16px}
.locDetail p{margin:0;font-size:16px;color:#333;line-height:1.6;padding-top:6px}
.faqSec{background:#66513C;padding:90px 20px;position:relative;overflow:hidden}
.faqSec::before{content:'';position:absolute;top:-20%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#00c2ab26 0%,transparent 65%);border-radius:50%}
.faqWrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.faqWrap h2{font-size:44px;font-weight:700;color:#fff;text-align:center;margin:0 0 20px}
.faqWrap > p{font-size:18px;color:#ffffffe6;text-align:center;margin:0 0 50px;line-height:1.7}
.faqList{display:flex;flex-direction:column;gap:20px}
.faqItem{background:#fffffff2;border-radius:10px;overflow:hidden;box-shadow:0 4px 16px #0000001a}
.faqItem input[type="checkbox"]{display:none}
.faqQ{display:block;padding:24px 28px;font-size:19px;font-weight:600;color:#66513C;cursor:pointer;position:relative;transition:all 200ms ease}
.faqQ::after{content:'+';position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:28px;color:#00C2AB;transition:transform 200ms ease}
.faqItem input[type="checkbox"]:checked + .faqQ::after{transform:translateY(-50%) rotate(45deg)}
.faqItem input[type="checkbox"]:checked + .faqQ{background:linear-gradient(90deg,#00c2ab14 0%,transparent 100%)}
.faqA{max-height:0;overflow:hidden;transition:max-height 250ms ease}
.faqItem input[type="checkbox"]:checked ~ .faqA{max-height:400px}
.faqA p{padding:0 28px 24px;font-size:16px;color:#555;line-height:1.8;margin:0}
@media (max-width: 1024px) {
.ctHero{flex-direction:column;gap:40px}
.ctImg{flex:0 0 auto;width:100%;max-width:420px}
.formWrap{grid-template-columns:1fr;gap:50px}
.formInfo{position:static}
}
@media (max-width: 768px) {
.ctBlock{padding:60px 20px}
.ctTxt h1{font-size:38px}
.ctTxt p{font-size:17px}
.formSec{padding:60px 20px}
.formInfo h2{font-size:32px}
.formContainer{padding:35px 25px}
.formContainer h3{font-size:24px}
.mapSec{padding:60px 20px}
.mapWrap h2{font-size:34px}
.locGrid{grid-template-columns:1fr}
.faqSec{padding:60px 20px}
.faqWrap h2{font-size:36px}
.faqQ{font-size:17px;padding:20px 24px}
.faqQ::after{right:24px}
.faqA p{padding:0 24px 20px}
}
@media (max-width: 480px) {
.ctTxt h1{font-size:32px}
.formInfo h2{font-size:28px}
.formContainer{padding:25px 20px}
.mapWrap h2{font-size:28px}
.faqWrap h2{font-size:30px}
}
.crsPage{max-width:1600px;margin:0 auto;padding:0}
.firstBlck{display:flex;align-items:center;gap:48px;padding:80px 40px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);position:relative;overflow:hidden}
.firstBlck::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c2ab1a 0%,transparent 70%);border-radius:50%;animation:floatMotion 8s ease-in-out infinite}
@keyframes floatMotion {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,20px) scale(1.05)}
}
.firstBlck .imgFrag{flex:1;position:relative;min-width:420px}
.firstBlck .imgFrag img{width:100%;height:auto;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #66513c26;transition:transform 220ms}
.firstBlck .imgFrag img:hover{transform:translateY(-8px)}
.firstBlck .txtWrp{flex:1.2;position:relative;z-index:2}
.firstBlck .txtWrp h1{font-size:48px;line-height:1.15;color:#66513C;margin:0 0 24px;font-weight:700;position:relative}
.firstBlck .txtWrp h1::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#00C2AB 0%,#66513C 100%);margin-top:16px;border-radius:3px}
.firstBlck .txtWrp .tss{font-size:18px;line-height:1.7;color:#495057;margin:0 0 16px}
.firstBlck .txtWrp .tss:last-of-type{margin-bottom:0}
.secBlck{padding:100px 40px;background:#fff;position:relative}
.secBlck::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#00C2AB 0%,#FBD4E1 50%,#66513C 100%)}
.secBlck .inner{max-width:1400px;margin:0 auto}
.secBlck h2{font-size:42px;color:#66513C;text-align:center;margin:0 0 60px;font-weight:700;position:relative}
.secBlck h2::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:#00C2AB;border-radius:2px}
.jbGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.jbCrd{background:linear-gradient(145deg,#f8f9fa 0%,#fff 100%);border-radius:20px;padding:36px 28px;border:2px solid transparent;transition:all 200ms;position:relative;box-shadow:0 4px 12px #0000000f}
.jbCrd::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#00C2AB 0%,#66513C 100%);border-radius:20px 20px 0 0;opacity:0;transition:opacity 180ms}
.jbCrd:hover{border-color:#00C2AB;box-shadow:0 8px 28px #00c2ab33;transform:translateY(-4px)}
.jbCrd:hover::before{opacity:1}
.jbCrd .icnWrp{width:64px;height:64px;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:20px;box-shadow:0 4px 16px #00c2ab4d}
.jbCrd .icnWrp svg{width:32px;height:32px;fill:#fff}
.jbCrd h3{font-size:24px;color:#66513C;margin:0 0 14px;font-weight:600}
.jbCrd .loc{font-size:15px;color:#6c757d;margin:0 0 8px;display:flex;align-items:center;gap:6px}
.jbCrd .loc .gg-pin{color:#00C2AB}
.jbCrd .typ{font-size:14px;color:#495057;margin:0 0 18px;font-weight:500}
.jbCrd .dsc{font-size:16px;line-height:1.65;color:#495057;margin:0 0 22px}
.jbCrd .rqList{list-style:none;padding:0;margin:0 0 24px}
.jbCrd .rqList li{font-size:15px;color:#495057;padding-left:24px;position:relative;margin-bottom:8px;line-height:1.5}
.jbCrd .rqList li::before{content:'';position:absolute;left:0;top:7px;width:6px;height:6px;background:#00C2AB;border-radius:50%}
.jbCrd .btnApply{display:inline-block;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);color:#fff;padding:14px 32px;border-radius:10px;text-decoration:none;font-size:16px;font-weight:600;border:none;cursor:pointer;transition:all 180ms;box-shadow:0 4px 12px #00c2ab40}
.jbCrd .btnApply:hover{box-shadow:0 6px 20px #00c2ab66;transform:scale(1.03)}
@media (max-width: 1200px) {
.jbGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.firstBlck{gap:36px;padding:60px 32px}
.firstBlck .txtWrp h1{font-size:40px}
}
@media (max-width: 768px) {
.firstBlck{flex-direction:column;padding:50px 24px}
.firstBlck .imgFrag{min-width:100%;order:2}
.firstBlck .txtWrp{order:1}
.firstBlck .txtWrp h1{font-size:34px}
.firstBlck .txtWrp .tss{font-size:16px}
.jbGrid{grid-template-columns:1fr;gap:24px}
.secBlck{padding:70px 24px}
.secBlck h2{font-size:32px;margin-bottom:40px}
}
.statsPg .titleArea{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:flex-end;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%)}
.statsPg .titleArea::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./profile_pictures/8-ready.jpg);background-size:cover;background-position:center;opacity:.75;filter:saturate(0.8) brightness(0.85)}
.statsPg .titleArea::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E");pointer-events:none}
.statsPg .txtBlck{position:relative;z-index:5;padding:0 5% 8vh;max-width:1600px;margin:0 auto;width:100%}
.statsPg .txtBlck .mainHd{font-size:4.2rem;font-weight:700;color:#fff;line-height:1.1;margin:0 0 .5rem;text-shadow:2px 4px 12px #0006}
.statsPg .txtBlck .subHd{font-size:1.8rem;font-weight:400;color:#FBD4E1;line-height:1.3;margin:0;text-shadow:1px 2px 8px #0000004d}
.statsPg .metricsArea{padding:6rem 5%;background:#f8f9fa}
.statsPg .metricsArea .wrap{max-width:1600px;margin:0 auto}
.statsPg .metricsArea .sectionLabel{font-size:2.6rem;font-weight:700;color:#66513C;margin:0 0 3rem;text-align:center}
.statsPg .metricsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:4rem}
.statsPg .metricCard{background:#fff;padding:2.5rem 2rem;border-radius:18px;box-shadow:0 3px 12px #00000014;position:relative;overflow:hidden;transition:transform 180ms ease,box-shadow 180ms ease}
.statsPg .metricCard:hover{transform:translateY(-4px);box-shadow:0 6px 24px #0000001f}
.statsPg .metricCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#00C2AB,#66513C)}
.statsPg .metricCard .num{font-size:3.2rem;font-weight:700;color:#00C2AB;line-height:1;margin:0 0 .5rem}
.statsPg .metricCard .lbl{font-size:1rem;font-weight:600;color:#66513C;text-transform:uppercase;letter-spacing:.05em;margin:0 0 1rem}
.statsPg .metricCard .desc{font-size:.95rem;color:#5a5a5a;line-height:1.5;margin:0}
.statsPg .progressArea{background:#fff;border-radius:20px;padding:2.5rem;box-shadow:0 2px 8px #0000000f}
.statsPg .progressArea .areaTitle{font-size:1.4rem;font-weight:700;color:#66513C;margin:0 0 2rem}
.statsPg .prgItem{margin-bottom:2rem}
.statsPg .prgItem:last-child{margin-bottom:0}
.statsPg .prgItem .topLine{display:flex;justify-content:space-between;align-items:center;margin-bottom:.6rem}
.statsPg .prgItem .topLine .catName{font-size:1rem;font-weight:600;color:#2c2c2c}
.statsPg .prgItem .topLine .prcnt{font-size:.9rem;font-weight:700;color:#00C2AB}
.statsPg .prgItem .barOuter{width:100%;height:12px;background:#e8eaed;border-radius:6px;overflow:hidden;position:relative}
.statsPg .prgItem .barInner{height:100%;background:linear-gradient(90deg,#00C2AB,#66513C);border-radius:6px;transition:width 600ms ease;box-shadow:inset 0 1px 3px #ffffff4d}
.statsPg .insightsSection{padding:6rem 5%;background:linear-gradient(135deg,#66513C 0%,#00C2AB 100%);position:relative;overflow:hidden}
.statsPg .insightsSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbd4e126 0%,transparent 70%);border-radius:50%}
.statsPg .insightsSection .insightsWrap{max-width:1600px;margin:0 auto;position:relative;z-index:2}
.statsPg .insightsSection .insightsHd{font-size:2.4rem;font-weight:700;color:#fff;text-align:center;margin:0 0 3.5rem}
.statsPg .comparisonGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem}
.statsPg .compBlock{background:#fffffff2;border-radius:16px;padding:2.5rem;box-shadow:0 4px 16px #00000026;position:relative}
.statsPg .compBlock .blockHd{font-size:1.3rem;font-weight:700;color:#66513C;margin:0 0 1.5rem;padding-bottom:1rem;border-bottom:3px solid #00C2AB}
.statsPg .compBlock .dataRow{display:flex;justify-content:space-between;align-items:center;padding:.9rem 0;border-bottom:1px solid #e8eaed}
.statsPg .compBlock .dataRow:last-child{border-bottom:none}
.statsPg .compBlock .dataRow .rowLbl{font-size:.95rem;color:#5a5a5a;font-weight:500}
.statsPg .compBlock .dataRow .rowVal{font-size:1.1rem;font-weight:700;color:#00C2AB}
.statsPg .compBlock .dataRow .rowVal.neutral{color:#66513C}
.statsPg .compBlock .dataRow .checkIcn{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;background:#00C2AB;border-radius:50%;color:#fff;font-size:.7rem}
.statsPg .compBlock .highlight{background:#FBD4E1;margin:1.5rem -1rem 0;padding:1.2rem 1rem;border-radius:8px;font-size:.9rem;color:#66513C;line-height:1.5}
@media (max-width: 1200px) {
.statsPg .txtBlck .mainHd{font-size:3.4rem}
.statsPg .txtBlck .subHd{font-size:1.5rem}
}
@media (max-width: 768px) {
.statsPg .titleArea{height:80vh}
.statsPg .txtBlck{padding:0 4% 5vh}
.statsPg .txtBlck .mainHd{font-size:2.6rem}
.statsPg .txtBlck .subHd{font-size:1.2rem}
.statsPg .metricsArea{padding:4rem 4%}
.statsPg .metricsArea .sectionLabel{font-size:2rem}
.statsPg .metricsGrid{grid-template-columns:1fr;gap:1.5rem}
.statsPg .metricCard .num{font-size:2.6rem}
.statsPg .insightsSection{padding:4rem 4%}
.statsPg .insightsSection .insightsHd{font-size:1.9rem}
.statsPg .comparisonGrid{grid-template-columns:1fr;gap:2rem}
}
@media (max-width: 480px) {
.statsPg .txtBlck .mainHd{font-size:2rem}
.statsPg .txtBlck .subHd{font-size:1rem}
.statsPg .metricCard{padding:2rem 1.5rem}
.statsPg .progressArea{padding:2rem 1.5rem}
.statsPg .compBlock{padding:2rem 1.5rem}
}
.successPg{width:100%;margin:0;padding:0;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:90vh;display:flex;align-items:center;justify-content:center}
.successCnt{max-width:1600px;width:100%;margin:0 auto;padding:80px 24px}
.ttlBlkWrp{position:relative;padding:120px 40px;border-radius:20px;overflow:hidden;background:linear-gradient(135deg,#00c2ab14 0%,#66513c14 100%);box-shadow:0 8px 32px #0000000f}
.ttlBlkWrp::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#00c2ab26 0%,transparent 70%);border-radius:50%;filter:blur(60px);animation:floatShape 8s ease-in-out infinite}
.ttlBlkWrp::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#fbd4e133 0%,transparent 70%);border-radius:50%;filter:blur(50px);animation:floatShapeAlt 10s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,40px) scale(1.1)}
}
@keyframes floatShapeAlt {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(40px,-30px) scale(1.15)}
}
.ttlInner{position:relative;z-index:2;text-align:center;max-width:900px;margin:0 auto;background:#ffffffd9;backdrop-filter:blur(12px);padding:60px 48px;border-radius:16px;border:2px solid #00c2ab33}
.successIco{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;animation:pulseSuccess 2s ease-in-out infinite;box-shadow:0 8px 24px #00c2ab4d}
@keyframes pulseSuccess {
0%,100%{transform:scale(1);box-shadow:0 8px 24px #00c2ab4d}
50%{transform:scale(1.05);box-shadow:0 12px 32px #00c2ab66}
}
.successIco svg{width:48px;height:48px;fill:none;stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.mainHdg{font-size:56px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2;letter-spacing:-.5px}
.numAccnt{color:#00C2AB;position:relative;display:inline-block}
.numAccnt::after{content:'';position:absolute;bottom:-8px;left:0;right:0;height:4px;background:linear-gradient(90deg,#00C2AB 0%,#66513C 100%);border-radius:2px}
.explnTxt{font-size:20px;line-height:1.7;color:#4a4a4a;margin:0 0 40px;max-width:700px;margin-left:auto;margin-right:auto}
.nextStpBlk{background:linear-gradient(135deg,#fbd4e14d 0%,#00c2ab1a 100%);border-radius:12px;padding:32px;margin-top:48px;border:2px solid #66513c26}
.nextStpHdg{font-size:22px;font-weight:600;color:#66513C;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:12px}
.nextStpHdg::before{content:'';width:6px;height:6px;background:#66513C;border-radius:50%;display:block}
.nextStpHdg::after{content:'';width:6px;height:6px;background:#66513C;border-radius:50%;display:block}
.stpLst{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px;margin:0;padding:0;list-style:none}
.stpItm{background:#fff9;padding:24px;border-radius:8px;border-left:4px solid #00C2AB;transition:all 220ms ease}
.stpItm:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00000014;border-left-color:#66513C}
.stpNum{font-size:14px;font-weight:700;color:#00C2AB;text-transform:uppercase;letter-spacing:1px;margin:0 0 8px}
.stpTtl{font-size:18px;font-weight:600;color:#2a2a2a;margin:0 0 8px}
.stpDsc{font-size:15px;line-height:1.6;color:#5a5a5a;margin:0}
.actBtns{display:flex;align-items:center;justify-content:center;gap:20px;margin-top:40px;flex-wrap:wrap}
.primBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#00C2AB 0%,#66513C 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all 200ms ease;box-shadow:0 4px 16px #00c2ab40;border:none;cursor:pointer}
.primBtn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #00c2ab59}
.secBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#66513C;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all 200ms ease;border:2px solid #66513C;cursor:pointer}
.secBtn:hover{background:#66513C;color:#fff;transform:translateY(-2px)}
.spprtInfo{text-align:center;margin-top:48px;padding-top:32px;border-top:2px dashed #66513c33}
.spprtTxt{font-size:16px;color:#6a6a6a;margin:0 0 12px}
.spprtLnk{color:#00C2AB;text-decoration:none;font-weight:600;transition:color 180ms ease}
.spprtLnk:hover{color:#66513C;text-decoration:underline}
@media (max-width: 1024px) {
.ttlBlkWrp{padding:80px 32px}
.ttlInner{padding:48px 36px}
.mainHdg{font-size:44px}
.explnTxt{font-size:18px}
.stpLst{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.successCnt{padding:60px 20px}
.ttlBlkWrp{padding:60px 24px}
.ttlInner{padding:36px 24px}
.successIco{width:80px;height:80px;margin-bottom:24px}
.successIco svg{width:40px;height:40px}
.mainHdg{font-size:36px;margin-bottom:20px}
.explnTxt{font-size:17px;margin-bottom:32px}
.nextStpBlk{padding:24px 20px;margin-top:36px}
.nextStpHdg{font-size:20px;margin-bottom:16px}
.stpItm{padding:20px}
.actBtns{flex-direction:column;gap:16px;margin-top:32px}
.primBtn,.secBtn{width:100%;justify-content:center;padding:14px 28px;font-size:16px}
.spprtInfo{margin-top:36px;padding-top:24px}
.spprtTxt{font-size:15px}
}
@media (max-width: 480px) {
.mainHdg{font-size:30px}
.explnTxt{font-size:16px}
.nextStpHdg{font-size:18px}
.stpTtl{font-size:17px}
.stpDsc{font-size:14px}
}