*{box-sizing:border-box}
body{font-family:'Lora',serif;margin:0;padding:0;background:#FAFAFA;color:#1A1A1A;line-height:1.6}
.headerTop{background:linear-gradient(135deg,#F87D1E 0%,#0A4D77 100%);padding:28px 0;box-shadow:0 6px 18px #0a4d7726}
.headerMid{background:#FFF;padding:18px 0;border-bottom:2px solid #E0DDDA}
.headerBot{background:#0A4D77;padding:0}
.headerWrap{max-width:960px;margin:0 auto;padding:0 20px}
.brandZone{display:flex;flex-direction:column;align-items:center;gap:12px}
.logoImg{width:110px;height:110px;background:#ffffff26;padding:14px;border-radius:8px;box-shadow:0 4px 12px #0003}
.companyLabel{font-size:26px;font-weight:700;color:#FFF;text-shadow:0 2px 8px #00000040;letter-spacing:.5px}
.valueStatement{font-size:16px;color:#0A4D77;text-align:center;margin:0;font-style:italic}
.mainNavi{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap;padding:16px 0}
.naviLink{color:#FFF;text-decoration:none;font-size:16px;padding:10px 18px;transition:background 320ms linear;border-radius:6px}
.naviLink:hover{background:#f87d1e33}
.naviItem{position:relative}
.naviItem .hasSubmenu{cursor:pointer}
.submenuBox{position:absolute;top:100%;left:0;background:#FFF;box-shadow:0 8px 16px #00000026;border-radius:6px;min-width:220px;opacity:0;visibility:hidden;transition:opacity 300ms linear,visibility 300ms linear;margin-top:8px;z-index:100}
.naviItem:hover .submenuBox{opacity:1;visibility:visible}
.submenuLink{display:block;color:#0A4D77;text-decoration:none;padding:12px 20px;transition:background 280ms linear}
.submenuLink:hover{background:#E0DDDA}
main{min-height:200px}
footer{background:linear-gradient(180deg,#0A4D77 0%,#063456 100%);color:#FFF;padding:48px 0 24px;margin-top:80px}
.footerWrap{max-width:960px;margin:0 auto;padding:0 20px}
.footerGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-bottom:36px}
.footerHead{font-size:20px;margin:0 0 18px;color:#F87D1E}
.contactZone{display:flex;flex-direction:column;gap:14px}
.contactEntry{display:flex;align-items:center;gap:12px;font-size:15px}
.contactEntry i{color:#F87D1E;font-size:20px}
.contactEntry a{color:#FFF;text-decoration:none;transition:color 300ms linear}
.contactEntry a:hover{color:#F87D1E}
.footerNavi{display:flex;flex-direction:column;gap:12px}
.footerLink{color:#FFF;text-decoration:none;font-size:15px;transition:color 300ms linear}
.footerLink:hover{color:#F87D1E}
.copyrightBar{text-align:center;padding-top:24px;border-top:1px solid #e0ddda33;font-size:14px;color:#E0DDDA}
.cookiePanel{position:fixed;top:20px;left:20px;background:#FFF;box-shadow:0 12px 32px #0003;border-radius:10px;max-width:420px;z-index:1000;display:none}
.cookiePanelInner{padding:28px}
.cookieTitle{font-size:22px;margin:0 0 12px;color:#0A4D77}
.cookieDesc{font-size:14px;color:#5A5A5A;margin:0 0 20px;line-height:1.5}
.cookieCategories{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}
.cookieCat{border-left:3px solid #F87D1E;padding-left:14px}
.cookieLabel{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:15px;font-weight:700;color:#1A1A1A}
.cookieCheck{width:18px;height:18px;cursor:pointer}
.cookieCatDesc{font-size:13px;color:#6A6A6A;margin:6px 0 0 28px}
.cookieActions{display:flex;flex-direction:column;gap:10px;margin-bottom:18px}
.cookieButt{padding:12px 20px;border:none;border-radius:6px;font-size:15px;font-family:'Lora',serif;cursor:pointer;transition:background 320ms linear}
.cookieButtAccept{background:#F87D1E;color:#FFF}
.cookieButtAccept:hover{background:#D96A15}
.cookieButtDecline{background:#0A4D77;color:#FFF}
.cookieButtDecline:hover{background:#083D5F}
.cookieButtSave{background:#E0DDDA;color:#1A1A1A}
.cookieButtSave:hover{background:#CCC9C5}
.cookieFooter{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #E0DDDA;gap:12px;flex-wrap:wrap}
.cookiePolicyLink{display:flex;align-items:center;gap:6px;color:#0A4D77;text-decoration:none;font-size:13px;transition:color 300ms linear}
.cookiePolicyLink:hover{color:#F87D1E}
.cookieOptOut{background:none;border:1px solid #0A4D77;color:#0A4D77;padding:6px 12px;border-radius:4px;font-size:12px;cursor:pointer;transition:background 300ms linear,color 300ms linear;font-family:'Lora',serif}
.cookieOptOut:hover{background:#0A4D77;color:#FFF}
.cookieBadge{position:fixed;bottom:20px;left:20px;background:#F87D1E;color:#FFF;border:none;border-radius:50%;width:56px;height:56px;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #f87d1e66;transition:background 320ms linear;z-index:999}
.cookieBadge:hover{background:#D96A15}
.cookieBadge i{font-size:28px}
@media (max-width: 768px) {
.headerTop{padding:20px 0}
.logoImg{width:80px;height:80px}
.companyLabel{font-size:20px}
.valueStatement{font-size:14px}
.mainNavi{gap:16px;padding:12px 0}
.naviLink{font-size:14px;padding:8px 14px}
.footerGrid{grid-template-columns:1fr;gap:32px}
.cookiePanel{left:10px;right:10px;max-width:none}
.cookiePanelInner{padding:20px}
.cookieFooter{flex-direction:column;align-items:flex-start}
}
@media (max-width: 480px) {
.mainNavi{flex-direction:column;align-items:stretch}
.naviLink{text-align:center}
.submenuBox{position:static;margin-top:4px}
}
.text-legal{max-width:960px;margin:60px auto;padding:0 24px;background:#fff}
.text-legal h1{font-size:42px;line-height:1.2;color:#0A4D77;margin:0 0 16px;font-weight:700;letter-spacing:-.5px}
.text-legal h2{font-size:32px;line-height:1.3;color:#0A4D77;margin:48px 0 20px;font-weight:600;border-bottom:2px solid #E0DDDA;padding-bottom:12px}
.text-legal h3{font-size:24px;line-height:1.4;color:#1a1a1a;margin:36px 0 16px;font-weight:600}
.text-legal h4{font-size:20px;line-height:1.4;color:#2a2a2a;margin:28px 0 12px;font-weight:600}
.text-legal h5{font-size:18px;line-height:1.5;color:#333;margin:24px 0 12px;font-weight:600}
.text-legal h6{font-size:16px;line-height:1.5;color:#444;margin:20px 0 10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.text-legal p{font-size:16px;line-height:1.7;color:#333;margin:0 0 20px;text-align:justify}
.text-legal strong,.text-legal b{font-weight:700;color:#0A4D77}
.text-legal em,.text-legal i{font-style:italic;color:#444}
.text-legal a{color:#F87D1E;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom 300ms linear,color 300ms linear}
.text-legal a:hover{color:#0A4D77;border-bottom:1px solid #0A4D77}
.text-legal a:focus{outline:2px solid #F87D1E;outline-offset:2px}
.text-legal table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;box-shadow:0 4px 12px #0a4d7714;border-radius:8px;overflow:hidden}
.text-legal thead{background:linear-gradient(135deg,#0A4D77 0%,#0d5f94 100%)}
.text-legal thead tr{border:none}
.text-legal thead th{padding:16px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.5px}
.text-legal tbody{background:#fff}
.text-legal tbody tr{border-bottom:1px solid #E0DDDA;transition:background 300ms linear}
.text-legal tbody tr:last-child{border-bottom:none}
.text-legal tbody tr:hover{background:#faf9f8}
.text-legal tbody td{padding:16px 20px;font-size:15px;line-height:1.6;color:#333}
.text-legal th{font-weight:600}
.text-legal td strong,.text-legal th strong{color:#0A4D77}
.text-legal div{margin:24px 0}
@media (max-width: 768px) {
.text-legal{margin:40px auto;padding:0 20px}
.text-legal h1{font-size:32px;margin-bottom:12px}
.text-legal h2{font-size:26px;margin:36px 0 16px}
.text-legal h3{font-size:22px;margin:28px 0 14px}
.text-legal h4{font-size:19px;margin:24px 0 12px}
.text-legal h5{font-size:17px;margin:20px 0 10px}
.text-legal h6{font-size:15px}
.text-legal p{font-size:15px;line-height:1.65;text-align:left}
.text-legal table{display:block;overflow-x:auto;margin:24px -20px;width:calc(100% + 40px);border-radius:0}
.text-legal thead th{padding:12px 16px;font-size:14px;white-space:nowrap}
.text-legal tbody td{padding:12px 16px;font-size:14px}
}
@media (max-width: 480px) {
.text-legal{margin:32px auto;padding:0 16px}
.text-legal h1{font-size:28px}
.text-legal h2{font-size:24px;margin:32px 0 14px}
.text-legal h3{font-size:20px}
.text-legal p{font-size:14px;line-height:1.6;margin-bottom:16px}
.text-legal table{margin:20px -16px;width:calc(100% + 32px)}
.text-legal thead th{padding:10px 12px;font-size:13px}
.text-legal tbody td{padding:10px 12px;font-size:13px}
}
.programHero{background:linear-gradient(135deg,#0A4D77 0%,#F87D1E 100%);position:relative;overflow:hidden;padding:80px 20px}
.programHero::before{content:'';position:absolute;width:400px;height:400px;background:#e0ddda26;border-radius:50%;top:-120px;right:-80px;filter:blur(60px)}
.programHero::after{content:'';position:absolute;width:300px;height:300px;background:#f87d1e33;border-radius:50%;bottom:-100px;left:-60px;filter:blur(80px)}
.heroContent{max-width:960px;margin:0 auto;position:relative;z-index:2;display:flex;flex-direction:column;gap:32px}
.heroContent h1{color:#fff;font-size:2.8rem;line-height:1.2;margin:0}
.heroList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.heroList li{color:#E0DDDA;font-size:1.1rem;padding-left:32px;position:relative}
.heroList li::before{content:'→';position:absolute;left:0;color:#F87D1E;font-weight:700}
.heroContent .ctaBtn{background:#fff;color:#0A4D77;padding:16px 40px;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s linear;align-self:flex-start;text-decoration:none;display:inline-block}
.heroContent .ctaBtn:hover{background:#F87D1E;color:#fff;box-shadow:0 8px 20px #f87d1e66}
.structContent{max-width:960px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.structContent img{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 12px 24px #0a4d7726}
.structText h2{color:#0A4D77;font-size:2.2rem;margin:0 0 24px;position:relative;padding-bottom:12px}
.structText h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#F87D1E 0%,#0A4D77 100%);border-radius:2px}
.structText p{color:#333;font-size:1.05rem;line-height:1.7;margin:0 0 16px}
.moduleGrid{background:#f8f9fa;padding:80px 20px}
.moduleWrap{max-width:960px;margin:0 auto}
.moduleWrap h2{text-align:center;color:#0A4D77;font-size:2.4rem;margin:0 0 48px}
.cardHolder{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.modCard{background:#fff;border-radius:10px;padding:32px 24px;box-shadow:0 4px 12px #00000014;transition:transform .3s linear,box-shadow .3s linear;position:relative}
.modCard:hover{transform:translateY(-8px);box-shadow:0 12px 28px #f87d1e40}
.modCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#F87D1E 0%,#0A4D77 100%);border-radius:10px 10px 0 0}
.modCard h3{color:#0A4D77;font-size:1.4rem;margin:0 0 16px}
.modCard p{color:#555;font-size:.95rem;line-height:1.6;margin:0}
.pathSection{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#E0DDDA 100%)}
.pathWrap{max-width:960px;margin:0 auto}
.pathWrap h2{color:#0A4D77;font-size:2.2rem;margin:0 0 48px;text-align:center}
.journeyTrack{display:flex;flex-direction:column;gap:0;position:relative}
.journeyTrack::before{content:'';position:absolute;left:40px;top:40px;bottom:40px;width:3px;background:linear-gradient(180deg,#F87D1E 0%,#0A4D77 100%)}
.stepItem{display:flex;gap:32px;padding:24px 0;position:relative}
.stepNum{width:80px;height:80px;background:#fff;border:4px solid #F87D1E;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8rem;font-weight:700;color:#0A4D77;flex-shrink:0;z-index:2;position:relative}
.stepContent{flex:1;background:#fff;padding:24px;border-radius:10px;box-shadow:0 4px 12px #0a4d771a}
.stepContent h4{color:#0A4D77;font-size:1.3rem;margin:0 0 12px}
.stepContent p{color:#555;font-size:1rem;line-height:1.6;margin:0}
.testimonialArea{padding:80px 20px;background:#fff}
.testimonialContainer{max-width:960px;margin:0 auto}
.testimonialContainer h2{color:#0A4D77;font-size:2.2rem;margin:0 0 48px;text-align:center}
.reviewCards{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.review{background:#f8f9fa;border-radius:12px;padding:32px;border-left:5px solid #F87D1E;position:relative}
.reviewProfile{display:flex;align-items:center;gap:20px;margin-bottom:20px}
.reviewProfile img{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #F87D1E}
.profileInfo h5{color:#0A4D77;font-size:1.2rem;margin:0 0 4px}
.profileInfo span{color:#777;font-size:.9rem}
.review p{color:#333;font-size:1rem;line-height:1.7;margin:0;font-style:italic}
.review::before{content:'"';position:absolute;top:16px;right:24px;font-size:4rem;color:#f87d1e33;font-family:Georgia,serif;line-height:1}
@media (max-width: 1024px) {
.heroContent h1{font-size:2.2rem}
.structContent{grid-template-columns:1fr}
.cardHolder{grid-template-columns:repeat(2,1fr)}
.reviewCards{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.programHero{padding:60px 20px}
.heroContent h1{font-size:1.8rem}
.heroList li{font-size:1rem}
.structText h2,.moduleWrap h2,.pathWrap h2,.testimonialContainer h2{font-size:1.8rem}
.cardHolder{grid-template-columns:1fr}
.journeyTrack::before{left:30px}
.stepNum{width:60px;height:60px;font-size:1.4rem}
.stepItem{gap:20px}
}
@media (max-width: 480px) {
.heroContent h1{font-size:1.5rem}
.heroContent .ctaBtn{width:100%;text-align:center}
.structContent,.moduleWrap,.pathWrap,.testimonialContainer{padding:60px 20px}
.stepNum{width:50px;height:50px;font-size:1.2rem}
}
.pageWrap{background:linear-gradient(135deg,#fff 0%,#f5f5f5 100%);padding:0;margin:0}
.titleHero{max-width:960px;margin:0 auto;padding:80px 20px;display:flex;gap:60px;align-items:center}
.titleHero .imgBox{flex:0 0 280px;position:relative}
.titleHero .imgBox img{width:280px;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #0a4d7726;animation:floatMotion 6s ease-in-out infinite}
@keyframes floatMotion {
0%,100%{transform:translateY(0px) rotate(0deg)}
50%{transform:translateY(-12px) rotate(1deg)}
}
.titleHero .txtArea{flex:1;position:relative;padding-left:24px}
.titleHero .txtArea::before{content:'';position:absolute;left:0;top:0;width:4px;height:100%;background:linear-gradient(180deg,#F87D1E 0%,#0A4D77 100%);border-radius:2px}
.titleHero .mainHead{font-size:42px;font-weight:700;color:#0A4D77;margin:0 0 20px;line-height:1.2}
.titleHero .descText{font-size:18px;line-height:1.7;color:#333;margin:0 0 16px}
.showcasePanel{background:#fff;padding:90px 20px;margin:60px 0 0}
.showcasePanel .centerWrap{max-width:960px;margin:0 auto}
.showcasePanel .headText{font-size:36px;font-weight:700;color:#0A4D77;text-align:center;margin:0 0 16px}
.showcasePanel .subText{font-size:17px;line-height:1.6;color:#555;text-align:center;max-width:720px;margin:0 auto 60px}
.projectGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin:0 0 60px}
.projectCard{background:linear-gradient(135deg,#fafafa 0%,#f0f0f0 100%);border-radius:10px;padding:0;overflow:hidden;box-shadow:0 4px 16px #00000014;transition:transform .3s ease,box-shadow .3s ease;position:relative}
.projectCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #f87d1e33}
.projectCard .imgWrapper{width:100%;height:240px;overflow:hidden;position:relative}
.projectCard .imgWrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.projectCard:hover .imgWrapper img{transform:scale(1.08)}
.projectCard .contentZone{padding:28px 24px}
.projectCard .cardTitle{font-size:22px;font-weight:700;color:#0A4D77;margin:0 0 12px}
.projectCard .cardDesc{font-size:15px;line-height:1.6;color:#444;margin:0 0 16px}
.projectCard .tagsList{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.projectCard .tagItem{background:#E0DDDA;color:#0A4D77;padding:6px 14px;border-radius:20px;font-size:13px;font-weight:600}
.projectCard .studentData{display:flex;align-items:center;gap:12px;padding-top:16px;border-top:2px solid #e0e0e0}
.projectCard .studentData img{width:44px;height:44px;border-radius:50%;object-fit:cover;box-shadow:0 2px 8px #0000001a}
.projectCard .studentInfo .nameText{font-size:15px;font-weight:700;color:#333;margin:0 0 2px}
.projectCard .studentInfo .courseText{font-size:13px;color:#777;margin:0}
.statsArea{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:50px 0 0}
.statBox{background:linear-gradient(135deg,#F87D1E 0%,#0A4D77 100%);padding:32px 24px;border-radius:12px;text-align:center;box-shadow:0 6px 20px #f87d1e40;position:relative;overflow:hidden}
.statBox::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 0%,transparent 70%);animation:rotateGlow 8s linear infinite}
@keyframes rotateGlow {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.statBox .numValue{font-size:48px;font-weight:700;color:#fff;margin:0 0 8px;position:relative;z-index:1}
.statBox .labelText{font-size:16px;color:#fff;margin:0;position:relative;z-index:1}
.ctaZone{text-align:center;margin:70px 0 0}
.ctaZone .actionBtn{display:inline-block;background:#F87D1E;color:#fff;padding:16px 48px;font-size:18px;font-weight:700;border-radius:8px;text-decoration:none;box-shadow:0 6px 18px #f87d1e4d;transition:background .3s ease,transform .3s ease}
.ctaZone .actionBtn:hover{background:#0A4D77;transform:translateY(-3px);box-shadow:0 10px 28px #0a4d7759}
@media (max-width: 768px) {
.titleHero{flex-direction:column;gap:40px;padding:60px 20px}
.titleHero .imgBox{flex:0 0 auto}
.titleHero .imgBox img{width:100%;max-width:320px;height:auto;aspect-ratio:2/3}
.titleHero .txtArea{padding-left:0}
.titleHero .txtArea::before{display:none}
.titleHero .mainHead{font-size:32px}
.projectGrid{grid-template-columns:1fr;gap:30px}
.statsArea{grid-template-columns:1fr;gap:20px}
.showcasePanel .headText{font-size:28px}
}
@media (max-width: 480px) {
.titleHero .mainHead{font-size:28px}
.titleHero .descText{font-size:16px}
.showcasePanel{padding:60px 20px}
.ctaZone .actionBtn{padding:14px 36px;font-size:16px}
}
.heroFetch{position:relative;min-height:580px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:90px}
.heroFetch .bgOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0A4D77 0%,#F87D1E 100%);opacity:.92;z-index:1}
.heroFetch .bgBlurImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:blur(8px);z-index:0}
.heroFetch .contentWrap{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:60px 20px;text-align:center;color:#fff}
.heroFetch .mainHeading{font-size:3.2rem;font-weight:700;margin:0 0 20px;line-height:1.2}
.heroFetch .taglineData{font-size:1.3rem;margin:0 0 35px;line-height:1.6;opacity:.95}
.heroFetch .ctaGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.heroFetch .btnPrimary{background:#F87D1E;color:#fff;padding:14px 32px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:background 300ms linear,transform 300ms linear;display:inline-block;position:relative;z-index:10}
.heroFetch .btnPrimary:hover{background:#d46a15;transform:translateY(-2px)}
.heroFetch .btnOutline{background:transparent;color:#fff;padding:14px 32px;border:2px solid #fff;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:background 300ms linear,color 300ms linear;display:inline-block;position:relative;z-index:10}
.heroFetch .btnOutline:hover{background:#fff;color:#0A4D77}
.flexWrapper{max-width:960px;margin:0 auto 85px;padding:0 20px}
.flexAdaptive{display:flex;flex-direction:row;gap:50px;align-items:center}
.flexAdaptive .imgBox{flex:0 0 420px;max-width:420px}
.flexAdaptive .imgBox img{width:100%;height:auto;border-radius:8px;box-shadow:0 8px 18px #0a4d7726}
.flexAdaptive .textData{flex:1}
.flexAdaptive .sectionLabel{font-size:.95rem;color:#F87D1E;font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin:0 0 12px}
.flexAdaptive .headingTwo{font-size:2.4rem;color:#0A4D77;margin:0 0 18px;line-height:1.3;font-weight:700}
.flexAdaptive .descriptionText{font-size:1.05rem;color:#333;line-height:1.7;margin:0 0 24px}
.flexAdaptive .featureList{list-style:none;padding:0;margin:0 0 28px}
.flexAdaptive .featureList li{padding:10px 0;font-size:1rem;color:#444;display:flex;align-items:center;gap:12px}
.flexAdaptive .featureList li::before{content:'';width:24px;height:24px;background:linear-gradient(135deg,#F87D1E 0%,#d46a15 100%);border-radius:50%;flex-shrink:0;display:inline-block;box-shadow:0 3px 8px #f87d1e40}
.flexAdaptive .linkButton{display:inline-block;background:#0A4D77;color:#fff;padding:12px 28px;border-radius:6px;text-decoration:none;font-weight:600;transition:background 300ms linear;position:relative;z-index:10}
.flexAdaptive .linkButton:hover{background:#083a5a}
.pricingContainer{max-width:960px;margin:0 auto 85px;padding:0 20px}
.pricingContainer .headingCenter{text-align:center;font-size:2.6rem;color:#0A4D77;margin:0 0 15px;font-weight:700}
.pricingContainer .subHeadingCenter{text-align:center;font-size:1.1rem;color:#555;margin:0 0 55px;line-height:1.6}
.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.priceCard{background:#fff;border:2px solid #E0DDDA;border-radius:10px;padding:40px 28px;text-align:center;transition:transform 300ms linear,box-shadow 350ms linear;position:relative}
.priceCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0a4d772e}
.priceCard.highlight{border-color:#F87D1E;background:linear-gradient(180deg,#fff 0%,#fff5ed 100%)}
.priceCard .planName{font-size:1.4rem;color:#0A4D77;margin:0 0 10px;font-weight:700}
.priceCard .priceAmount{font-size:2.8rem;color:#F87D1E;margin:0 0 8px;font-weight:700}
.priceCard .pricePeriod{font-size:.95rem;color:#666;margin:0 0 28px}
.priceCard .featureItems{list-style:none;padding:0;margin:0 0 32px;text-align:left}
.priceCard .featureItems li{padding:9px 0;font-size:.95rem;color:#444;border-bottom:1px solid #E0DDDA}
.priceCard .featureItems li:last-child{border-bottom:none}
.priceCard .selectButton{display:inline-block;background:#0A4D77;color:#fff;padding:12px 30px;border-radius:6px;text-decoration:none;font-weight:600;transition:background 300ms linear;position:relative;z-index:10}
.priceCard .selectButton:hover{background:#083a5a}
.priceCard.highlight .selectButton{background:#F87D1E}
.priceCard.highlight .selectButton:hover{background:#d46a15}
.interactionData{background:linear-gradient(135deg,#0A4D77 0%,#083a5a 100%);padding:80px 20px;margin-bottom:85px}
.interactionData .contentCentered{max-width:960px;margin:0 auto;text-align:center;color:#fff}
.interactionData .whiteHeading{font-size:2.5rem;margin:0 0 20px;font-weight:700}
.interactionData .whiteDesc{font-size:1.1rem;margin:0 0 45px;line-height:1.7;opacity:.95}
.formatGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-bottom:45px}
.formatItem{background:#ffffff1f;border-radius:8px;padding:35px 20px;text-align:center;transition:background 300ms linear,transform 300ms linear}
.formatItem:hover{background:#ffffff2e;transform:scale(1.04)}
.formatItem .iconCircle{width:70px;height:70px;background:#F87D1E;border-radius:50%;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px #f87d1e59}
.formatItem .iconCircle i{font-size:2rem;color:#fff}
.formatItem .formatTitle{font-size:1.3rem;margin:0 0 12px;font-weight:700}
.formatItem .formatDesc{font-size:.98rem;line-height:1.6;opacity:.9;margin:0}
.interactionData .bottomCta{display:inline-block;background:#F87D1E;color:#fff;padding:14px 36px;border-radius:6px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:background 300ms linear,transform 300ms linear;position:relative;z-index:10}
.interactionData .bottomCta:hover{background:#d46a15;transform:translateY(-2px)}
@media (max-width: 1024px) {
.flexAdaptive{flex-direction:column;gap:35px}
.flexAdaptive .imgBox{flex:0 0 auto;max-width:100%}
.priceGrid{grid-template-columns:1fr;gap:25px}
.formatGrid{grid-template-columns:1fr;gap:25px}
}
@media (max-width: 768px) {
.heroFetch{min-height:480px;margin-bottom:60px}
.heroFetch .mainHeading{font-size:2.3rem}
.heroFetch .taglineData{font-size:1.1rem}
.heroFetch .ctaGroup{flex-direction:column;align-items:center}
.heroFetch .btnPrimary,.heroFetch .btnOutline{width:100%;max-width:280px}
.flexWrapper{margin-bottom:60px}
.flexAdaptive .headingTwo{font-size:2rem}
.pricingContainer{margin-bottom:60px}
.pricingContainer .headingCenter{font-size:2.1rem}
.interactionData{padding:60px 20px;margin-bottom:60px}
.interactionData .whiteHeading{font-size:2rem}
}
@media (max-width: 480px) {
.heroFetch .mainHeading{font-size:1.9rem}
.heroFetch .taglineData{font-size:1rem}
.flexAdaptive .headingTwo{font-size:1.7rem}
.pricingContainer .headingCenter{font-size:1.8rem}
.interactionData .whiteHeading{font-size:1.7rem}
}
.topHeader{background:linear-gradient(135deg,#F87D1E 0%,#0A4D77 100%);padding:80px 20px;position:relative;overflow:hidden}
.topHeader::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#e0ddda1a;border-radius:50%;z-index:1}
.topHeader .headerInner{max-width:960px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.topHeader .leftVisual{flex:0 0 280px;height:380px;background:linear-gradient(180deg,#0A4D77 0%,#F87D1E 100%);border-radius:8px;position:relative;box-shadow:0 12px 24px #0a4d774d}
.topHeader .leftVisual::after{content:'';position:absolute;bottom:-20px;right:-20px;width:120px;height:120px;background:#f87d1e33;border-radius:50%}
.topHeader .textBlock{flex:1;color:#fff}
.topHeader .textBlock h1{font-size:2.8rem;margin:0 0 20px;font-weight:700;line-height:1.2}
.topHeader .textBlock .intro{font-size:1.1rem;line-height:1.6;margin-bottom:16px;opacity:.95}
.topHeader .textBlock .detail{font-size:1rem;line-height:1.7;opacity:.9}
.infoSection{max-width:960px;margin:80px auto;padding:0 20px}
.infoSection .contentWrap{display:grid;grid-template-columns:1fr 1fr;gap:50px}
.infoSection .contactCard{background:#fff;padding:40px;border-radius:10px;border:2px solid #E0DDDA;transition:all 300ms linear}
.infoSection .contactCard:hover{border-color:#F87D1E;box-shadow:0 8px 20px #f87d1e26}
.infoSection .contactCard h2{font-size:1.8rem;margin:0 0 24px;color:#0A4D77;position:relative;padding-bottom:12px}
.infoSection .contactCard h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:#F87D1E}
.infoSection .contactItem{margin-bottom:20px}
.infoSection .contactItem:last-child{margin-bottom:0}
.infoSection .contactItem .label{font-size:.85rem;text-transform:uppercase;letter-spacing:.5px;color:#0A4D77;font-weight:600;margin-bottom:6px}
.infoSection .contactItem .value{font-size:1.05rem;color:#333;line-height:1.6}
.infoSection .contactItem a{color:#F87D1E;text-decoration:none;transition:color 300ms linear}
.infoSection .contactItem a:hover{color:#0A4D77}
.formArea{background:linear-gradient(180deg,#E0DDDA 0%,#fff 100%);padding:80px 20px}
.formArea .formContainer{max-width:960px;margin:0 auto}
.formArea .formContainer h2{font-size:2.2rem;margin:0 0 16px;color:#0A4D77;text-align:center}
.formArea .formContainer .subtitle{text-align:center;font-size:1.05rem;color:#666;margin-bottom:50px;line-height:1.6}
.formArea .mainForm{background:#fff;padding:50px;border-radius:12px;box-shadow:0 10px 30px #0a4d771a}
.formArea .mainForm .fieldGroup{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-bottom:30px}
.formArea .mainForm .fieldWrap{display:flex;flex-direction:column}
.formArea .mainForm .fieldWrap label{font-size:.95rem;font-weight:600;color:#0A4D77;margin-bottom:10px}
.formArea .mainForm .fieldWrap input,.formArea .mainForm .fieldWrap select,.formArea .mainForm .fieldWrap textarea{padding:14px 18px;font-size:1rem;border:2px solid #E0DDDA;border-radius:6px;background:#fff;transition:all 280ms linear;font-family:inherit}
.formArea .mainForm .fieldWrap input:focus,.formArea .mainForm .fieldWrap select:focus,.formArea .mainForm .fieldWrap textarea:focus{outline:none;border-color:#F87D1E;box-shadow:0 0 0 3px #f87d1e1a}
.formArea .mainForm .fieldWrap select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath fill='%230A4D77' d='M10 12l-6-6h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}
.formArea .mainForm .fullWidth{grid-column:1 / -1}
.formArea .mainForm .fieldWrap textarea{resize:vertical;min-height:140px}
.formArea .mainForm .privacyWrap{margin:30px 0;display:flex;align-items:flex-start;gap:12px}
.formArea .mainForm .privacyWrap input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.formArea .mainForm .privacyWrap label{font-size:.95rem;color:#666;line-height:1.6;cursor:pointer}
.formArea .mainForm .privacyWrap label a{color:#F87D1E;text-decoration:none;transition:color 280ms linear}
.formArea .mainForm .privacyWrap label a:hover{color:#0A4D77}
.formArea .mainForm .submitBtn{background:linear-gradient(135deg,#F87D1E 0%,#0A4D77 100%);color:#fff;border:none;padding:16px 50px;font-size:1.1rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all 320ms linear;box-shadow:0 6px 16px #f87d1e4d;position:relative;z-index:10}
.formArea .mainForm .submitBtn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #f87d1e66}
@media (max-width: 768px) {
.topHeader .headerInner{flex-direction:column;gap:40px}
.topHeader .leftVisual{flex:0 0 auto;width:100%;height:280px}
.topHeader .textBlock h1{font-size:2rem}
.infoSection .contentWrap{grid-template-columns:1fr;gap:30px}
.formArea .mainForm{padding:30px 20px}
.formArea .mainForm .fieldGroup{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 480px) {
.topHeader{padding:50px 20px}
.topHeader .textBlock h1{font-size:1.6rem}
.formArea .formContainer h2{font-size:1.8rem}
}
.heroUnit{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;margin-bottom:90px}
.heroUnit::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#F87D1E 0%,#0A4D77 55%,#E0DDDA 100%);opacity:.08;z-index:1;animation:gradShift 8s ease-in-out infinite alternate}
@keyframes gradShift {
0%{opacity:.08;transform:scale(1)}
100%{opacity:.14;transform:scale(1.03)}
}
.heroUnit .contentWrap{position:relative;z-index:2;max-width:960px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.heroUnit .textSection{transform:translateY(-12px)}
.heroUnit .mainTitle{font-size:52px;line-height:1.15;color:#0A4D77;margin:0 0 32px;font-weight:700;letter-spacing:-.02em}
.heroUnit .mainTitle::after{content:'';display:block;width:80px;height:5px;background:linear-gradient(90deg,#F87D1E,#0A4D77);margin-top:20px;border-radius:3px}
.heroUnit .ctaBtn{display:inline-block;padding:15px 34px;background:#F87D1E;color:#fff;text-decoration:none;border-radius:6px;font-weight:600;font-size:17px;transition:all 320ms linear;box-shadow:0 6px 16px #f87d1e40;position:relative;z-index:3}
.heroUnit .ctaBtn:hover{background:#0A4D77;box-shadow:0 10px 24px #0a4d774d;transform:translateY(-2px)}
.heroUnit .imgArea{position:relative;transform:rotate(-3deg) translateY(8px)}
.heroUnit .imgArea img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:12px 12px 28px #0a4d772e -8px -8px 20px #f87d1e1f;border:3px solid #fff}
.storyBlock{max-width:960px;margin:0 auto 100px;padding:0 24px}
.storyBlock .sectionHead{font-size:38px;color:#0A4D77;margin:0 0 48px;text-align:center;font-weight:700;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.storyBlock .sectionHead::before{content:'';position:absolute;left:-40px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(135deg,#F87D1E,#0A4D77);border-radius:50%;opacity:.25}
.storyBlock .sectionHead::after{content:'';position:absolute;right:-40px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:linear-gradient(135deg,#0A4D77,#E0DDDA);border-radius:50%;opacity:.25}
.storyBlock .gridLayout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:start}
.storyBlock .textContent p{font-size:17px;line-height:1.7;color:#2d3748;margin:0 0 20px}
.storyBlock .textContent p:last-child{margin-bottom:0}
.storyBlock .visualSide{display:flex;flex-direction:column;gap:20px}
.storyBlock .visualSide img{width:100%;height:240px;object-fit:cover;border-radius:6px;box-shadow:0 8px 20px #0a4d771f;transition:all 300ms linear}
.storyBlock .visualSide img:hover{transform:translateY(-4px);box-shadow:0 12px 28px #f87d1e33}
.valuesModule{background:linear-gradient(180deg,#fff 0%,#f9fafb 100%);padding:80px 24px;margin-bottom:0}
.valuesModule .innerWrap{max-width:960px;margin:0 auto}
.valuesModule .moduleTitle{font-size:36px;color:#0A4D77;margin:0 0 52px;font-weight:700;text-align:center}
.valuesModule .cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valuesModule .valueCard{background:#fff;padding:36px 28px;border-radius:10px;box-shadow:0 4px 14px #0a4d7714;transition:all 280ms linear;border-top:4px solid transparent}
.valuesModule .valueCard:nth-child(1){border-top-color:#F87D1E}
.valuesModule .valueCard:nth-child(2){border-top-color:#0A4D77}
.valuesModule .valueCard:nth-child(3){border-top-color:#E0DDDA}
.valuesModule .valueCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #0a4d7726}
.valuesModule .valueCard .cardIcon{width:52px;height:52px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#F87D1E,#0A4D77);border-radius:50%;color:#fff;font-size:24px}
.valuesModule .valueCard .cardTitle{font-size:22px;color:#0A4D77;margin:0 0 14px;font-weight:700}
.valuesModule .valueCard .cardDesc{font-size:16px;line-height:1.6;color:#4a5568;margin:0}
.teamSnippet{max-width:960px;margin:90px auto 0;padding:0 24px 80px}
.teamSnippet .snippetHead{font-size:34px;color:#0A4D77;margin:0 0 44px;text-align:center;font-weight:700}
.teamSnippet .profileCard{background:#fff;border-radius:10px;padding:40px;box-shadow:0 6px 20px #0a4d771a;display:flex;gap:40px;align-items:center;max-width:720px;margin:0 auto}
.teamSnippet .profileCard .avatarWrap{flex-shrink:0}
.teamSnippet .profileCard .avatarWrap img{width:140px;height:140px;object-fit:cover;border-radius:50%;border:5px solid #F87D1E;box-shadow:0 8px 18px #f87d1e33}
.teamSnippet .profileCard .profileInfo .profileName{font-size:26px;color:#0A4D77;margin:0 0 8px;font-weight:700}
.teamSnippet .profileCard .profileInfo .profileRole{font-size:18px;color:#F87D1E;margin:0 0 16px;font-weight:600}
.teamSnippet .profileCard .profileInfo .profileBio{font-size:16px;line-height:1.65;color:#4a5568;margin:0}
@media (max-width: 1024px) {
.heroUnit .contentWrap{gap:40px}
.heroUnit .mainTitle{font-size:44px}
.storyBlock .gridLayout{gap:36px}
.valuesModule .cardGrid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.heroUnit{min-height:auto;margin-bottom:60px}
.heroUnit .contentWrap{grid-template-columns:1fr;gap:32px}
.heroUnit .textSection{transform:none;text-align:center}
.heroUnit .mainTitle{font-size:36px}
.heroUnit .mainTitle::after{margin-left:auto;margin-right:auto}
.heroUnit .imgArea{transform:none}
.heroUnit .imgArea img{height:320px}
.storyBlock{margin-bottom:70px}
.storyBlock .sectionHead{font-size:32px;margin-bottom:36px}
.storyBlock .sectionHead::before,.storyBlock .sectionHead::after{display:none}
.storyBlock .gridLayout{grid-template-columns:1fr;gap:32px}
.valuesModule{padding:60px 24px}
.valuesModule .moduleTitle{font-size:30px;margin-bottom:40px}
.valuesModule .cardGrid{grid-template-columns:1fr;gap:24px}
.teamSnippet{margin-top:60px;padding-bottom:60px}
.teamSnippet .snippetHead{font-size:28px;margin-bottom:32px}
.teamSnippet .profileCard{flex-direction:column;padding:32px 24px;gap:24px;text-align:center}
}
@media (max-width: 480px) {
.heroUnit .mainTitle{font-size:30px;margin-bottom:24px}
.heroUnit .ctaBtn{padding:13px 28px;font-size:16px}
.heroUnit .imgArea img{height:280px}
.storyBlock .sectionHead{font-size:28px}
.storyBlock .visualSide img{height:200px}
.valuesModule .moduleTitle{font-size:26px}
.valuesModule .valueCard{padding:28px 22px}
.valuesModule .valueCard .cardIcon{width:46px;height:46px;font-size:22px}
.valuesModule .valueCard .cardTitle{font-size:20px}
.teamSnippet .snippetHead{font-size:26px}
.teamSnippet .profileCard .avatarWrap img{width:120px;height:120px}
.teamSnippet .profileCard .profileInfo .profileName{font-size:22px}
.teamSnippet .profileCard .profileInfo .profileRole{font-size:16px}
}
.successWrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;background:linear-gradient(135deg,#E0DDDA 0%,#fff 50%,#f5f5f5 100%)}
.confirmBox{max-width:620px;width:100%;margin:0 auto;background:#fff;padding:50px 40px;border-radius:8px;box-shadow:0 8px 24px #0a4d771f;text-align:center}
.confirmBox .iconCircle{width:90px;height:90px;margin:0 auto 32px;background:linear-gradient(135deg,#F87D1E 0%,#ff9d4d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 18px #f87d1e4d;animation:pulseGrow 2s ease-in-out infinite}
@keyframes pulseGrow {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.confirmBox .iconCircle i{font-size:42px;color:#fff}
.confirmBox .headText{font-size:32px;font-weight:700;color:#0A4D77;margin:0 0 16px;line-height:1.3}
.confirmBox .subText{font-size:17px;color:#555;line-height:1.6;margin:0 0 28px}
.confirmBox .detailInfo{background:linear-gradient(135deg,#f8f9fa 0%,#E0DDDA 100%);padding:24px 28px;border-radius:6px;margin:0 0 32px;border-left:4px solid #F87D1E}
.confirmBox .detailInfo p{font-size:15px;color:#444;line-height:1.7;margin:0}
.confirmBox .detailInfo p strong{color:#0A4D77;font-weight:600}
.confirmBox .actionBtns{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.confirmBox .btnPrimary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,#F87D1E 0%,#ff8c2e 100%);color:#fff;text-decoration:none;font-size:16px;font-weight:600;border-radius:6px;transition:all 320ms linear;box-shadow:0 4px 12px #f87d1e40;z-index:10;position:relative}
.confirmBox .btnPrimary:hover{background:linear-gradient(135deg,#e67018 0%,#f87d1e 100%);box-shadow:0 6px 16px #f87d1e59;transform:translateY(-2px)}
.confirmBox .btnSecondary{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:#fff;color:#0A4D77;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #0A4D77;border-radius:6px;transition:all 320ms linear;z-index:10;position:relative}
.confirmBox .btnSecondary:hover{background:#0A4D77;color:#fff;transform:translateY(-2px)}
.confirmBox .extraNote{margin-top:28px;padding-top:24px;border-top:1px solid #e5e5e5}
.confirmBox .extraNote p{font-size:14px;color:#666;line-height:1.6;margin:0}
.confirmBox .contactData{display:flex;flex-direction:column;gap:12px;margin-top:20px}
.confirmBox .contactData a{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:15px;color:#F87D1E;text-decoration:none;transition:color 300ms linear}
.confirmBox .contactData a:hover{color:#0A4D77}
.confirmBox .contactData i{font-size:20px}
@media (max-width: 768px) {
.successWrap{padding:40px 16px}
.confirmBox{padding:40px 24px}
.confirmBox .headText{font-size:26px}
.confirmBox .subText{font-size:16px}
.confirmBox .actionBtns{flex-direction:column;align-items:stretch}
.confirmBox .btnPrimary,.confirmBox .btnSecondary{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.confirmBox .iconCircle{width:75px;height:75px}
.confirmBox .iconCircle i{font-size:36px}
.confirmBox .headText{font-size:24px}
.confirmBox .detailInfo{padding:20px}
}