@font-face{font-family:'Archivo';src:url(./fonts/archivo/400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url(./fonts/archivo/700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Archivo';src:url(./fonts/archivo/700-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}
*{margin:0;padding:0}
body{font-family:'Archivo',sans-serif;line-height:1.6;color:#1a1a1a;background:#fafafa}
.mainContain{max-width:1366px;margin:0 auto;padding:0 20px}
.headWrap{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);border-bottom:3px solid #0E98A0;box-shadow:0 8px 16px #0e98a01f;padding:25px 0 20px}
.topRow{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.logoBox{display:flex;align-items:center;background:#fff;padding:12px 18px;border-radius:8px;box-shadow:0 4px 12px #0e98a026;border:2px solid #0E98A0}
.logoBox img{height:95px;width:95px;object-fit:contain}
.mainNavi{display:flex;gap:8px;align-items:center}
.mainNavi a{padding:14px 22px;text-decoration:none;color:#2a2a2a;font-weight:700;font-size:15px;background:#fff;border:2px solid #E5BF0C;border-radius:7px;transition:all 450ms ease-in;box-shadow:0 6px 14px #e5bf0c2e}
.mainNavi a:hover{background:linear-gradient(135deg,#0E98A0 0%,#0a7880 100%);color:#fff;border-color:#0E98A0}
.bottomRow3{text-align:center;margin-top:28px;padding-top:22px;border-top:2px solid #0e98a040}
.compTitle{font-size:34px;font-weight:700;color:#0E98A0;letter-spacing:.5px;text-shadow:2px 2px 8px #0e98a033}
.footArea{background:linear-gradient(180deg,#2a2a2a 0%,#1a1a1a 100%);color:#e0e0e0;padding:55px 0 35px;margin-top:80px;border-top:4px solid #E5BF0C;box-shadow:0 -12px 24px #e5bf0c26}
.footGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:45px;margin-bottom:45px}
.footBlock h3{font-size:20px;margin-bottom:18px;color:#E5BF0C;font-weight:700;border-bottom:2px solid #e5bf0c66;padding-bottom:10px}
.footBlock p{margin-bottom:12px;line-height:1.7;font-size:15px}
.footBlock a{color:#E5BF0C;text-decoration:none;transition:color 500ms ease-in}
.footBlock a:hover{color:#0E98A0}
.contactItem{display:flex;align-items:center;gap:12px;margin-bottom:14px}
.contactItem i{font-size:22px;color:#E5BF0C}
.footNav{list-style:none}
.footNav li{margin-bottom:10px}
.footNav a{display:inline-block;padding:6px 0}
.certBlock{background:#0e98a014;padding:25px;border-radius:8px;border:2px solid #0e98a04d}
.certBlock p{font-size:14px;font-style:italic;color:#b0b0b0}
.copyArea{text-align:center;padding-top:30px;border-top:2px solid #e5bf0c4d;font-size:14px;color:#999}
.cookiePop{position:fixed;top:20px;left:50%;transform:translateX(-50%) translateY(-120%);background:#fff;border:3px solid #0E98A0;border-radius:10px;padding:28px 35px;max-width:520px;box-shadow:0 14px 32px #0e98a040;z-index:9999;transition:transform 550ms ease-in}
.cookiePop.show3{transform:translateX(-50%) translateY(0)}
.cookiePop h4{font-size:22px;margin-bottom:14px;color:#0E98A0;font-weight:700}
.cookiePop p{font-size:15px;line-height:1.6;margin-bottom:20px;color:#2a2a2a}
.cookieButt{display:flex;gap:12px;justify-content:center}
.cookieButt button{padding:13px 26px;border:none;border-radius:7px;font-weight:700;font-size:15px;cursor:pointer;transition:all 480ms ease-in;font-family:'Archivo',sans-serif}
.acceptBtn9{background:linear-gradient(135deg,#0E98A0 0%,#0a7880 100%);color:#fff;box-shadow:0 8px 18px #0e98a04d}
.acceptBtn9:hover{box-shadow:0 12px 24px #0e98a066;transform:translateY(-2px)}
.declineBtn7{background:#f0f0f0;color:#2a2a2a;border:2px solid #ccc}
.declineBtn7:hover{background:#e0e0e0}
@media (max-width: 968px) {
.topRow{flex-direction:column;gap:20px}
.mainNavi{flex-wrap:wrap;justify-content:center}
.compTitle{font-size:26px}
.footGrid{grid-template-columns:1fr;gap:35px}
.cookiePop{max-width:90%;padding:22px 25px}
.cookieButt{flex-direction:column}
}
@media (max-width: 580px) {
.mainNavi a{padding:12px 16px;font-size:14px}
.logoBox img{height:70px;width:70px}
.compTitle{font-size:22px}
}
.legal-article{max-width:1366px;margin:0 auto;padding:80px 24px;background:#fff}
.legal-article h1{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 48px;line-height:1.2;letter-spacing:-.5px}
.legal-article h2{font-size:32px;font-weight:600;color:#2d2d2d;margin:64px 0 28px;line-height:1.3;padding-bottom:12px;border-bottom:2px solid #0E98A0}
.legal-article h3{font-size:24px;font-weight:600;color:#3a3a3a;margin:48px 0 20px;line-height:1.4}
.legal-article h4{font-size:20px;font-weight:600;color:#4a4a4a;margin:36px 0 16px;line-height:1.4}
.legal-article h5{font-size:18px;font-weight:600;color:#5a5a5a;margin:28px 0 14px;line-height:1.5}
.legal-article h6{font-size:16px;font-weight:600;color:#6a6a6a;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.legal-article p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 24px;font-weight:400}
.legal-article strong,.legal-article b{font-weight:600;color:#2d2d2d}
.legal-article ul{margin:0 0 32px;padding:0 0 0 28px;list-style:none}
.legal-article ul li{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 16px;padding-left:20px;position:relative}
.legal-article ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);border-radius:50%;transition:transform 400ms ease-in}
.legal-article ul li:hover::before{transform:scale(1.3)}
.legal-article ol{margin:0 0 32px;padding:0 0 0 28px;counter-reset:policy-counter;list-style:none}
.legal-article ol li{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 16px;padding-left:32px;position:relative;counter-increment:policy-counter}
.legal-article ol li::before{content:counter(policy-counter) '.';position:absolute;left:0;top:0;font-weight:600;color:#0E98A0;font-size:17px}
.legal-article ul ul,.legal-article ul ol,.legal-article ol ul,.legal-article ol ol{margin:16px 0;padding-left:24px}
.legal-article hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#d0d0d0,transparent);margin:56px 0}
.legal-article table{width:100%;border-collapse:collapse;margin:0 0 48px;background:#fafafa;border-radius:8px;overflow:hidden;box-shadow:0 4px 12px #0e98a014}
.legal-article thead{background:linear-gradient(135deg,#0E98A0,#0c8089)}
.legal-article thead tr{border:none}
.legal-article thead th{font-size:16px;font-weight:600;color:#fff;text-align:left;padding:20px 24px;letter-spacing:.3px}
.legal-article tbody tr{border-bottom:1px solid #e5e5e5;transition:background 400ms ease-in}
.legal-article tbody tr:last-child{border-bottom:none}
.legal-article tbody tr:hover{background:#f0f9fa}
.legal-article tbody td{font-size:16px;line-height:1.6;color:#4a4a4a;padding:18px 24px}
.legal-article tbody th{font-size:16px;font-weight:600;color:#2d2d2d;text-align:left;padding:18px 24px;background:#f5f5f5}
.legal-article div{margin:0 0 24px}
@media (max-width: 1024px) {
.legal-article{padding:60px 20px}
.legal-article h1{font-size:36px;margin-bottom:36px}
.legal-article h2{font-size:28px;margin-top:48px}
.legal-article h3{font-size:22px}
.legal-article table{display:block;overflow-x:auto;white-space:nowrap}
}
@media (max-width: 768px) {
.legal-article{padding:40px 16px}
.legal-article h1{font-size:30px;margin-bottom:28px}
.legal-article h2{font-size:24px;margin-top:40px;margin-bottom:20px}
.legal-article h3{font-size:20px;margin-top:32px}
.legal-article h4{font-size:18px}
.legal-article p,.legal-article ul li,.legal-article ol li{font-size:16px;line-height:1.7}
.legal-article ul{padding-left:20px}
.legal-article ol{padding-left:20px}
.legal-article ol li{padding-left:28px}
.legal-article thead th,.legal-article tbody td,.legal-article tbody th{padding:14px 16px;font-size:15px}
}
@media (max-width: 480px) {
.legal-article h1{font-size:26px}
.legal-article h2{font-size:22px}
.legal-article h3{font-size:19px}
.legal-article p,.legal-article ul li,.legal-article ol li{font-size:15px}
}
.heroBlock{background:linear-gradient(135deg,#0E98A0 0%,#E5BF0C 100%);padding:80px 20px;position:relative;overflow:hidden}
.heroBlock::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#b71fec26 0%,transparent 70%);border-radius:50%}
.heroBlock::after{content:'';position:absolute;bottom:-30%;left:-5%;width:500px;height:500px;background:radial-gradient(circle,#e5bf0c1a 0%,transparent 70%);border-radius:50%}
.heroHolder{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroTxt{color:#fff}
.heroTxt h1{font-size:54px;line-height:1.2;margin:0 0 24px;font-weight:700;text-shadow:2px 4px 12px #0003}
.heroTxt p{font-size:19px;line-height:1.6;margin:0 0 36px;color:#fffffff2}
.heroImg img{width:100%;height:auto;border-radius:8px;box-shadow:6px 10px 24px #00000040}
.heroBtn{display:inline-block;padding:16px 42px;background:#fff;color:#0E98A0;text-decoration:none;border-radius:6px;font-size:17px;font-weight:600;transition:all 500ms ease-in;box-shadow:4px 8px 16px #0003}
.heroBtn:hover{background:#B71FEC;color:#fff;transform:translateY(-3px);box-shadow:6px 12px 24px #b71fec59}
.pathSec{padding:90px 20px;background:#f8f9fa}
.pathWrap{max-width:1366px;margin:0 auto}
.pathHead{text-align:center;margin-bottom:70px}
.pathHead h2{font-size:42px;color:#2d3748;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.pathHead h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#0E98A0,#E5BF0C);border-radius:8px}
.pathHead p{font-size:18px;color:#4a5568;max-width:700px;margin:24px auto 0;line-height:1.7}
.pathGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.pathCard{background:#fff;padding:40px 32px;border-radius:10px;box-shadow:3px 6px 18px #0e98a01f;transition:all 450ms ease-in;position:relative;border-top:4px solid #0E98A0}
.pathCard:nth-child(2){border-top-color:#E5BF0C}
.pathCard:nth-child(3){border-top-color:#B71FEC}
.pathCard:hover{transform:translateY(-8px);box-shadow:6px 14px 28px #0e98a038}
.pathCard h3{font-size:26px;color:#2d3748;margin:0 0 16px;font-weight:600}
.pathCard p{font-size:16px;color:#4a5568;line-height:1.7;margin:0 0 24px}
.pathList{list-style:none;padding:0;margin:0}
.pathList li{padding:10px 0 10px 32px;position:relative;color:#4a5568;font-size:15px;line-height:1.6}
.pathList li::before{content:'';position:absolute;left:0;top:16px;width:18px;height:18px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);border-radius:50%}
.developSec{padding:90px 20px;background:linear-gradient(160deg,#0e98a00d 0%,#e5bf0c14 100%);position:relative}
.developSec::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#0E98A0,#E5BF0C,#B71FEC)}
.developWrap{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}
.developImg img{width:100%;height:auto;border-radius:10px;box-shadow:8px 12px 30px #0e98a02e}
.developContent h2{font-size:40px;color:#2d3748;margin:0 0 28px;font-weight:700}
.developContent p{font-size:17px;color:#4a5568;line-height:1.75;margin:0 0 26px}
.developStats{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-top:40px}
.statBox{background:#fff;padding:28px 24px;border-radius:8px;box-shadow:3px 6px 16px #00000014;border-left:5px solid #0E98A0;transition:all 400ms ease-in}
.statBox:nth-child(2){border-left-color:#E5BF0C}
.statBox:hover{transform:translateX(6px);box-shadow:5px 10px 22px #0e98a029}
.statBox h4{font-size:38px;color:#0E98A0;margin:0 0 8px;font-weight:700}
.statBox:nth-child(2) h4{color:#E5BF0C}
.statBox p{font-size:15px;color:#4a5568;margin:0;line-height:1.5}
.communitySec{padding:90px 20px;background:#fff}
.communityWrap{max-width:1366px;margin:0 auto}
.communityHeader{text-align:center;margin-bottom:60px}
.communityHeader h2{font-size:42px;color:#2d3748;margin:0 0 22px;font-weight:700}
.communityHeader p{font-size:18px;color:#4a5568;max-width:750px;margin:0 auto;line-height:1.7}
.communityLayout{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.communityPic img{width:100%;height:auto;border-radius:10px;box-shadow:6px 10px 26px #b71fec26}
.communityFeatures{display:flex;flex-direction:column;gap:30px}
.featureItem{background:linear-gradient(120deg,#0e98a00a 0%,#e5bf0c0f 100%);padding:32px 28px;border-radius:8px;border-left:6px solid #B71FEC;transition:all 450ms ease-in}
.featureItem:nth-child(even){border-left-color:#0E98A0}
.featureItem:hover{background:linear-gradient(120deg,#0e98a014 0%,#e5bf0c1a 100%);transform:translateX(8px)}
.featureItem h3{font-size:24px;color:#2d3748;margin:0 0 14px;font-weight:600}
.featureItem p{font-size:16px;color:#4a5568;line-height:1.7;margin:0}
.careerSec{padding:90px 20px;background:linear-gradient(145deg,#0E98A0 0%,#E5BF0C 100%);position:relative;overflow:hidden}
.careerSec::before{content:'';position:absolute;top:-40%;left:-15%;width:700px;height:700px;background:radial-gradient(circle,#b71fec33 0%,transparent 65%);border-radius:50%}
.careerWrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.careerTop{text-align:center;margin-bottom:70px}
.careerTop h2{font-size:44px;color:#fff;margin:0 0 24px;font-weight:700;text-shadow:2px 4px 14px #0003}
.careerTop p{font-size:19px;color:#fffffff2;max-width:800px;margin:0 auto;line-height:1.75}
.careerGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}
.careerCard{background:#fffffff2;padding:36px 26px;border-radius:10px;box-shadow:4px 8px 20px #00000026;transition:all 500ms ease-in;text-align:center}
.careerCard:hover{background:#fff;transform:translateY(-10px) scale(1.03);box-shadow:8px 16px 32px #00000040}
.careerIcon{width:70px;height:70px;margin:0 auto 20px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:inset 2px 2px 6px #00000026}
.careerIcon i{font-size:32px;color:#fff}
.careerCard h3{font-size:22px;color:#2d3748;margin:0 0 14px;font-weight:600}
.careerCard p{font-size:15px;color:#4a5568;line-height:1.6;margin:0}
.careerBottom{margin-top:60px;text-align:center}
.careerLink{display:inline-block;padding:18px 50px;background:#fff;color:#0E98A0;text-decoration:none;border-radius:8px;font-size:18px;font-weight:600;transition:all 500ms ease-in;box-shadow:5px 10px 24px #0003}
.careerLink:hover{background:#B71FEC;color:#fff;transform:translateY(-4px);box-shadow:7px 14px 30px #b71fec66}
@media (max-width: 1200px) {
.heroHolder{grid-template-columns:1fr;gap:50px}
.heroTxt h1{font-size:46px}
.pathGrid{grid-template-columns:1fr;gap:35px}
.developWrap{grid-template-columns:1fr;gap:50px}
.communityLayout{grid-template-columns:1fr;gap:45px}
.careerGrid{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.heroBlock{padding:60px 20px}
.heroTxt h1{font-size:36px}
.heroTxt p{font-size:17px}
.pathSec{padding:60px 20px}
.pathHead h2{font-size:34px}
.developSec{padding:60px 20px}
.developContent h2{font-size:32px}
.developStats{grid-template-columns:1fr;gap:20px}
.communitySec{padding:60px 20px}
.communityHeader h2{font-size:34px}
.careerSec{padding:60px 20px}
.careerTop h2{font-size:36px}
.careerGrid{grid-template-columns:1fr;gap:25px}
}
@media (max-width: 480px) {
.heroTxt h1{font-size:30px}
.heroBtn{padding:14px 32px;font-size:16px}
.pathHead h2{font-size:28px}
.pathCard{padding:30px 24px}
.developContent h2{font-size:28px}
.communityHeader h2{font-size:28px}
.careerTop h2{font-size:30px}
.careerLink{padding:16px 38px;font-size:16px}
}
.titleHero{position:relative;min-height:480px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#0E98A0 0%,#E5BF0C 100%);padding:80px 20px}
.titleHero::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image: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.15'/%3E%3C/svg%3E");pointer-events:none;z-index:1}
.titleHero .heroLayout{display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:center;max-width:1366px;width:100%;margin:0 auto;position:relative;z-index:2}
.titleHero .imgSide{width:100%;height:340px;border-radius:8px;overflow:hidden;position:relative;box-shadow:0 12px 28px #0b4c5b4d}
.titleHero .imgSide::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#0e98a099,#e5bf0c80);animation:gradPulse 8s ease-in-out infinite;pointer-events:none}
@keyframes gradPulse {
0%,100%{opacity:.6}
50%{opacity:.3}
}
.titleHero .imgSide img{width:100%;height:100%;object-fit:cover}
.titleHero .txtCent{text-align:center;color:#fff;padding:0 20px}
.titleHero .txtCent h1{font-size:48px;font-weight:700;margin:0 0 16px;line-height:1.2;text-shadow:2px 4px 12px #0003}
.titleHero .txtCent .subLine{font-size:20px;line-height:1.6;margin:0;opacity:.95}
.contactWrapp{max-width:1366px;margin:0 auto;padding:100px 20px}
.contactWrapp .sectionHead{text-align:center;margin-bottom:80px}
.contactWrapp .sectionHead h2{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.3}
.contactWrapp .sectionHead .descTxt{font-size:18px;color:#4a4a4a;line-height:1.7;max-width:720px;margin:0 auto}
.contactWrapp .mainGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:60px;align-items:start}
.contactWrapp .infoBox{background:linear-gradient(135deg,#0e98a00d,#e5bf0c0d);border-radius:8px;padding:50px 40px;box-shadow:0 8px 24px #0e98a01f}
.contactWrapp .infoBox h3{font-size:28px;font-weight:700;color:#0E98A0;margin:0 0 30px}
.contactWrapp .infoBox .infoLine{display:flex;align-items:flex-start;margin-bottom:28px;gap:16px}
.contactWrapp .infoBox .infoLine:last-child{margin-bottom:0}
.contactWrapp .infoBox .iconWrap{flex-shrink:0;width:44px;height:44px;border-radius:6px;background:linear-gradient(135deg,#0E98A0,#0a7078);display:flex;align-items:center;justify-content:center;color:#fff;font-size:22px;box-shadow:0 4px 12px #0e98a040}
.contactWrapp .infoBox .txtDetail{flex-grow:1}
.contactWrapp .infoBox .txtDetail .label{font-size:14px;font-weight:600;color:#666;text-transform:uppercase;letter-spacing:.5px;margin:0 0 6px}
.contactWrapp .infoBox .txtDetail .valTxt{font-size:17px;color:#2a2a2a;line-height:1.6;margin:0}
.contactWrapp .infoBox .txtDetail a{color:#0E98A0;text-decoration:none;transition:color 450ms ease-in}
.contactWrapp .infoBox .txtDetail a:hover{color:#E5BF0C}
.contactWrapp .formArea{background:#fff;border-radius:8px;padding:50px;box-shadow:0 6px 20px #00000014;border:1px solid #e8e8e8}
.contactWrapp .formArea h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 10px}
.contactWrapp .formArea .formIntro{font-size:16px;color:#5a5a5a;line-height:1.6;margin:0 0 36px}
.contactWrapp .formArea .formGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.contactWrapp .formArea .inputGroup{display:flex;flex-direction:column}
.contactWrapp .formArea .inputGroup label{font-size:15px;font-weight:600;color:#3a3a3a;margin-bottom:10px}
.contactWrapp .formArea .inputGroup input,.contactWrapp .formArea .inputGroup textarea,.contactWrapp .formArea .inputGroup select{padding:14px 18px;font-size:16px;border:2px solid #d0d0d0;border-radius:6px;background:#fafafa;color:#2a2a2a;transition:all 450ms ease-in;outline:none}
.contactWrapp .formArea .inputGroup input:focus,.contactWrapp .formArea .inputGroup textarea:focus,.contactWrapp .formArea .inputGroup select:focus{border-color:#0E98A0;background:#fff;box-shadow:0 0 0 4px #0e98a01a}
.contactWrapp .formArea .inputGroup textarea{resize:vertical;min-height:140px;font-family:inherit}
.contactWrapp .formArea .inputGroup.fullW{grid-column:1 / -1}
.contactWrapp .formArea .privacyCheck{display:flex;align-items:flex-start;margin-bottom:28px;gap:12px}
.contactWrapp .formArea .privacyCheck input[type="checkbox"]{margin-top:4px;width:20px;height:20px;flex-shrink:0;cursor:pointer;accent-color:#0E98A0}
.contactWrapp .formArea .privacyCheck label{font-size:14px;color:#4a4a4a;line-height:1.6;cursor:pointer}
.contactWrapp .formArea .privacyCheck label a{color:#0E98A0;text-decoration:underline;transition:color 450ms ease-in}
.contactWrapp .formArea .privacyCheck label a:hover{color:#E5BF0C}
.contactWrapp .formArea .submitButt{width:100%;padding:16px 32px;font-size:18px;font-weight:700;color:#fff;background:linear-gradient(135deg,#0E98A0,#0a7078);border:none;border-radius:6px;cursor:pointer;transition:all 500ms ease-in;box-shadow:0 6px 18px #0e98a04d;position:relative;z-index:10}
.contactWrapp .formArea .submitButt:hover{background:linear-gradient(135deg,#E5BF0C,#c9a20a);box-shadow:0 8px 24px #e5bf0c66;transform:translateY(-2px)}
.contactWrapp .formArea .submitButt:active{transform:translateY(0)}
.altChannels{background:linear-gradient(180deg,#f9f9f9 0%,#fff 100%);padding:90px 20px}
.altChannels .innerWrap{max-width:1366px;margin:0 auto;text-align:center}
.altChannels .innerWrap h2{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 18px}
.altChannels .innerWrap .subDesc{font-size:17px;color:#5a5a5a;line-height:1.7;max-width:680px;margin:0 auto 50px}
.altChannels .chanGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:960px;margin:0 auto}
.altChannels .chanCard{background:#fff;border-radius:8px;padding:44px 32px;box-shadow:0 6px 18px #00000012;border:2px solid transparent;transition:all 500ms ease-in;position:relative}
.altChannels .chanCard:hover{border-color:#0E98A0;box-shadow:0 10px 30px #0e98a02e;transform:translateY(-6px)}
.altChannels .chanCard .iconCirc{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#0E98A0,#0a7078);display:flex;align-items:center;justify-content:center;margin:0 auto 20px;color:#fff;font-size:32px;box-shadow:0 6px 16px #0e98a04d}
.altChannels .chanCard h4{font-size:22px;font-weight:700;color:#2a2a2a;margin:0 0 12px}
.altChannels .chanCard .chanDesc{font-size:15px;color:#666;line-height:1.6;margin:0 0 20px}
.altChannels .chanCard .linkButt{display:inline-block;padding:11px 26px;font-size:15px;font-weight:600;color:#fff;background:linear-gradient(135deg,#B71FEC,#8c18b8);border-radius:6px;text-decoration:none;transition:all 450ms ease-in;box-shadow:0 4px 12px #b71fec40;position:relative;z-index:10}
.altChannels .chanCard .linkButt:hover{background:linear-gradient(135deg,#E5BF0C,#c9a20a);box-shadow:0 6px 16px #e5bf0c59;transform:scale(1.05)}
@media (max-width: 1024px) {
.titleHero .heroLayout{grid-template-columns:1fr;gap:30px}
.titleHero .imgSide{display:none}
.titleHero .txtCent h1{font-size:40px}
.contactWrapp .mainGrid{grid-template-columns:1fr;gap:50px}
.altChannels .chanGrid{grid-template-columns:1fr;max-width:480px}
}
@media (max-width: 768px) {
.titleHero{min-height:360px;padding:60px 20px}
.titleHero .txtCent h1{font-size:32px}
.titleHero .txtCent .subLine{font-size:17px}
.contactWrapp{padding:70px 20px}
.contactWrapp .sectionHead{margin-bottom:50px}
.contactWrapp .sectionHead h2{font-size:30px}
.contactWrapp .infoBox{padding:36px 28px}
.contactWrapp .formArea{padding:36px 28px}
.contactWrapp .formArea .formGrid{grid-template-columns:1fr}
.altChannels{padding:70px 20px}
.altChannels .innerWrap h2{font-size:28px}
}
@media (max-width: 480px) {
.titleHero .txtCent h1{font-size:26px}
.contactWrapp .sectionHead h2{font-size:26px}
.contactWrapp .formArea h3{font-size:24px}
.altChannels .innerWrap h2{font-size:24px}
}
.titleSection{position:relative;padding:80px 20px;background:linear-gradient(135deg,#0E98A0 0%,#E5BF0C 100%);overflow:hidden}
.titleSection .titleWrap{max-width:1366px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.titleSection .imgShape{flex:0 0 420px;height:420px;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);position:relative}
.titleSection .imgShape img{width:100%;height:100%;object-fit:cover}
.titleSection .txArea{flex:1;color:#fff}
.titleSection .txArea h1{font-size:56px;font-weight:700;margin:0 0 24px;line-height:1.2}
.titleSection .txArea .qote{font-size:22px;line-height:1.6;font-style:italic;opacity:.95}
.titleSection .decoShape1{position:absolute;width:200px;height:200px;background:#ffffff1a;clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);top:40px;right:80px;animation:floatShape 8s ease-in-out infinite}
.titleSection .decoShape2{position:absolute;width:150px;height:150px;background:#b71fec26;clip-path:circle(50%);bottom:60px;left:100px;animation:floatShape 6s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-20px) rotate(180deg)}
}
.storyArea{padding:90px 20px;background:#f8f9fa}
.storyArea .stWrap{max-width:1366px;margin:0 auto}
.storyArea .stGrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}
.storyArea .stLeft{position:sticky;top:100px}
.storyArea h2{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 20px;line-height:1.3;position:relative;padding-left:20px}
.storyArea h2::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#0E98A0 0%,#B71FEC 100%);border-radius:8px}
.storyArea .foundYear{display:inline-block;background:linear-gradient(90deg,#E5BF0C,#0E98A0);color:#fff;padding:12px 28px;border-radius:8px;font-size:18px;font-weight:600;margin-top:16px}
.storyArea .stRight p{font-size:17px;line-height:1.8;color:#333;margin:0 0 28px}
.storyArea .stRight p:last-child{margin-bottom:0}
.valuesBox{padding:100px 20px;background:#fff;position:relative}
.valuesBox .valCont{max-width:1366px;margin:0 auto}
.valuesBox .sectTitle{text-align:center;margin-bottom:70px}
.valuesBox .sectTitle h2{font-size:46px;font-weight:700;color:#1a1a1a;margin:0 0 16px;position:relative;display:inline-block}
.valuesBox .sectTitle h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:#E5BF0C}
.valuesBox .valGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesBox .valCard{background:linear-gradient(135deg,#0e98a00d 0%,#e5bf0c0d 100%);padding:40px 30px;border-radius:10px;border:2px solid transparent;transition:all 500ms ease-in;position:relative;overflow:hidden}
.valuesBox .valCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0E98A0 0%,#B71FEC 100%);opacity:0;transition:opacity 500ms ease-in;z-index:1}
.valuesBox .valCard:hover::before{opacity:.08}
.valuesBox .valCard:hover{border-color:#0E98A0;transform:translateY(-8px);box-shadow:0 12px 30px #0e98a033}
.valuesBox .valCard .ico{font-size:48px;color:#0E98A0;margin-bottom:20px;position:relative;z-index:2}
.valuesBox .valCard h3{font-size:24px;font-weight:700;color:#1a1a1a;margin:0 0 14px;position:relative;z-index:2}
.valuesBox .valCard p{font-size:16px;line-height:1.7;color:#444;margin:0;position:relative;z-index:2}
.teamDisplay{padding:90px 20px;background:radial-gradient(circle at top right,#b71fec14,transparent 60%),radial-gradient(circle at bottom left,#0e98a014,transparent 60%)}
.teamDisplay .tmWrap{max-width:1366px;margin:0 auto}
.teamDisplay h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 50px;text-align:center}
.teamDisplay .tmCard{display:flex;gap:60px;background:#fff;padding:50px;border-radius:10px;box-shadow:0 8px 24px #00000014;align-items:center}
.teamDisplay .tmImg{flex:0 0 280px;height:320px;border-radius:8px;overflow:hidden;position:relative}
.teamDisplay .tmImg::after{content:'';position:absolute;inset:0;border:3px solid #E5BF0C;border-radius:8px;opacity:0;transition:opacity 500ms ease-in}
.teamDisplay .tmCard:hover .tmImg::after{opacity:1}
.teamDisplay .tmImg img{width:100%;height:100%;object-fit:cover}
.teamDisplay .tmInfo{flex:1}
.teamDisplay .tmInfo h3{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 8px}
.teamDisplay .tmInfo .role{font-size:18px;color:#0E98A0;font-weight:600;margin-bottom:24px;display:block}
.teamDisplay .tmInfo p{font-size:17px;line-height:1.8;color:#333;margin:0 0 20px}
.teamDisplay .tmInfo .specialties{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.teamDisplay .tmInfo .specialties span{background:linear-gradient(90deg,#0E98A0,#B71FEC);color:#fff;padding:8px 18px;border-radius:6px;font-size:14px;font-weight:600}
.approachArea{padding:100px 20px;background:#fff}
.approachArea .apWrap{max-width:1366px;margin:0 auto}
.approachArea h2{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 24px;text-align:center}
.approachArea .intro{text-align:center;font-size:18px;color:#555;max-width:800px;margin:0 auto 60px;line-height:1.7}
.approachArea .stepsList{display:flex;flex-direction:column;gap:0}
.approachArea .stepItem{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:40px 0;border-bottom:2px dashed #0e98a033;position:relative}
.approachArea .stepItem:last-child{border-bottom:none}
.approachArea .stepNum{font-size:64px;font-weight:700;background:linear-gradient(135deg,#0E98A0,#E5BF0C);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1}
.approachArea .stepCont h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.approachArea .stepCont p{font-size:17px;line-height:1.8;color:#333;margin:0}
.approachArea .stepCont .highlight{color:#0E98A0;font-weight:600}
@media (max-width: 1024px) {
.titleSection .titleWrap{flex-direction:column;text-align:center}
.titleSection .imgShape{flex:0 0 auto;width:100%;max-width:400px}
.storyArea .stGrid{grid-template-columns:1fr;gap:40px}
.storyArea .stLeft{position:static}
.valuesBox .valGrid{grid-template-columns:1fr;gap:30px}
.teamDisplay .tmCard{flex-direction:column;text-align:center}
.teamDisplay .tmImg{flex:0 0 auto;width:100%;max-width:280px}
.approachArea .stepsList{gap:0}
.approachArea .stepItem{grid-template-columns:80px 1fr;gap:30px}
.approachArea .stepNum{font-size:52px}
}
@media (max-width: 768px) {
.titleSection{padding:60px 20px}
.titleSection .titleWrap{gap:40px}
.titleSection .txArea h1{font-size:38px}
.titleSection .txArea .qote{font-size:18px}
.titleSection .imgShape{height:320px}
.storyArea{padding:60px 20px}
.storyArea h2{font-size:32px}
.valuesBox{padding:70px 20px}
.valuesBox .sectTitle h2{font-size:34px}
.teamDisplay{padding:60px 20px}
.teamDisplay h2{font-size:34px}
.teamDisplay .tmCard{padding:30px;gap:30px}
.teamDisplay .tmInfo h3{font-size:26px}
.approachArea{padding:70px 20px}
.approachArea h2{font-size:36px}
.approachArea .stepItem{grid-template-columns:60px 1fr;gap:20px;padding:30px 0}
.approachArea .stepNum{font-size:42px}
.approachArea .stepCont h3{font-size:22px}
}
.progHero{background:linear-gradient(135deg,#0E98A0 0%,#E5BF0C 100%);padding:80px 20px;position:relative;overflow:hidden}
.progHero::before{content:'';position:absolute;top:-50%;left:-10%;width:120%;height:200%;background:repeating-linear-gradient(45deg,#ffffff0d,#ffffff0d 30px,transparent 30px,transparent 60px);pointer-events:none}
.heroWrap{max-width:1366px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.heroTxt{flex:1;color:#fff}
.heroTxt h1{font-size:48px;line-height:1.2;margin:0 0 24px;font-weight:700}
.heroTxt .leadPara{font-size:18px;line-height:1.7;margin:0 0 32px;opacity:.95}
.heroImg{flex:0 0 480px;position:relative}
.heroImg img{width:100%;height:380px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #00000040}
.ctaButt{display:inline-block;padding:16px 36px;background:#B71FEC;color:#fff;text-decoration:none;border-radius:8px;font-size:17px;font-weight:600;transition:all 500ms ease-in;box-shadow:0 6px 18px #b71fec59}
.ctaButt:hover{transform:translateY(-3px);box-shadow:0 10px 26px #b71fec73;background:#9d1ac9}
.courseGrid{background:#f8f9fa;padding:90px 20px}
.gridHolder{max-width:1366px;margin:0 auto}
.gridIntro{text-align:center;margin-bottom:60px}
.gridIntro h2{font-size:38px;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.gridIntro .subLine{font-size:17px;color:#4a4a4a;line-height:1.6;max-width:720px;margin:0 auto}
.courseCards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.crsCard{background:#fff;border-radius:6px;padding:36px 28px;box-shadow:0 4px 16px #0e98a01f;transition:all 450ms ease-in;border-top:4px solid #0E98A0}
.crsCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #0e98a038}
.crsCard .iconBox{width:64px;height:64px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.crsCard .iconBox i{font-size:32px;color:#fff}
.crsCard h3{font-size:22px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.crsCard .cardDesc{font-size:15px;color:#5a5a5a;line-height:1.7;margin:0 0 20px}
.crsCard .durTag{display:inline-block;padding:6px 14px;background:#0e98a01a;color:#0E98A0;border-radius:4px;font-size:13px;font-weight:600}
.pathSec{background:#fff;padding:85px 20px}
.pathCont{max-width:1366px;margin:0 auto}
.pathTop{margin-bottom:70px}
.pathTop h2{font-size:36px;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.pathTop .tagLine{font-size:16px;color:#4a4a4a;line-height:1.6}
.stepsFlow{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;position:relative}
.stepsFlow::before{content:'';position:absolute;top:40px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#0E98A0,#E5BF0C,#B71FEC);z-index:1}
.stepItem{position:relative;z-index:2}
.stepItem .numCircle{width:80px;height:80px;background:#fff;border:5px solid #0E98A0;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;font-size:28px;font-weight:700;color:#0E98A0;box-shadow:0 6px 20px #0e98a02e}
.stepItem:nth-child(2) .numCircle{border-color:#E5BF0C;color:#E5BF0C}
.stepItem:nth-child(3) .numCircle{border-color:#B71FEC;color:#B71FEC}
.stepItem:nth-child(4) .numCircle{border-color:#0E98A0;color:#0E98A0}
.stepItem h4{font-size:19px;color:#1a1a1a;margin:0 0 12px;text-align:center;font-weight:600}
.stepItem .stepTxt{font-size:14px;color:#5a5a5a;line-height:1.6;text-align:center}
.testimonSec{background:linear-gradient(165deg,#f0f8f9 0%,#fef9ec 100%);padding:90px 20px}
.testimWrap{max-width:1366px;margin:0 auto}
.testimHead{text-align:center;margin-bottom:65px}
.testimHead h2{font-size:38px;color:#1a1a1a;margin:0 0 16px;font-weight:700}
.testimHead .intro2{font-size:16px;color:#4a4a4a;line-height:1.6}
.testimLayout{display:grid;grid-template-columns:380px 1fr;gap:50px;align-items:start}
.testimPhotos{display:flex;flex-direction:column;gap:24px}
.testimPhotos img{width:100%;height:240px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0000001f}
.testimCards{display:flex;flex-direction:column;gap:28px}
.testimCard{background:#fff;padding:32px;border-radius:8px;box-shadow:0 6px 20px #0e98a01a;border-left:5px solid #E5BF0C}
.testimCard:nth-child(2){border-left-color:#B71FEC}
.testimCard .quoteTxt{font-size:16px;color:#2a2a2a;line-height:1.7;margin:0 0 20px;font-style:italic}
.testimCard .authInfo{display:flex;align-items:center;gap:16px}
.testimCard .authName{font-size:17px;color:#1a1a1a;font-weight:600;margin:0}
.testimCard .authRole{font-size:14px;color:#6a6a6a;margin:4px 0 0}
@media (max-width: 1024px) {
.heroWrap{flex-direction:column;gap:40px}
.heroImg{flex:0 0 auto;width:100%}
.heroImg img{height:320px}
.courseCards{grid-template-columns:repeat(2,1fr)}
.stepsFlow{grid-template-columns:repeat(2,1fr)}
.stepsFlow::before{display:none}
.testimLayout{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.progHero{padding:60px 20px}
.heroTxt h1{font-size:34px}
.heroTxt .leadPara{font-size:16px}
.courseCards{grid-template-columns:1fr}
.gridIntro h2{font-size:30px}
.stepsFlow{grid-template-columns:1fr;gap:32px}
.pathTop h2{font-size:28px}
.testimHead h2{font-size:30px}
.testimPhotos{flex-direction:row}
.testimPhotos img{height:200px}
}
.heroWrap{position:relative;overflow:hidden;padding:90px 20px;background:linear-gradient(135deg,#0E98A0 0%,#E5BF0C 100%)}
.heroWrap::before{content:'';position:absolute;top:-50%;left:-20%;width:600px;height:600px;background:radial-gradient(circle,#b71fec4d,transparent);filter:blur(80px);animation:float1 8s ease-in-out infinite}
.heroWrap::after{content:'';position:absolute;bottom:-30%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#0e98a066,transparent);filter:blur(90px);animation:float2 10s ease-in-out infinite}
@keyframes float1 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(50px,-30px)}
}
@keyframes float2 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-40px,40px)}
}
.heroInner{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.heroTitle{font-size:56px;font-weight:700;color:#fff;text-align:center;margin:0 0 24px;line-height:1.2}
.heroSubline{font-size:22px;color:#fffffff2;text-align:center;max-width:780px;margin:0 auto;line-height:1.6}
.processGrid{padding:100px 20px;background:#fafbfc}
.processContainer{max-width:1366px;margin:0 auto}
.processHead{text-align:left;margin-bottom:70px}
.processHead h2{font-size:42px;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.processHead p{font-size:18px;color:#4a5568;line-height:1.7;max-width:680px}
.stepGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.stepCard{background:#fff;padding:40px 32px;border-left:6px solid #0E98A0;box-shadow:0 4px 12px #0e98a01a;transition:all 500ms ease-in}
.stepCard:hover{transform:translateY(-8px);box-shadow:0 12px 24px #0e98a026}
.stepNumber{display:inline-block;width:54px;height:54px;background:linear-gradient(135deg,#E5BF0C,#B71FEC);color:#fff;font-size:24px;font-weight:700;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.stepCard h3{font-size:24px;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.stepCard p{font-size:16px;color:#5a6c7d;line-height:1.7;margin:0}
.visualFlow{padding:0 20px 90px;background:#fff}
.visualFlowInner{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.flowImage{position:relative}
.flowImage img{width:100%;height:500px;object-fit:cover;border-radius:8px;box-shadow:0 8px 20px #0e98a033}
.flowContent h2{font-size:38px;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.flowContent p{font-size:17px;color:#4a5568;line-height:1.8;margin:0 0 20px}
.flowList{list-style:none;padding:0;margin:30px 0 0}
.flowList li{font-size:16px;color:#2d3748;padding:14px 0 14px 40px;position:relative;line-height:1.6}
.flowList li::before{content:'';position:absolute;left:0;top:18px;width:24px;height:24px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);border-radius:50%}
.testimonialSec{padding:90px 20px;background:linear-gradient(180deg,#f7f9fb 0%,#fff 100%)}
.testimonialWrap{max-width:1366px;margin:0 auto}
.testimonialWrap h2{font-size:40px;color:#1a1a1a;text-align:center;margin:0 0 60px;font-weight:700}
.testimonialGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}
.testimonialBox{background:#fff;padding:36px 28px;box-shadow:0 6px 16px #b71fec1f;border-radius:10px;transition:all 450ms ease-in}
.testimonialBox:hover{box-shadow:0 14px 28px #b71fec2e}
.testimonialAuthor{display:flex;align-items:center;margin-bottom:20px}
.testimonialAuthor img{width:64px;height:64px;border-radius:50%;object-fit:cover;margin-right:16px;border:3px solid #E5BF0C}
.authorInfo h4{font-size:18px;color:#1a1a1a;margin:0 0 4px;font-weight:600}
.authorInfo p{font-size:14px;color:#718096;margin:0}
.testimonialBox blockquote{font-size:15px;color:#4a5568;line-height:1.7;margin:0;font-style:italic}
.ctaSec{padding:80px 20px;background:#1a1a1a;position:relative;overflow:hidden}
.ctaSec::before{content:'';position:absolute;top:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#e5bf0c26,transparent);filter:blur(60px)}
.ctaInner{max-width:1366px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaInner h2{font-size:44px;color:#fff;margin:0 0 20px;font-weight:700}
.ctaInner p{font-size:19px;color:#ffffffd9;margin:0 0 40px;line-height:1.6}
.ctaButt{display:inline-block;padding:18px 46px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:8px;box-shadow:0 8px 16px #0e98a04d;transition:all 500ms ease-in}
.ctaButt:hover{transform:scale(1.08);box-shadow:0 14px 24px #0e98a066}
@media (max-width: 1024px) {
.visualFlowInner{grid-template-columns:1fr}
.flowImage{order:2}
.testimonialGrid{grid-template-columns:1fr}
.heroTitle{font-size:42px}
}
@media (max-width: 768px) {
.heroWrap{padding:60px 20px}
.heroTitle{font-size:36px}
.heroSubline{font-size:18px}
.processGrid{padding:60px 20px}
.processHead h2{font-size:32px}
.stepGrid{grid-template-columns:1fr}
.flowContent h2{font-size:30px}
.flowImage img{height:350px}
.ctaInner h2{font-size:32px}
}
.successPage{background:linear-gradient(135deg,#0E98A0 0%,#E5BF0C 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successPage::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#b71fec26 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successPage::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#0e98a033 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successWrap{max-width:720px;width:100%;background:#fff;border-radius:8px;box-shadow:0 12px 40px #0e98a033 0 6px 20px #b71fec26;padding:70px 50px;text-align:center;position:relative;z-index:2}
.successIconHolder{width:120px;height:120px;margin:0 auto 35px;position:relative}
.successIconHolder::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);border-radius:50%;opacity:.12;animation:pulseGlow 2s ease-in-out infinite}
@keyframes pulseGlow {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.12}
50%{transform:translate(-50%,-50%) scale(1.15);opacity:.18}
}
.successIconHolder i{font-size:72px;color:#0E98A0;position:relative;z-index:1;line-height:120px;animation:iconAppear 500ms ease-in 200ms both}
@keyframes iconAppear {
0%{transform:scale(0) rotate(-45deg);opacity:0}
100%{transform:scale(1) rotate(0deg);opacity:1}
}
.successHd{font-size:42px;font-weight:700;color:#1a1a1a;margin:0 0 22px;line-height:1.25;animation:textSlideUp 600ms ease-in 400ms both}
@keyframes textSlideUp {
0%{transform:translateY(20px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
.successTxt{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 40px;animation:textSlideUp 600ms ease-in 550ms both}
.successActions{display:flex;gap:18px;justify-content:center;flex-wrap:wrap;animation:textSlideUp 600ms ease-in 700ms both}
.btnPrim{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#0E98A0,#E5BF0C);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:6px;box-shadow:0 6px 18px #0e98a04d;transition:all 450ms ease-in;position:relative;z-index:5}
.btnPrim:hover{transform:translateY(-3px);box-shadow:0 10px 28px #0e98a066 0 4px 12px #e5bf0c40}
.btnPrim i{font-size:20px;transition:transform 400ms ease-in}
.btnPrim:hover i{transform:translateX(5px)}
.btnSec{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#0E98A0;font-size:17px;font-weight:600;text-decoration:none;border:2px solid #0E98A0;border-radius:6px;transition:all 450ms ease-in;position:relative;z-index:5}
.btnSec:hover{background:#0E98A0;color:#fff;transform:translateY(-3px);box-shadow:0 8px 20px #0e98a040}
.btnSec i{font-size:20px}
.decorShape1{position:absolute;top:30px;right:40px;width:60px;height:60px;border:3px solid #B71FEC;border-radius:50%;opacity:.15;animation:floatShape 4s ease-in-out infinite}
.decorShape2{position:absolute;bottom:40px;left:35px;width:50px;height:50px;background:linear-gradient(135deg,#E5BF0C,#B71FEC);opacity:.1;border-radius:8px;transform:rotate(15deg);animation:floatShape 5s ease-in-out infinite reverse}
@keyframes floatShape {
0%,100%{transform:translateY(0) rotate(0deg)}
50%{transform:translateY(-15px) rotate(10deg)}
}
@media (max-width: 768px) {
.successPage{padding:40px 15px}
.successWrap{padding:50px 30px}
.successHd{font-size:32px;margin-bottom:18px}
.successTxt{font-size:16px;margin-bottom:32px}
.successActions{flex-direction:column;gap:14px}
.btnPrim,.btnSec{width:100%;justify-content:center;padding:15px 28px;font-size:16px}
.decorShape1{width:45px;height:45px;top:20px;right:20px}
.decorShape2{width:40px;height:40px;bottom:25px;left:20px}
}
@media (max-width: 480px) {
.successWrap{padding:40px 20px}
.successIconHolder{width:100px;height:100px}
.successIconHolder::before{width:100px;height:100px}
.successIconHolder i{font-size:58px;line-height:100px}
.successHd{font-size:28px}
.successTxt{font-size:15px}
}