*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;font-family:'Archivo',sans-serif;background:#FFFDFD;color:#1a1a1a;line-height:1.6}
body{display:flex;flex-direction:column;min-height:100vh}
main{flex:1}
.main-container{max-width:1320px;width:100%;margin:0 auto;padding:0 20px}
.siteHeado{background:linear-gradient(142deg,#FFFDFD 0%,#31DBF4 100%);box-shadow:0 4px 6px #00000026;position:relative;z-index:100}
.siteHeado .brandRow{padding:28px 0;border-bottom:2px solid #86491526}
.siteHeado .brandFlex{display:flex;align-items:center;gap:32px}
.siteHeado .logoBox{flex-shrink:0}
.siteHeado .logoLink{display:block;width:110px;height:110px;background:#FFFDFD;border-radius:8px;padding:12px;box-shadow:0 3px 8px #31dbf440;transition:all .3s ease}
.siteHeado .logoLink:hover{transform:scale(1.05);box-shadow:0 5px 12px #31dbf466}
.siteHeado .siteLogo{width:100%;height:100%;object-fit:contain}
.siteHeado .companyScript{flex:1}
.siteHeado .scriptName{font-family:'Merriweather',serif;font-size:42px;font-weight:700;font-style:italic;color:#864915;margin-bottom:6px;letter-spacing:-.5px}
.siteHeado .scriptTagline{font-size:16px;color:#1a1a1a;font-weight:400;opacity:.85}
.siteHeado .naviRow{background:#86491514;padding:0}
.siteHeado .mainNavi{width:100%}
.siteHeado .naviList{list-style:none;display:flex;gap:0;margin:0;padding:0;justify-content:center;flex-wrap:wrap}
.siteHeado .naviItem{margin:0}
.siteHeado .naviLink{display:block;padding:18px 32px;color:#1a1a1a;text-decoration:none;font-size:16px;font-weight:400;transition:background .2s ease,color .2s ease;white-space:nowrap}
.siteHeado .naviLink:hover{background:#31dbf426;color:#864915}
.siteFoot{background:linear-gradient(218deg,#864915 0%,#4a2a0d 100%);color:#FFFDFD;padding:56px 0 24px;margin-top:80px;box-shadow:0 -4px 8px #0000001f}
.siteFoot .footGrid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:48px;margin-bottom:40px}
.siteFoot .footTitle{font-family:'Merriweather',serif;font-size:20px;font-weight:700;margin-bottom:18px;color:#31DBF4}
.siteFoot .footText{font-size:14px;line-height:1.7;opacity:.9;margin-bottom:16px}
.siteFoot .footContact .contactItem{display:flex;align-items:flex-start;gap:10px;font-size:14px;margin-bottom:10px;opacity:.9}
.siteFoot .footContact .contactItem i{color:#31DBF4;font-size:18px;margin-top:2px;flex-shrink:0}
.siteFoot .footLinks{list-style:none}
.siteFoot .footLinkItem{margin-bottom:12px}
.siteFoot .footLink{color:#FFFDFD;text-decoration:none;font-size:14px;opacity:.85;transition:opacity .2s ease,color .2s ease;display:inline-block}
.siteFoot .footLink:hover{opacity:1;color:#31DBF4}
.siteFoot .socialLinks{display:flex;gap:12px;margin-top:20px}
.siteFoot .socialIcon{width:38px;height:38px;background:#31dbf426;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#31DBF4;font-size:20px;text-decoration:none;transition:all .2s ease}
.siteFoot .socialIcon:hover{background:#31DBF4;color:#864915;transform:scale(1.08)}
.siteFoot .footBottom{border-top:1px solid #fffdfd33;padding-top:24px;text-align:center}
.siteFoot .copyright{font-size:13px;opacity:.75}
.cookieBanner{position:fixed;bottom:0;left:0;right:0;z-index:9999;transform:translateY(100%);transition:transform .3s ease}
.cookieBanner.show{transform:translateY(0)}
.cookieBanner .cookieContainer{max-width:980px;margin:0 auto 20px;padding:0 20px}
.cookieBanner .cookieContent{background:#FFFDFD;border:2px solid #31DBF4;border-radius:8px;padding:24px 32px;box-shadow:0 -6px 16px #0003}
.cookieBanner .cookieTitle{font-family:'Merriweather',serif;font-size:18px;font-weight:700;color:#864915;margin-bottom:10px}
.cookieBanner .cookieDesc{font-size:14px;color:#1a1a1a;margin-bottom:18px;line-height:1.6}
.cookieBanner .cookieOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.cookieBanner .cookieOption{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:14px}
.cookieBanner .cookieOption input[type="checkbox"]{width:18px;height:18px;cursor:pointer;accent-color:#31DBF4}
.cookieBanner .cookieOption input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.6}
.cookieBanner .cookieLabel{color:#1a1a1a;user-select:none}
.cookieBanner .cookieActions{display:flex;gap:12px;justify-content:center}
.cookieBanner .cookieButt{padding:11px 28px;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:'Archivo',sans-serif}
.cookieBanner .cookieAccept{background:#31DBF4;color:#1a1a1a;box-shadow:0 3px 6px #31dbf44d}
.cookieBanner .cookieAccept:hover{background:#28c5dd;transform:scale(1.03);box-shadow:0 4px 8px #31dbf466}
.cookieBanner .cookieDecline{background:#864915;color:#FFFDFD;box-shadow:0 3px 6px #8649154d}
.cookieBanner .cookieDecline:hover{background:#6d3a11;transform:scale(1.03);box-shadow:0 4px 8px #86491566}
@media (max-width: 968px) {
.siteHeado .brandFlex{flex-direction:column;text-align:center;gap:20px}
.siteHeado .scriptName{font-size:36px}
.siteHeado .naviList{flex-direction:column;align-items:stretch}
.siteHeado .naviLink{text-align:center;padding:14px 24px}
.siteFoot .footGrid{grid-template-columns:1fr;gap:32px}
.cookieBanner .cookieOptions{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.siteHeado .scriptName{font-size:28px}
.siteHeado .scriptTagline{font-size:14px}
.siteHeado .logoLink{width:90px;height:90px}
.cookieBanner .cookieContent{padding:20px 18px}
.cookieBanner .cookieActions{flex-direction:column}
.cookieBanner .cookieButt{width:100%}
}
.terms-inner-fol{max-width:1320px;margin:0 auto;padding:60px 20px;background:linear-gradient(135deg,#FFFDFD 0%,#f8f9fa 100%)}
.terms-inner-fol h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2;letter-spacing:-.5px}
.terms-inner-fol h2{font-size:32px;font-weight:600;color:#2d2d2d;margin:48px 0 20px;line-height:1.3;padding-bottom:12px;border-bottom:3px solid #31DBF4}
.terms-inner-fol h3{font-size:24px;font-weight:600;color:#3a3a3a;margin:36px 0 16px;line-height:1.4}
.terms-inner-fol h4{font-size:20px;font-weight:600;color:#4a4a4a;margin:28px 0 14px;line-height:1.4}
.terms-inner-fol h5{font-size:18px;font-weight:600;color:#5a5a5a;margin:24px 0 12px;line-height:1.5}
.terms-inner-fol h6{font-size:16px;font-weight:600;color:#6a6a6a;margin:20px 0 10px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.terms-inner-fol p{font-size:16px;line-height:1.8;color:#333;margin:0 0 20px}
.terms-inner-fol ul{margin:0 0 24px;padding-left:30px}
.terms-inner-fol ol{margin:0 0 24px;padding-left:30px}
.terms-inner-fol li{font-size:16px;line-height:1.8;color:#333;margin-bottom:12px}
.terms-inner-fol a{color:#31DBF4;text-decoration:none;font-weight:500;border-bottom:2px solid transparent;transition:border-bottom .3s ease,color .3s ease}
.terms-inner-fol a:hover{color:#864915;border-bottom:2px solid #864915}
.terms-inner-fol strong{font-weight:600;color:#1a1a1a}
.terms-inner-fol em{font-style:italic;color:#4a4a4a}
.terms-inner-fol table{width:100%;margin:32px 0;border-collapse:collapse;background:#FFFDFD;box-shadow:0 4px 6px #00000014;border-radius:8px;overflow:hidden}
.terms-inner-fol thead{background:linear-gradient(135deg,#31DBF4 0%,#1ac5df 100%)}
.terms-inner-fol thead tr{border:none}
.terms-inner-fol thead th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#FFFDFD;text-transform:uppercase;letter-spacing:.5px;border:none}
.terms-inner-fol tbody tr{border-bottom:1px solid #e5e5e5;transition:background .2s ease}
.terms-inner-fol tbody tr:hover{background:#f8f9fa}
.terms-inner-fol tbody tr:last-child{border-bottom:none}
.terms-inner-fol tbody td{padding:16px 20px;font-size:15px;line-height:1.6;color:#333;border:none}
.terms-inner-fol th{font-weight:600}
.terms-inner-fol hr{border:none;height:2px;background:linear-gradient(90deg,#31DBF4 0%,#864915 100%);margin:40px 0;border-radius:4px}
.terms-inner-fol div{margin:0}
.terms-inner-fol blockquote{margin:28px 0;padding:20px 24px;background:#f8f9fa;border-left:4px solid #31DBF4;border-radius:6px;font-style:italic;color:#4a4a4a}
.terms-inner-fol code{background:#f0f0f0;padding:2px 6px;border-radius:4px;font-family:'Courier New',monospace;font-size:14px;color:#864915}
.terms-inner-fol pre{background:#f8f9fa;padding:20px;border-radius:8px;overflow-x:auto;margin:24px 0;border:1px solid #e5e5e5}
.terms-inner-fol pre code{background:none;padding:0;color:#333}
@media (max-width: 768px) {
.terms-inner-fol{padding:40px 16px}
.terms-inner-fol h1{font-size:32px;margin-bottom:12px}
.terms-inner-fol h2{font-size:26px;margin:36px 0 16px}
.terms-inner-fol h3{font-size:22px;margin:28px 0 12px}
.terms-inner-fol h4{font-size:19px;margin:24px 0 10px}
.terms-inner-fol h5{font-size:17px;margin:20px 0 10px}
.terms-inner-fol h6{font-size:15px;margin:18px 0 8px}
.terms-inner-fol p,.terms-inner-fol li{font-size:15px;line-height:1.7}
.terms-inner-fol table{font-size:14px;margin:24px 0}
.terms-inner-fol thead th{padding:14px 12px;font-size:13px}
.terms-inner-fol tbody td{padding:12px;font-size:14px}
.terms-inner-fol ul,.terms-inner-fol ol{padding-left:24px}
.terms-inner-fol hr{margin:32px 0}
}
@media (max-width: 480px) {
.terms-inner-fol{padding:32px 12px}
.terms-inner-fol h1{font-size:28px}
.terms-inner-fol h2{font-size:24px}
.terms-inner-fol table{display:block;overflow-x:auto}
}
.heroWrap{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(128deg,#31DBF4 0%,#864915 100%)}
.heroWrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./visuals_folder/test-foto_03-01.jpg);background-size:cover;background-position:center;opacity:.22;z-index:1}
.heroWrap::after{content:'';position:absolute;bottom:-2px;right:0;width:280px;height:280px;background:radial-gradient(circle,#31dbf426,transparent 70%);border-radius:50%;z-index:2}
.heroContent-hold{position:relative;z-index:3;max-width:1320px;width:100%;margin:0 auto;padding:80px 20px}
.heroContent-hold .mainTitle{font-size:48px;font-weight:700;color:#FFFDFD;margin:0 0 24px;line-height:1.2;max-width:720px}
.heroContent-hold .leadText{font-size:19px;color:#FFFDFD;line-height:1.7;margin:0 0 18px;max-width:680px}
.heroContent-hold .leadText:last-of-type{margin-bottom:36px}
.heroContent-hold .ctaButton{display:inline-block;padding:14px 36px;background:#FFFDFD;color:#864915;text-decoration:none;font-size:17px;font-weight:600;border-radius:6px;box-shadow:0 4px 8px #0000002e;transition:transform 0.2s,box-shadow .2s}
.heroContent-hold .ctaButton:hover{transform:scale(1.04);box-shadow:0 6px 14px #00000042}
.tipsArea{background:linear-gradient(42deg,#FFFDFD 0%,#31dbf414 100%);padding:90px 20px}
.tipsArea .container-tips{max-width:1320px;margin:0 auto}
.tipsArea .sectionIntro{margin-bottom:64px;text-align:center}
.tipsArea .sectionIntro h2{font-size:38px;font-weight:700;color:#864915;margin:0 0 20px;line-height:1.3}
.tipsArea .sectionIntro .introDesc{font-size:18px;color:#2a2a2a;line-height:1.7;max-width:820px;margin:0 auto}
.tipsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.tipCard{background:#FFFDFD;border-radius:8px;padding:32px 26px;box-shadow:0 3px 10px #00000014;position:relative;transition:transform 0.25s,box-shadow .25s}
.tipCard:hover{transform:translateY(-6px);box-shadow:0 8px 20px #00000024}
.tipCard::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#31DBF4,#864915);border-radius:8px 0 0 8px}
.tipCard .iconWrap{width:62px;height:62px;background:linear-gradient(135deg,#31dbf426,#86491526);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.tipCard .iconWrap i{font-size:28px;color:#31DBF4}
.tipCard h3{font-size:22px;font-weight:700;color:#864915;margin:0 0 14px;line-height:1.3}
.tipCard .tipDesc{font-size:16px;color:#3a3a3a;line-height:1.7;margin:0}
.visualBlock{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:72px;align-items:center}
.visualBlock .imageHold{position:relative}
.visualBlock .imageHold img{width:100%;height:auto;border-radius:10px;box-shadow:0 6px 18px #0000001f;display:block}
.visualBlock .imageHold::after{content:'';position:absolute;bottom:-16px;right:-16px;width:180px;height:180px;background:linear-gradient(225deg,#31dbf433,transparent);border-radius:50%;z-index:-1}
.visualBlock .textContent{padding-left:20px}
.visualBlock .textContent h3{font-size:32px;font-weight:700;color:#864915;margin:0 0 20px;line-height:1.3}
.visualBlock .textContent p{font-size:17px;color:#2a2a2a;line-height:1.75;margin:0 0 16px}
.visualBlock .textContent .highlight{color:#31DBF4;font-weight:600}
.checkList{margin-top:28px}
.checkList .checkItem{display:flex;align-items:flex-start;margin-bottom:16px}
.checkList .checkItem i{font-size:22px;color:#31DBF4;margin-right:12px;flex-shrink:0;margin-top:2px}
.checkList .checkItem span{font-size:16px;color:#3a3a3a;line-height:1.6}
.strategySection{background:#FFFDFD;padding:90px 20px}
.strategySection .container-strat{max-width:1320px;margin:0 auto}
.strategySection .mainHead{font-size:36px;font-weight:700;color:#864915;margin:0 0 48px;text-align:center;line-height:1.3}
.stratLayout{display:flex;gap:40px;align-items:flex-start}
.stratLayout .imageSection{flex:0 0 420px;position:relative}
.stratLayout .imageSection img{width:100%;height:auto;border-radius:8px;box-shadow:0 5px 16px #0000001a;display:block}
.stratLayout .imageSection::before{content:'';position:absolute;top:-12px;left:-12px;width:100%;height:100%;border:3px solid #31dbf44d;border-radius:8px;z-index:-1}
.stratLayout .contentSection{flex:1}
.approachList{display:flex;flex-direction:column;gap:28px}
.approachItem{background:linear-gradient(95deg,#31dbf40f,#8649150a);border-radius:8px;padding:28px 32px;border-left:4px solid #31DBF4;position:relative;overflow:hidden}
.approachItem::after{content:'';position:absolute;top:0;right:-30px;width:120px;height:120px;background:radial-gradient(circle,#86491514,transparent 70%);border-radius:50%}
.approachItem .itemNumber{display:inline-block;width:36px;height:36px;background:linear-gradient(135deg,#31DBF4,#864915);color:#FFFDFD;font-size:18px;font-weight:700;border-radius:50%;text-align:center;line-height:36px;margin-bottom:14px}
.approachItem h4{font-size:21px;font-weight:700;color:#864915;margin:0 0 12px;line-height:1.3}
.approachItem p{font-size:16px;color:#3a3a3a;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.tipsGrid{grid-template-columns:repeat(2,1fr)}
.visualBlock{grid-template-columns:1fr;gap:36px}
.visualBlock .textContent{padding-left:0}
.stratLayout{flex-direction:column}
.stratLayout .imageSection{flex:0 0 auto;width:100%}
}
@media (max-width: 768px) {
.heroContent-hold .mainTitle{font-size:36px}
.heroContent-hold .leadText{font-size:17px}
.tipsGrid{grid-template-columns:1fr;gap:24px}
.tipsArea .sectionIntro h2{font-size:30px}
.visualBlock .textContent h3{font-size:26px}
.strategySection .mainHead{font-size:28px}
.approachItem{padding:22px 20px}
}
.pageTop-butt{background:linear-gradient(138deg,#31DBF4 0%,#864915 100%);padding:120px 20px 90px;position:relative;overflow:hidden}
.pageTop-butt::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#fffdfd14;border-radius:50%;z-index:1}
.pageTop-butt::after{content:'';position:absolute;bottom:-30%;left:-10%;width:450px;height:450px;background:#86491526;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%);z-index:1}
.pageTop-butt .topContent-wrap{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:24px}
.pageTop-butt .titleMain{font-size:58px;font-weight:700;color:#FFFDFD;text-align:center;line-height:1.2;margin:0;text-shadow:2px 4px 8px #0003}
.pageTop-butt .quoteText{font-size:22px;color:#fffdfdf2;text-align:center;line-height:1.6;max-width:780px;margin:0;font-style:italic}
.pageTop-butt .visual-hero{margin-top:40px;position:relative}
.pageTop-butt .visual-hero img{width:100%;max-width:920px;height:460px;object-fit:cover;border-radius:8px;box-shadow:0 6px 24px #00000040;border:4px solid #fffdfd4d}
.pageTop-butt .shape-accent{position:absolute;bottom:-25px;right:40px;width:120px;height:120px;background:linear-gradient(225deg,#864915 0%,#31DBF4 100%);opacity:.7;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);z-index:3}
.program-gridView{padding:95px 20px;background:linear-gradient(165deg,#FFFDFD 0%,#31dbf40f 100%)}
.program-gridView .contentHolder{max-width:1320px;margin:0 auto}
.program-gridView .sectionLabel{font-size:44px;font-weight:700;color:#864915;margin:0 0 16px;line-height:1.3}
.program-gridView .sectionLabel::before{content:'';display:inline-block;width:58px;height:5px;background:linear-gradient(90deg,#31DBF4 0%,#864915 100%);margin-right:14px;vertical-align:middle;border-radius:3px}
.program-gridView .intro-text{font-size:18px;line-height:1.75;color:#000000d1;margin:0 0 60px;max-width:940px}
.program-gridView .course-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-bottom:50px}
.program-gridView .courseCard{background:#FFFDFD;border-radius:6px;overflow:hidden;box-shadow:0 3px 12px #00000014;transition:all .3s ease;border:1px solid #8649151f}
.program-gridView .courseCard:hover{transform:translateY(-5px) scale(1.01);box-shadow:0 8px 22px #31dbf42e}
.program-gridView .courseCard .card-img{width:100%;height:220px;object-fit:cover}
.program-gridView .courseCard .cardBody{padding:28px 24px}
.program-gridView .courseCard .cardTitle{font-size:24px;font-weight:700;color:#31DBF4;margin:0 0 14px;line-height:1.3}
.program-gridView .courseCard .cardDesc{font-size:16px;line-height:1.65;color:#000000c7;margin:0 0 20px}
.program-gridView .courseCard .detail-list{list-style:none;padding:0;margin:0 0 24px}
.program-gridView .courseCard .detail-list li{font-size:15px;color:#000000bf;padding:8px 0;border-bottom:1px dashed #86491526;display:flex;align-items:center}
.program-gridView .courseCard .detail-list li:last-child{border-bottom:none}
.program-gridView .courseCard .detail-list li::before{content:'';display:inline-block;width:8px;height:8px;background:#864915;border-radius:50%;margin-right:12px;flex-shrink:0}
.program-gridView .courseCard .enrollBtn{display:inline-block;padding:13px 32px;background:linear-gradient(120deg,#31DBF4 0%,#864915 100%);color:#FFFDFD;text-decoration:none;border-radius:5px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 3px 8px #31dbf44d;border:none;cursor:pointer}
.program-gridView .courseCard .enrollBtn:hover{transform:scale(1.05);box-shadow:0 5px 14px #86491559}
.program-gridView .info-wrapper{background:linear-gradient(155deg,#31dbf414 0%,#8649150d 100%);padding:42px 36px;border-radius:8px;border-left:5px solid #31DBF4;box-shadow:0 2px 10px #0000000f}
.program-gridView .info-wrapper h3{font-size:28px;font-weight:700;color:#864915;margin:0 0 18px;line-height:1.3}
.program-gridView .info-wrapper p{font-size:17px;line-height:1.7;color:#000c;margin:0 0 14px}
.program-gridView .info-wrapper p:last-child{margin-bottom:0}
.program-gridView .info-wrapper .accent-term{color:#31DBF4;font-weight:600}
@media (max-width: 768px) {
.pageTop-butt{padding:80px 20px 60px}
.pageTop-butt .titleMain{font-size:38px}
.pageTop-butt .quoteText{font-size:18px}
.pageTop-butt .visual-hero img{height:280px}
.pageTop-butt .shape-accent{width:80px;height:80px;bottom:-15px;right:20px}
.program-gridView{padding:60px 20px}
.program-gridView .sectionLabel{font-size:32px}
.program-gridView .course-grid{grid-template-columns:1fr;gap:24px}
.program-gridView .info-wrapper{padding:28px 22px}
}
@media (max-width: 480px) {
.pageTop-butt .titleMain{font-size:32px}
.pageTop-butt .quoteText{font-size:16px}
.program-gridView .sectionLabel{font-size:28px}
.program-gridView .sectionLabel::before{width:40px;height:4px}
}
.mainpage-wrap{width:100%;overflow:hidden}
.herocontain{max-width:1320px;margin:0 auto;padding:0 20px}
.hero-collage{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;padding:80px 0 90px;background:linear-gradient(132deg,#31DBF4 0%,#FFFDFD 52%,#864915 100%);position:relative}
.hero-collage::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,#31dbf426,transparent 60%);z-index:1}
.hero-textzone{position:relative;z-index:2;padding-left:40px}
.hero-textzone h1{font-size:52px;font-weight:700;line-height:1.15;color:#0A0A0A;margin:0 0 24px;letter-spacing:-.5px}
.hero-textzone .hero-desc{font-size:19px;line-height:1.7;color:#2B2B2B;margin:0 0 32px;max-width:540px}
.hero-imgcollage{position:relative;z-index:2;display:flex;flex-direction:column;gap:20px;padding-right:40px}
.hero-imgcollage img{width:100%;height:320px;object-fit:cover;border-radius:8px;box-shadow:4px 4px 0 #86491540}
.hero-cta-butt{display:inline-block;background:#864915;color:#FFFDFD;padding:16px 36px;font-size:17px;font-weight:600;border-radius:6px;text-decoration:none;transition:all .25s ease;box-shadow:3px 3px 0 #0a0a0a33;z-index:10;position:relative}
.hero-cta-butt:hover{transform:translateY(-2px) scale(1.02);box-shadow:5px 5px 0 #0a0a0a4d;background:#6F3B11}
.research-section{padding:90px 0;background:#FFFDFD}
.section-container{max-width:1320px;margin:0 auto;padding:0 20px}
.research-section .section-title{font-size:42px;font-weight:700;color:#0A0A0A;margin:0 0 18px;position:relative;display:inline-block}
.research-section .section-title::after{content:'';position:absolute;bottom:-6px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#31DBF4,#864915);border-radius:2px}
.research-intro{font-size:18px;line-height:1.75;color:#3A3A3A;margin:32px 0 50px;max-width:920px}
.datametrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:50px}
.metric-card{background:linear-gradient(145deg,#F8F8F8,#FFF);border-radius:10px;padding:36px 28px;border:2px solid #E8E8E8;transition:all .3s ease;position:relative;overflow:hidden}
.metric-card::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:linear-gradient(180deg,#31DBF4,#864915);transform:scaleY(0);transition:transform .3s ease;transform-origin:bottom}
.metric-card:hover::before{transform:scaleY(1);transform-origin:top}
.metric-card:hover{transform:translateY(-4px);box-shadow:0 6px 20px #31dbf426;border-color:#31DBF4}
.metric-number{font-size:48px;font-weight:700;color:#31DBF4;margin:0 0 12px;line-height:1}
.metric-label{font-size:16px;font-weight:600;color:#0A0A0A;margin:0 0 10px}
.metric-detail{font-size:14px;line-height:1.6;color:#5A5A5A;margin:0}
.analytic-insights{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.insight-image img{width:100%;height:440px;object-fit:cover;border-radius:10px;box-shadow:6px 6px 0 #86491533}
.insight-content h3{font-size:32px;font-weight:700;color:#0A0A0A;margin:0 0 20px}
.insight-content p{font-size:17px;line-height:1.8;color:#3A3A3A;margin:0 0 16px}
.bizsolve-section{padding:95px 0;background:linear-gradient(125deg,#31dbf414 0%,#fffdfdff 40%,#8649150f 100%)}
.bizsolve-section .section-title{font-size:40px;font-weight:700;color:#0A0A0A;margin:0 0 16px;text-align:center}
.bizsolve-section .section-subtitle{font-size:18px;line-height:1.7;color:#3A3A3A;margin:0 auto 60px;max-width:780px;text-align:center}
.corporate-offerings{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.offering-box{background:#FFF;border-radius:8px;padding:40px 32px;border-left:6px solid #31DBF4;box-shadow:4px 4px 12px #0a0a0a14;transition:all .3s ease}
.offering-box:nth-child(even){border-left-color:#864915}
.offering-box:hover{transform:scale(1.02);box-shadow:6px 6px 18px #31dbf42e}
.offering-box h4{font-size:24px;font-weight:700;color:#0A0A0A;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.offering-box h4 i{color:#31DBF4;font-size:28px}
.offering-box:nth-child(even) h4 i{color:#864915}
.offering-box p{font-size:16px;line-height:1.75;color:#4A4A4A;margin:0 0 18px}
.offering-features{list-style:none;padding:0;margin:0}
.offering-features li{font-size:15px;line-height:1.8;color:#3A3A3A;padding-left:26px;position:relative;margin-bottom:10px}
.offering-features li::before{content:'→';position:absolute;left:0;color:#31DBF4;font-weight:700}
.offering-box:nth-child(even) .offering-features li::before{color:#864915}
.bizsolve-visual{margin-top:60px;display:flex;justify-content:center;gap:28px}
.bizsolve-visual img{width:calc(50% - 14px);height:380px;object-fit:cover;border-radius:8px;box-shadow:5px 5px 0 #8649152e}
.people-section{padding:90px 0;background:#FFF}
.people-section .section-title{font-size:42px;font-weight:700;color:#0A0A0A;margin:0 0 20px;text-align:center;position:relative}
.people-section .section-title::before{content:'';position:absolute;top:-20px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#31DBF4,#864915);border-radius:2px}
.people-intro-text{font-size:18px;line-height:1.75;color:#3A3A3A;margin:0 auto 56px;max-width:860px;text-align:center}
.team-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.team-member-card{background:linear-gradient(135deg,#F9F9F9,#FFF);border-radius:10px;padding:32px 24px;text-align:center;border:2px solid #ECECEC;transition:all .3s ease;position:relative}
.team-member-card::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#31DBF4,#864915);transform:scaleX(0);transition:transform .3s ease;border-radius:0 0 8px 8px}
.team-member-card:hover::after{transform:scaleX(1)}
.team-member-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px #31dbf433;border-color:#31DBF4}
.team-icon{width:80px;height:80px;background:linear-gradient(135deg,#31DBF4,#864915);border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;font-size:38px;color:#FFF}
.team-member-name{font-size:20px;font-weight:700;color:#0A0A0A;margin:0 0 8px}
.team-member-role{font-size:15px;font-weight:600;color:#31DBF4;margin:0 0 14px}
.team-member-bio{font-size:14px;line-height:1.7;color:#5A5A5A;margin:0}
.team-values-wrap{margin-top:70px;background:linear-gradient(128deg,#31dbf41a,#86491514);border-radius:12px;padding:50px 40px}
.team-values-wrap h3{font-size:32px;font-weight:700;color:#0A0A0A;margin:0 0 32px;text-align:center}
.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.value-item{background:#FFF;border-radius:8px;padding:28px 24px;box-shadow:3px 3px 8px #0a0a0a0f;transition:all .25s ease}
.value-item:hover{transform:scale(1.04);box-shadow:5px 5px 16px #31dbf426}
.value-item h4{font-size:19px;font-weight:700;color:#0A0A0A;margin:0 0 12px;display:flex;align-items:center;gap:10px}
.value-item h4 i{color:#864915;font-size:24px}
.value-item p{font-size:15px;line-height:1.7;color:#4A4A4A;margin:0}
@media (max-width: 992px) {
.hero-collage{grid-template-columns:1fr;padding:60px 20px}
.hero-textzone{padding-left:0;text-align:center}
.hero-textzone h1{font-size:40px}
.hero-textzone .hero-desc{max-width:100%}
.hero-imgcollage{padding-right:0}
.datametrics-grid{grid-template-columns:1fr}
.analytic-insights{grid-template-columns:1fr}
.corporate-offerings{grid-template-columns:1fr}
.bizsolve-visual{flex-direction:column}
.bizsolve-visual img{width:100%}
.team-showcase{grid-template-columns:repeat(2,1fr)}
.values-grid{grid-template-columns:1fr}
}
@media (max-width: 576px) {
.hero-textzone h1{font-size:32px}
.hero-textzone .hero-desc{font-size:17px}
.research-section .section-title{font-size:32px}
.bizsolve-section .section-title{font-size:32px}
.people-section .section-title{font-size:32px}
.team-showcase{grid-template-columns:1fr}
.metric-number{font-size:38px}
}
.reachWrap{background:linear-gradient(127deg,#31DBF4 0%,#864915 100%);padding:140px 20px 120px;position:relative;overflow:hidden}
.reachWrap::before{content:'';position:absolute;top:0;left:0;right:0;height:180px;background:linear-gradient(to bottom,#fffdfd26 0%,transparent 100%)}
.reachWrap::after{content:'';position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,#fffdfd26 0%,transparent 100%)}
.reachBox{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.reachBox h1{font-size:56px;line-height:1.2;color:#FFFDFD;margin:0 0 24px;font-weight:700}
.reachBox .introText{font-size:20px;line-height:1.6;color:#FFFDFD;max-width:680px;margin:0}
.decorDots{position:absolute;right:60px;top:50%;transform:translateY(-50%);display:grid;grid-template-columns:repeat(4,12px);grid-template-rows:repeat(6,12px);gap:18px}
.decorDots span{width:12px;height:12px;border-radius:50%;background:#fffdfd4d}
.decorDots span:nth-child(2n){background:#fffdfd80}
.infoGrid{background:#FFFDFD;padding:100px 20px}
.infoContainer{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.infoCard{background:linear-gradient(135deg,#31dbf40f 0%,#8649150a 100%);padding:44px 36px;border-radius:8px;border:2px solid #31dbf426;transition:all .3s ease}
.infoCard:hover{transform:translateY(-6px);box-shadow:0 6px 24px #31dbf433;border-color:#31DBF4}
.infoCard .cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 28px}
.infoCard .cardIcon i{font-size:28px;color:#FFFDFD}
.infoCard h3{font-size:22px;line-height:1.3;color:#864915;margin:0 0 16px;font-weight:600}
.infoCard .cardDetail{font-size:16px;line-height:1.6;color:#333;margin:0}
.infoCard a{color:#31DBF4;text-decoration:none;font-weight:500;transition:color .3s ease}
.infoCard a:hover{color:#864915}
.formArea{background:linear-gradient(155deg,#FFFDFD 0%,#31dbf414 100%);padding:110px 20px}
.formContainer{max-width:880px;margin:0 auto}
.formContainer h2{font-size:42px;line-height:1.3;color:#864915;margin:0 0 18px;font-weight:700;text-align:center}
.formContainer .formIntro{font-size:18px;line-height:1.6;color:#555;text-align:center;margin:0 0 52px;max-width:620px;margin-left:auto;margin-right:auto}
.contactForm{background:#FFFDFD;padding:52px 48px;border-radius:12px;box-shadow:0 4px 16px #8649151a}
.formRow{margin:0 0 32px}
.formRow label{display:block;font-size:15px;font-weight:600;color:#864915;margin:0 0 10px}
.formRow input[type="text"],.formRow input[type="email"]{width:100%;padding:14px 18px;border:2px solid #31dbf44d;border-radius:6px;font-size:16px;color:#333;transition:all .3s ease;box-sizing:border-box}
.formRow input[type="text"]:focus,.formRow input[type="email"]:focus{outline:none;border-color:#31DBF4;box-shadow:0 0 0 4px #31dbf41a}
.formRow select{width:100%;padding:14px 18px;border:2px solid #31dbf44d;border-radius:6px;font-size:16px;color:#333;background:#FFFDFD;cursor:pointer;transition:all .3s ease;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath fill='%2331DBF4' d='M8 11L3 6h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.formRow select:focus{outline:none;border-color:#31DBF4;box-shadow:0 0 0 4px #31dbf41a}
.radioGroup{display:flex;flex-direction:column;gap:14px}
.radioOption{display:flex;align-items:center;position:relative}
.radioOption input[type="radio"]{position:absolute;opacity:0;cursor:pointer}
.radioOption label{display:flex;align-items:center;font-size:16px;color:#333;cursor:pointer;margin:0;font-weight:400;padding-left:36px;position:relative}
.radioOption label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:22px;height:22px;border:2px solid #31dbf466;border-radius:50%;background:#FFFDFD;transition:all .3s ease}
.radioOption label::after{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%) scale(0);width:10px;height:10px;border-radius:50%;background:#31DBF4;transition:transform .3s ease}
.radioOption input[type="radio"]:checked + label::before{border-color:#31DBF4}
.radioOption input[type="radio"]:checked + label::after{transform:translateY(-50%) scale(1)}
.checkboxWrap{margin:0 0 32px;display:flex;align-items:flex-start}
.checkboxWrap input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.checkboxWrap label{display:flex;align-items:flex-start;font-size:14px;line-height:1.5;color:#555;cursor:pointer;margin:0;padding-left:32px;position:relative}
.checkboxWrap label::before{content:'';position:absolute;left:0;top:2px;width:20px;height:20px;border:2px solid #31dbf466;border-radius:4px;background:#FFFDFD;transition:all .3s ease}
.checkboxWrap label::after{content:'\2713';position:absolute;left:4px;top:0;font-size:14px;color:#FFFDFD;opacity:0;transform:scale(0);transition:all .3s ease}
.checkboxWrap input[type="checkbox"]:checked + label::before{background:#31DBF4;border-color:#31DBF4}
.checkboxWrap input[type="checkbox"]:checked + label::after{opacity:1;transform:scale(1)}
.checkboxWrap a{color:#31DBF4;text-decoration:none;font-weight:500}
.checkboxWrap a:hover{text-decoration:underline}
.submitButt{background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);color:#FFFDFD;padding:16px 48px;border:none;border-radius:6px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #31dbf44d;width:100%}
.submitButt:hover{transform:scale(1.03);box-shadow:0 6px 18px #31dbf466}
.mapSection{background:#FFFDFD;padding:100px 20px}
.mapBox{max-width:1320px;margin:0 auto}
.mapBox h2{font-size:38px;line-height:1.3;color:#864915;margin:0 0 16px;font-weight:700}
.mapBox .mapIntro{font-size:17px;line-height:1.6;color:#555;margin:0 0 44px;max-width:680px}
.addressBlock{background:linear-gradient(145deg,#31dbf414 0%,#8649150d 100%);padding:48px 44px;border-radius:8px;border-left:5px solid #31DBF4;display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.addressItem h3{font-size:18px;line-height:1.4;color:#864915;margin:0 0 12px;font-weight:600}
.addressItem p{font-size:16px;line-height:1.7;color:#333;margin:0}
.addressItem a{color:#31DBF4;text-decoration:none;font-weight:500}
.addressItem a:hover{text-decoration:underline}
@media (max-width: 1024px) {
.infoContainer{grid-template-columns:repeat(2,1fr);gap:36px}
.decorDots{display:none}
.reachBox h1{font-size:46px}
}
@media (max-width: 768px) {
.reachWrap{padding:100px 20px 80px}
.reachBox h1{font-size:38px}
.reachBox .introText{font-size:18px}
.infoContainer{grid-template-columns:1fr;gap:28px}
.infoCard{padding:36px 28px}
.formArea{padding:80px 20px}
.formContainer h2{font-size:34px}
.contactForm{padding:40px 28px}
.addressBlock{grid-template-columns:1fr;gap:28px;padding:36px 28px}
.mapBox h2{font-size:32px}
}
@media (max-width: 480px) {
.reachBox h1{font-size:32px}
.reachBox .introText{font-size:16px}
.formContainer h2{font-size:28px}
.formContainer .formIntro{font-size:16px}
.contactForm{padding:32px 20px}
.submitButt{padding:14px 32px}
}
.programTitle{background:linear-gradient(127deg,#31DBF4 0%,#864915 100%);padding:80px 20px;position:relative;overflow:hidden}
.programTitle::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fffdfd1a;border-radius:50%}
.programTitle::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:#86491526;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.programTitle .titleWrap{max-width:1320px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:40px}
.programTitle .mainHeading{font-size:56px;font-weight:700;color:#FFFDFD;text-align:center;margin:0;line-height:1.2}
.programTitle .descText{font-size:20px;color:#fffdfdf2;text-align:center;max-width:720px;line-height:1.6;margin:0}
.programTitle .visualBox{position:relative;width:100%;max-width:560px;border-radius:8px;overflow:hidden;box-shadow:0 6px 24px #0003}
.programTitle .visualBox img{width:100%;height:auto;display:block;filter:blur(0.5px);transition:filter .4s ease}
.programTitle .visualBox:hover img{filter:blur(0)}
.programTitle .visualBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 60%,#31dbf41a 100%);pointer-events:none}
.courseDetails{padding:100px 20px;background:#FFFDFD;position:relative}
.courseDetails .detailContainer{max-width:1320px;margin:0 auto}
.courseDetails .sectionHead{font-size:42px;font-weight:700;color:#864915;margin:0 0 50px;position:relative;display:inline-block}
.courseDetails .sectionHead::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#31DBF4 0%,#864915 100%)}
.courseDetails .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.courseDetails .courseCard{background:linear-gradient(145deg,#31dbf40d 0%,#8649150d 100%);padding:36px 28px;border-radius:6px;border:1px solid #86491526;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.courseDetails .courseCard:hover{transform:translateY(-4px);box-shadow:0 8px 20px #31dbf426}
.courseDetails .courseCard .cardIcon{width:56px;height:56px;background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.courseDetails .courseCard .cardIcon i{font-size:28px;color:#FFFDFD}
.courseDetails .courseCard .cardTitle{font-size:24px;font-weight:600;color:#864915;margin:0 0 16px}
.courseDetails .courseCard .cardText{font-size:16px;color:#333;line-height:1.7;margin:0}
.courseDetails .infoGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.courseDetails .textColumn h3{font-size:32px;font-weight:700;color:#31DBF4;margin:0 0 24px}
.courseDetails .textColumn p{font-size:17px;color:#444;line-height:1.8;margin:0 0 20px}
.courseDetails .textColumn p:last-child{margin-bottom:0}
.courseDetails .featureList{list-style:none;padding:0;margin:0}
.courseDetails .featureList li{padding:20px 0;border-bottom:1px solid #8649151a;display:flex;align-items:start;gap:16px}
.courseDetails .featureList li:last-child{border-bottom:none}
.courseDetails .featureList li::before{content:'';width:12px;height:12px;background:#31DBF4;border-radius:50%;flex-shrink:0;margin-top:6px}
.courseDetails .featureList li strong{color:#864915;font-weight:600;display:block;margin-bottom:4px}
.courseDetails .featureList li span{font-size:16px;color:#555;line-height:1.6}
.courseDetails .ctaSection{margin-top:60px;text-align:center;padding:48px;background:linear-gradient(110deg,#31dbf414 0%,#86491514 100%);border-radius:8px}
.courseDetails .ctaSection h4{font-size:28px;font-weight:700;color:#864915;margin:0 0 28px}
.courseDetails .buttonGroup{display:flex;gap:20px;justify-content:center;align-items:center;flex-wrap:wrap}
.courseDetails .primaryButt{padding:16px 40px;background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);color:#FFFDFD;font-size:18px;font-weight:600;border:none;border-radius:6px;text-decoration:none;display:inline-block;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #31dbf44d;position:relative;z-index:10}
.courseDetails .primaryButt:hover{transform:scale(1.05);box-shadow:0 6px 18px #31dbf466}
.courseDetails .secondaryButt{padding:16px 40px;background:transparent;color:#864915;font-size:18px;font-weight:600;border:2px solid #864915;border-radius:6px;text-decoration:none;display:inline-block;transition:background .3s ease,color .3s ease;position:relative;z-index:10}
.courseDetails .secondaryButt:hover{background:#864915;color:#FFFDFD}
@media (max-width: 992px) {
.programTitle .mainHeading{font-size:44px}
.programTitle .descText{font-size:18px}
.courseDetails .gridLayout{grid-template-columns:repeat(2,1fr);gap:24px}
.courseDetails .infoGrid{grid-template-columns:1fr;gap:36px}
.courseDetails .sectionHead{font-size:36px}
}
@media (max-width: 768px) {
.programTitle{padding:60px 20px}
.programTitle .mainHeading{font-size:36px}
.programTitle .descText{font-size:16px}
.courseDetails{padding:60px 20px}
.courseDetails .gridLayout{grid-template-columns:1fr;gap:20px}
.courseDetails .sectionHead{font-size:30px}
.courseDetails .textColumn h3{font-size:26px}
.courseDetails .buttonGroup{flex-direction:column;gap:16px}
.courseDetails .primaryButt,.courseDetails .secondaryButt{width:100%;text-align:center}
}
@media (max-width: 480px) {
.programTitle .mainHeading{font-size:28px}
.courseDetails .courseCard{padding:28px 20px}
.courseDetails .ctaSection{padding:32px 20px}
}
.successPage-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.heroSuccess-block{background:linear-gradient(142deg,#31DBF4 0%,#FFFDFD 45%,#864915 100%);padding:120px 0 100px;position:relative;overflow:hidden}
.heroSuccess-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#fffdfd08 10px,#fffdfd08 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,#31dbf405 10px,#31dbf405 20px);pointer-events:none}
.heroSuccess-block .successPage-wrap{position:relative;z-index:2}
.heroSuccess-content{text-align:center;max-width:740px;margin:0 auto}
.heroSuccess-iconbox{display:inline-flex;align-items:center;justify-content:center;width:110px;height:110px;background:#FFFDFD;border-radius:50%;margin-bottom:32px;box-shadow:0 6px 24px #86491526;animation:pulseCheck 2s ease-in-out infinite}
@keyframes pulseCheck {
0%,100%{transform:scale(1);box-shadow:0 6px 24px #86491526}
50%{transform:scale(1.05);box-shadow:0 8px 32px #31dbf440}
}
.heroSuccess-iconbox i{font-size:56px;color:#31DBF4}
.heroSuccess-heading{font-size:52px;font-weight:700;line-height:1.2;color:#864915;margin:0 0 18px;text-shadow:2px 2px 4px #fffdfd66}
.heroSuccess-subtitle{font-size:22px;line-height:1.5;color:#2a2a2a;margin:0 0 36px}
.heroSuccess-details{background:#fffdfdd9;border-radius:8px;padding:28px 36px;margin-top:44px;box-shadow:0 4px 16px #00000014}
.heroSuccess-details p{font-size:17px;line-height:1.7;color:#333;margin:0 0 16px}
.heroSuccess-details p:last-child{margin-bottom:0}
.heroSuccess-details strong{color:#864915;font-weight:600}
.infoSuccess-section{padding:90px 0;background:#FFFDFD}
.infoSuccess-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px}
.infoSuccess-card{background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);padding:4px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}
.infoSuccess-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #31dbf44d}
.infoSuccess-cardInner{background:#FFFDFD;border-radius:8px;padding:36px 28px;height:100%}
.infoSuccess-cardIcon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);border-radius:8px;margin-bottom:22px}
.infoSuccess-cardIcon i{font-size:32px;color:#FFFDFD}
.infoSuccess-cardTitle{font-size:21px;font-weight:700;color:#864915;margin:0 0 14px}
.infoSuccess-cardText{font-size:16px;line-height:1.6;color:#444;margin:0}
.infoSuccess-header{text-align:center;margin-bottom:12px}
.infoSuccess-heading{font-size:42px;font-weight:700;color:#864915;margin:0;position:relative;display:inline-block}
.infoSuccess-heading::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#31DBF4,#864915);border-radius:2px}
.infoSuccess-actions{text-align:center;margin-top:56px}
.butt-home{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);color:#FFFDFD;font-size:18px;font-weight:600;padding:16px 42px;border-radius:8px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 14px #31dbf44d}
.butt-home:hover{transform:scale(1.05);box-shadow:0 6px 22px #86491566;color:#FFFDFD}
.butt-home i{font-size:20px}
@media (max-width: 992px) {
.heroSuccess-block{padding:80px 0 70px}
.heroSuccess-heading{font-size:38px}
.heroSuccess-subtitle{font-size:19px}
.infoSuccess-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.infoSuccess-heading{font-size:36px}
}
@media (max-width: 640px) {
.heroSuccess-block{padding:60px 0 50px}
.heroSuccess-iconbox{width:90px;height:90px;margin-bottom:24px}
.heroSuccess-iconbox i{font-size:44px}
.heroSuccess-heading{font-size:32px}
.heroSuccess-subtitle{font-size:17px}
.heroSuccess-details{padding:22px 24px}
.heroSuccess-details p{font-size:16px}
.infoSuccess-section{padding:60px 0}
.infoSuccess-grid{grid-template-columns:1fr;gap:20px}
.infoSuccess-heading{font-size:28px}
.infoSuccess-cardInner{padding:28px 22px}
.butt-home{font-size:17px;padding:14px 36px}
}
.successPage-wrap{width:100%;max-width:1320px;margin:0 auto;padding:0 20px}
.heroSuccess-block{background:linear-gradient(142deg,#31DBF4 0%,#FFFDFD 45%,#864915 100%);padding:120px 0 100px;position:relative;overflow:hidden}
.heroSuccess-block::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(45deg,transparent,transparent 10px,#fffdfd08 10px,#fffdfd08 20px),repeating-linear-gradient(-45deg,transparent,transparent 10px,#31dbf405 10px,#31dbf405 20px);pointer-events:none}
.heroSuccess-block .successPage-wrap{position:relative;z-index:2}
.heroSuccess-content{text-align:center;max-width:740px;margin:0 auto}
.heroSuccess-iconbox{display:inline-flex;align-items:center;justify-content:center;width:110px;height:110px;background:#FFFDFD;border-radius:50%;margin-bottom:32px;box-shadow:0 6px 24px #86491526;animation:pulseCheck 2s ease-in-out infinite}
@keyframes pulseCheck {
0%,100%{transform:scale(1);box-shadow:0 6px 24px #86491526}
50%{transform:scale(1.05);box-shadow:0 8px 32px #31dbf440}
}
.heroSuccess-iconbox i{font-size:56px;color:#31DBF4}
.heroSuccess-heading{font-size:52px;font-weight:700;line-height:1.2;color:#864915;margin:0 0 18px;text-shadow:2px 2px 4px #fffdfd66}
.heroSuccess-subtitle{font-size:22px;line-height:1.5;color:#2a2a2a;margin:0 0 36px}
.heroSuccess-details{background:#fffdfdd9;border-radius:8px;padding:28px 36px;margin-top:44px;box-shadow:0 4px 16px #00000014}
.heroSuccess-details p{font-size:17px;line-height:1.7;color:#333;margin:0 0 16px}
.heroSuccess-details p:last-child{margin-bottom:0}
.heroSuccess-details strong{color:#864915;font-weight:600}
.infoSuccess-section{padding:90px 0;background:#FFFDFD}
.infoSuccess-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px}
.infoSuccess-card{background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);padding:4px;border-radius:10px;transition:transform .3s ease,box-shadow .3s ease}
.infoSuccess-card:hover{transform:translateY(-6px);box-shadow:0 8px 28px #31dbf44d}
.infoSuccess-cardInner{background:#FFFDFD;border-radius:8px;padding:36px 28px;height:100%}
.infoSuccess-cardIcon{display:inline-flex;align-items:center;justify-content:center;width:64px;height:64px;background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);border-radius:8px;margin-bottom:22px}
.infoSuccess-cardIcon i{font-size:32px;color:#FFFDFD}
.infoSuccess-cardTitle{font-size:21px;font-weight:700;color:#864915;margin:0 0 14px}
.infoSuccess-cardText{font-size:16px;line-height:1.6;color:#444;margin:0}
.infoSuccess-header{text-align:center;margin-bottom:12px}
.infoSuccess-heading{font-size:42px;font-weight:700;color:#864915;margin:0;position:relative;display:inline-block}
.infoSuccess-heading::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#31DBF4,#864915);border-radius:2px}
.infoSuccess-actions{text-align:center;margin-top:56px}
.butt-home{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(135deg,#31DBF4 0%,#864915 100%);color:#FFFDFD;font-size:18px;font-weight:600;padding:16px 42px;border-radius:8px;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 14px #31dbf44d}
.butt-home:hover{transform:scale(1.05);box-shadow:0 6px 22px #86491566;color:#FFFDFD}
.butt-home i{font-size:20px}
@media (max-width: 992px) {
.heroSuccess-block{padding:80px 0 70px}
.heroSuccess-heading{font-size:38px}
.heroSuccess-subtitle{font-size:19px}
.infoSuccess-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.infoSuccess-heading{font-size:36px}
}
@media (max-width: 640px) {
.heroSuccess-block{padding:60px 0 50px}
.heroSuccess-iconbox{width:90px;height:90px;margin-bottom:24px}
.heroSuccess-iconbox i{font-size:44px}
.heroSuccess-heading{font-size:32px}
.heroSuccess-subtitle{font-size:17px}
.heroSuccess-details{padding:22px 24px}
.heroSuccess-details p{font-size:16px}
.infoSuccess-section{padding:60px 0}
.infoSuccess-grid{grid-template-columns:1fr;gap:20px}
.infoSuccess-heading{font-size:28px}
.infoSuccess-cardInner{padding:28px 22px}
.butt-home{font-size:17px;padding:14px 36px}
}