@import "https://fonts.googleapis.com/css2?family=Alegreya:wght@400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html,body{height:100%;font-family:'Alegreya',serif;color:#00092E;background:#F0FAFB}
body{display:flex;flex-direction:column}
main{flex:1 0 auto}
.mainHeader{background:linear-gradient(135deg,#00092E 0%,#0142AD 100%);padding:24px 0;box-shadow:0 4px 12px #00092e26}
.mainHeader .headerWrap{max-width:1320px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:auto 1fr;gap:60px;align-items:center}
.mainHeader .brandStack{display:flex;flex-direction:column;gap:8px}
.mainHeader .logoBox{width:110px;height:110px;background:#f0fafbf2;border-radius:16px;padding:18px;box-shadow:0 6px 16px #00092e33}
.mainHeader .logoBox img{width:100%;height:100%;object-fit:contain}
.mainHeader .companyTitle{font-size:26px;font-weight:700;color:#F0FAFB;letter-spacing:.5px;margin-top:6px}
.mainHeader .rightColumn{display:flex;flex-direction:column;gap:20px}
.mainHeader .contactStrip{display:flex;gap:32px;justify-content:flex-end;flex-wrap:wrap}
.mainHeader .contactItem{display:flex;align-items:center;gap:8px;color:#F0FAFB;font-size:15px;text-decoration:none}
.mainHeader .contactItem i{font-size:18px;color:#f0fafbcc}
.mainHeader .contactItem:hover{color:#f0fafbd9}
.mainHeader .naviBox{display:flex;justify-content:flex-end;gap:4px}
.mainHeader .naviBox a{color:#F0FAFB;text-decoration:none;font-size:16px;font-weight:400;padding:12px 20px;border-radius:8px;transition:background .2s ease}
.mainHeader .naviBox a:hover{background:#f0fafb1f}
@media (max-width: 1024px) {
.mainHeader .headerWrap{grid-template-columns:1fr;gap:32px;text-align:center}
.mainHeader .brandStack{align-items:center}
.mainHeader .rightColumn{align-items:center}
.mainHeader .contactStrip{justify-content:center}
.mainHeader .naviBox{justify-content:center;flex-wrap:wrap}
}
@media (max-width: 768px) {
.mainHeader{padding:20px 0}
.mainHeader .logoBox{width:90px;height:90px}
.mainHeader .companyTitle{font-size:22px}
.mainHeader .naviBox a{padding:10px 16px;font-size:15px}
.mainHeader .contactStrip{gap:20px}
}
.siteFooter{background:#00092E;color:#F0FAFB;padding:56px 0 0;margin-top:auto;flex-shrink:0}
.siteFooter .footerWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.siteFooter .topLevel{padding-bottom:40px;border-bottom:1px solid #f0fafb26}
.siteFooter .infoGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:48px}
.siteFooter .infoBlock h3{font-size:20px;font-weight:700;margin-bottom:16px;color:#F0FAFB}
.siteFooter .infoBlock p,.siteFooter .infoBlock a{font-size:15px;line-height:1.7;color:#f0fafbd9;text-decoration:none;display:block;margin-bottom:8px}
.siteFooter .infoBlock a:hover{color:#F0FAFB}
.siteFooter .middleLevel{padding:32px 0;border-bottom:1px solid #f0fafb26}
.siteFooter .resourceLinks{display:flex;gap:28px;flex-wrap:wrap;justify-content:center}
.siteFooter .resourceLinks a{color:#f0fafbd9;text-decoration:none;font-size:15px}
.siteFooter .resourceLinks a:hover{color:#F0FAFB}
.siteFooter .bottomLevel{padding:24px 0;text-align:center;font-size:14px;color:#f0fafbb3}
@media (max-width: 768px) {
.siteFooter{padding:40px 0 0}
.siteFooter .infoGrid{grid-template-columns:1fr;gap:32px}
.siteFooter .resourceLinks{flex-direction:column;align-items:center;gap:16px}
}
.consentPopup{position:fixed;bottom:32px;right:32px;background:#fff;border-radius:18px 4px 18px 18px;box-shadow:0 12px 32px #00092e40;max-width:420px;padding:28px;z-index:9999;opacity:0;transform:scale(0.8) translateY(20px);transition:opacity .4s cubic-bezier(0.68,-0.55,0.265,1.55),transform .4s cubic-bezier(0.68,-0.55,0.265,1.55)}
.consentPopup.visible{opacity:1;transform:scale(1) translateY(0)}
.consentPopup h3{font-size:20px;font-weight:700;color:#00092E;margin-bottom:12px}
.consentPopup p{font-size:14px;line-height:1.6;color:#00092E;margin-bottom:20px}
.consentPopup .optionRow{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-bottom:1px solid #00092e1a}
.consentPopup .optionRow:last-of-type{border-bottom:none}
.consentPopup .optionRow label{font-size:14px;color:#00092E;cursor:pointer}
.consentPopup .optionRow input[type="checkbox"]{cursor:pointer;width:18px;height:18px}
.consentPopup .buttonRow{display:flex;gap:12px;margin-top:20px}
.consentPopup button{flex:1;padding:12px 20px;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;font-family:'Alegreya',serif;transition:background .2s ease}
.consentPopup .acceptButt{background:#0142AD;color:#fff}
.consentPopup .acceptButt:hover{background:#00092E}
.consentPopup .declineButt{background:#00092e1a;color:#00092E}
.consentPopup .declineButt:hover{background:#00092e26}
@media (max-width: 768px) {
.consentPopup{bottom:16px;right:16px;left:16px;max-width:none;padding:24px}
.consentPopup .buttonRow{flex-direction:column}
}
.policy-section{max-width:1320px;margin:0 auto;padding:60px 20px;background-color:#fff}
.policy-section h1{font-size:42px;line-height:1.2;color:#00092E;margin:0 0 32px;font-weight:700;letter-spacing:-.5px}
.policy-section h2{font-size:32px;line-height:1.3;color:#00092E;margin:48px 0 24px;font-weight:600;letter-spacing:-.3px}
.policy-section h3{font-size:24px;line-height:1.4;color:#0142AD;margin:36px 0 20px;font-weight:600}
.policy-section h4{font-size:20px;line-height:1.4;color:#0142AD;margin:28px 0 16px;font-weight:600}
.policy-section h5{font-size:18px;line-height:1.5;color:#00092E;margin:24px 0 14px;font-weight:600}
.policy-section h6{font-size:16px;line-height:1.5;color:#00092E;margin:20px 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.policy-section p{font-size:16px;line-height:1.8;color:#333;margin:0 0 20px}
.policy-section ul,.policy-section ol{margin:0 0 24px;padding:0 0 0 28px}
.policy-section ul{list-style-type:disc}
.policy-section ol{list-style-type:decimal}
.policy-section li{font-size:16px;line-height:1.8;color:#333;margin:0 0 12px;padding-left:8px}
.policy-section li ul,.policy-section li ol{margin:12px 0 8px}
.policy-section ul ul{list-style-type:circle}
.policy-section ul ul ul{list-style-type:square}
.policy-section strong,.policy-section b{font-weight:700;color:#00092E}
.policy-section em,.policy-section i{font-style:italic}
.policy-section a{color:#0142AD;text-decoration:underline;transition:color .3s ease,text-decoration-color .3s ease}
.policy-section a:hover{color:#00092E;text-decoration-color:#0142AD}
.policy-section a:focus{outline:2px solid #0142AD;outline-offset:2px;border-radius:2px}
.policy-section table{width:100%;border-collapse:collapse;margin:32px 0;background-color:#fff;box-shadow:0 2px 8px #00092e14;border-radius:8px;overflow:hidden}
.policy-section thead{background-color:#00092E}
.policy-section thead tr th{color:#fff;font-weight:600;text-align:left;padding:16px 20px;font-size:15px;letter-spacing:.3px;border-bottom:2px solid #0142AD}
.policy-section tbody tr{border-bottom:1px solid #e5e5e5;transition:background-color .2s ease}
.policy-section tbody tr:last-child{border-bottom:none}
.policy-section tbody tr:hover{background-color:#F0FAFB}
.policy-section tbody tr td{padding:14px 20px;font-size:15px;line-height:1.6;color:#333}
.policy-section th,.policy-section td{vertical-align:top}
.policy-section div{margin:0;padding:0}
@media (max-width: 1366px) {
.policy-section{padding:50px 20px}
.policy-section h1{font-size:36px}
.policy-section h2{font-size:28px}
}
@media (max-width: 768px) {
.policy-section{padding:40px 16px}
.policy-section h1{font-size:32px;margin-bottom:24px}
.policy-section h2{font-size:24px;margin:36px 0 20px}
.policy-section h3{font-size:20px;margin:28px 0 16px}
.policy-section h4{font-size:18px}
.policy-section p,.policy-section li{font-size:15px;line-height:1.7}
.policy-section ul,.policy-section ol{padding-left:24px}
.policy-section table{font-size:14px;margin:24px 0}
.policy-section thead tr th,.policy-section tbody tr td{padding:12px 14px;font-size:14px}
}
@media (max-width: 375px) {
.policy-section{padding:32px 12px}
.policy-section h1{font-size:28px}
.policy-section h2{font-size:22px}
.policy-section h3{font-size:18px}
.policy-section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}
.policy-section thead tr th,.policy-section tbody tr td{padding:10px 12px;font-size:13px}
}
.HeroBox{position:relative;max-width:1320px;margin:0 auto;padding:80px 20px;overflow:hidden}
.HeroBox::before{content:'';position:absolute;top:0;right:-10%;width:60%;height:100%;background:linear-gradient(135deg,#00092e0d 0%,#0142ad14 100%);clip-path:polygon(25% 0%,100% 0%,100% 100%,0% 100%);z-index:1}
.HeroBox .ContentWrap{display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.HeroBox .TextArea{flex:1.2}
.HeroBox .ImageArea{flex:.8;position:relative}
.HeroBox .ImageArea::after{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(45deg,#0142ad26,#f0fafb4d);border-radius:16px;z-index:-1}
.HeroBox .MainHeading{font-size:48px;line-height:1.2;color:#00092E;margin:0 0 24px;font-weight:700}
.HeroBox .SubText{font-size:18px;line-height:1.6;color:#00092E;opacity:.8;margin:0 0 32px}
.HeroBox .HeroImage{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #00092e1f}
.HeroBox .ActionButt{display:inline-block;padding:14px 32px;background:#0142AD;color:#F0FAFB;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #0142ad33}
.HeroBox .ActionButt:hover{background:#00092E;transform:translateY(-2px);box-shadow:0 6px 16px #00092e4d}
.SocialBox{max-width:1320px;margin:80px auto;padding:0 20px}
.SocialBox .SectionHead{text-align:center;margin-bottom:60px}
.SocialBox .SectionHead h2{font-size:38px;color:#00092E;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.SocialBox .SectionHead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#0142AD,#F0FAFB);border-radius:2px}
.SocialBox .SectionHead p{font-size:17px;color:#00092E;opacity:.75;margin:24px auto 0;max-width:680px}
.SocialBox .InitiativeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.SocialBox .InitiativeCard{background:#F0FAFB;padding:36px 28px;border-radius:12px;border-left:4px solid #0142AD;transition:all .3s ease}
.SocialBox .InitiativeCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #00092e26}
.SocialBox .InitiativeCard .IconWrap{width:56px;height:56px;background:linear-gradient(135deg,#0142AD,#00092E);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.SocialBox .InitiativeCard .IconWrap i{font-size:28px;color:#F0FAFB}
.SocialBox .InitiativeCard h3{font-size:22px;color:#00092E;margin:0 0 12px;font-weight:600}
.SocialBox .InitiativeCard p{font-size:15px;line-height:1.6;color:#00092E;opacity:.8;margin:0}
.CareerWrap{background:linear-gradient(180deg,#00092e08 0%,#0142ad0d 100%);padding:80px 20px;position:relative;overflow:hidden}
.CareerWrap::before{content:'';position:absolute;top:0;left:-15%;width:40%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#0142ad08 10px,#0142ad08 20px)}
.CareerWrap .InnerContent{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.CareerWrap .ContentSplit{display:flex;align-items:center;gap:70px}
.CareerWrap .ImageSide{flex:1}
.CareerWrap .ImageSide img{width:100%;height:auto;border-radius:16px;box-shadow:0 16px 40px #00092e2e}
.CareerWrap .TextSide{flex:1}
.CareerWrap .TextSide h2{font-size:42px;color:#00092E;margin:0 0 24px;font-weight:700}
.CareerWrap .TextSide .DescText{font-size:17px;line-height:1.7;color:#00092E;opacity:.8;margin:0 0 32px}
.CareerWrap .PathList{list-style:none;padding:0;margin:0 0 36px}
.CareerWrap .PathList li{padding:16px 0;border-bottom:1px solid #0142ad26;font-size:16px;color:#00092E;position:relative;padding-left:32px}
.CareerWrap .PathList li::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#0142AD;border-radius:50%}
.CareerWrap .PathList li:last-child{border-bottom:none}
.CareerWrap .ExploreButt{display:inline-block;padding:14px 32px;background:#00092E;color:#F0FAFB;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease}
.CareerWrap .ExploreButt:hover{background:#0142AD;box-shadow:0 6px 18px #0142ad4d}
.AdvantageSection{max-width:1320px;margin:90px auto;padding:0 20px}
.AdvantageSection .TopHeader{text-align:center;margin-bottom:64px}
.AdvantageSection .TopHeader h2{font-size:40px;color:#00092E;margin:0 0 20px;font-weight:700}
.AdvantageSection .TopHeader .IntroDesc{font-size:17px;color:#00092E;opacity:.75;margin:0 auto;max-width:720px;line-height:1.6}
.AdvantageSection .FeatureMatrix{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.AdvantageSection .FeatureBlock{background:#F0FAFB;padding:40px 36px;border-radius:16px;border-top:5px solid #0142AD;position:relative;overflow:hidden}
.AdvantageSection .FeatureBlock::after{content:'';position:absolute;bottom:-30px;right:-30px;width:120px;height:120px;background:radial-gradient(circle,#0142ad14,transparent)}
.AdvantageSection .FeatureBlock h3{font-size:24px;color:#00092E;margin:0 0 16px;font-weight:600;display:flex;align-items:center;gap:12px}
.AdvantageSection .FeatureBlock h3 i{font-size:28px;color:#0142AD}
.AdvantageSection .FeatureBlock p{font-size:16px;line-height:1.7;color:#00092E;opacity:.8;margin:0;position:relative;z-index:2}
.PartnershipArea{background:#00092E;padding:80px 20px;position:relative}
.PartnershipArea::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:linear-gradient(90deg,transparent,#0142ad1a)}
.PartnershipArea .WrapContent{max-width:1320px;margin:0 auto;position:relative;z-index:2;text-align:center}
.PartnershipArea h2{font-size:38px;color:#F0FAFB;margin:0 0 20px;font-weight:700}
.PartnershipArea .LeadPara{font-size:18px;color:#F0FAFB;opacity:.85;margin:0 auto 50px;max-width:700px;line-height:1.6}
.PartnershipArea .BenefitRow{display:flex;justify-content:center;gap:48px;flex-wrap:wrap}
.PartnershipArea .BenefitItem{flex:0 1 280px;text-align:center}
.PartnershipArea .BenefitItem .IconCircle{width:80px;height:80px;background:linear-gradient(135deg,#0142AD,#F0FAFB);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 8px 20px #0142ad4d}
.PartnershipArea .BenefitItem .IconCircle i{font-size:36px;color:#00092E}
.PartnershipArea .BenefitItem h4{font-size:20px;color:#F0FAFB;margin:0 0 12px;font-weight:600}
.PartnershipArea .BenefitItem p{font-size:15px;color:#F0FAFB;opacity:.8;margin:0;line-height:1.5}
.DirectionsContainer{max-width:1320px;margin:90px auto;padding:0 20px}
.DirectionsContainer .HeadSection{margin-bottom:56px}
.DirectionsContainer .HeadSection h2{font-size:40px;color:#00092E;margin:0 0 16px;font-weight:700}
.DirectionsContainer .HeadSection .SubHeading{font-size:17px;color:#00092E;opacity:.75;margin:0;max-width:680px}
.DirectionsContainer .DirectionGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:36px}
.DirectionsContainer .DirectionCard{background:linear-gradient(135deg,#0142ad0d,#f0fafb80);padding:40px 32px;border-radius:16px;border:2px solid #0142ad26;position:relative;transition:all .3s ease}
.DirectionsContainer .DirectionCard:hover{border-color:#0142AD;box-shadow:0 12px 32px #0142ad33;transform:translateY(-4px)}
.DirectionsContainer .DirectionCard::before{content:'';position:absolute;top:0;left:0;width:6px;height:0;background:#0142AD;border-radius:16px 0 0 16px;transition:height .3s ease}
.DirectionsContainer .DirectionCard:hover::before{height:100%}
.DirectionsContainer .DirectionCard h3{font-size:24px;color:#00092E;margin:0 0 16px;font-weight:600}
.DirectionsContainer .DirectionCard p{font-size:16px;line-height:1.6;color:#00092E;opacity:.8;margin:0 0 24px}
.DirectionsContainer .DirectionCard .LinkArrow{color:#0142AD;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;gap:8px;transition:gap .3s ease}
.DirectionsContainer .DirectionCard .LinkArrow:hover{gap:12px}
.DirectionsContainer .DirectionCard .LinkArrow i{font-size:18px}
.EcosystemWrap{background:linear-gradient(180deg,#F0FAFB 0%,#0142ad14 100%);padding:80px 20px;position:relative}
.EcosystemWrap .ContentInner{max-width:1320px;margin:0 auto}
.EcosystemWrap .LayoutSplit{display:flex;align-items:center;gap:60px}
.EcosystemWrap .TextColumn{flex:1}
.EcosystemWrap .TextColumn h2{font-size:42px;color:#00092E;margin:0 0 24px;font-weight:700}
.EcosystemWrap .TextColumn .MainDesc{font-size:17px;line-height:1.7;color:#00092E;opacity:.8;margin:0 0 36px}
.EcosystemWrap .TextColumn .FeatureStack{list-style:none;padding:0;margin:0 0 40px}
.EcosystemWrap .TextColumn .FeatureStack li{padding:14px 0 14px 40px;font-size:16px;color:#00092E;position:relative;border-bottom:1px dashed #0142ad33}
.EcosystemWrap .TextColumn .FeatureStack li:last-child{border-bottom:none}
.EcosystemWrap .TextColumn .FeatureStack li::before{content:'\eb7a';font-family:'remixicon';position:absolute;left:0;top:50%;transform:translateY(-50%);font-size:24px;color:#0142AD}
.EcosystemWrap .TextColumn .StartButt{display:inline-block;padding:14px 36px;background:#0142AD;color:#F0FAFB;text-decoration:none;border-radius:8px;font-size:16px;font-weight:600;transition:all .3s ease}
.EcosystemWrap .TextColumn .StartButt:hover{background:#00092E;box-shadow:0 8px 20px #00092e40}
.EcosystemWrap .ImageColumn{flex:1}
.EcosystemWrap .ImageColumn img{width:100%;height:auto;border-radius:16px;box-shadow:0 16px 48px #00092e26}
@media (max-width: 1366px) {
.HeroBox .MainHeading{font-size:42px}
.SocialBox .InitiativeGrid{gap:28px}
.AdvantageSection .FeatureMatrix{gap:32px}
}
@media (max-width: 768px) {
.HeroBox{padding:60px 20px}
.HeroBox .ContentWrap{flex-direction:column-reverse;gap:40px}
.HeroBox .MainHeading{font-size:32px}
.HeroBox .SubText{font-size:16px}
.SocialBox{margin:60px auto}
.SocialBox .SectionHead h2{font-size:32px}
.SocialBox .InitiativeGrid{grid-template-columns:1fr;gap:24px}
.CareerWrap{padding:60px 20px}
.CareerWrap .ContentSplit{flex-direction:column;gap:40px}
.CareerWrap .TextSide h2{font-size:32px}
.AdvantageSection{margin:60px auto}
.AdvantageSection .TopHeader h2{font-size:32px}
.AdvantageSection .FeatureMatrix{grid-template-columns:1fr;gap:24px}
.PartnershipArea{padding:60px 20px}
.PartnershipArea h2{font-size:32px}
.PartnershipArea .BenefitRow{gap:32px}
.DirectionsContainer{margin:60px auto}
.DirectionsContainer .HeadSection h2{font-size:32px}
.DirectionsContainer .DirectionGrid{grid-template-columns:1fr;gap:24px}
.EcosystemWrap{padding:60px 20px}
.EcosystemWrap .LayoutSplit{flex-direction:column;gap:40px}
.EcosystemWrap .TextColumn h2{font-size:32px}
}
@media (max-width: 375px) {
.HeroBox{padding:40px 16px}
.HeroBox .MainHeading{font-size:28px}
.SocialBox,.AdvantageSection,.DirectionsContainer{padding:0 16px;margin:50px auto}
.CareerWrap,.PartnershipArea,.EcosystemWrap{padding:50px 16px}
.SocialBox .SectionHead h2,.CareerWrap .TextSide h2,.AdvantageSection .TopHeader h2,.PartnershipArea h2,.DirectionsContainer .HeadSection h2,.EcosystemWrap .TextColumn h2{font-size:26px}
}
.HeroSect{background:linear-gradient(135deg,#00092E 0%,#0142AD 100%);padding:90px 20px 70px;position:relative;overflow:hidden}
.HeroSect::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:#f0fafb14;border-radius:50%;z-index:1}
.heroInnerBox{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.heroTxt h1{color:#F0FAFB;font-size:48px;font-weight:700;margin:0 0 16px;line-height:1.2}
.heroTxt .subline{color:#f0fafbd9;font-size:20px;margin:0;line-height:1.5}
.ContactMainWrap{max-width:1320px;margin:0 auto;padding:80px 20px}
.infoContactGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:70px}
.infoCard{background:#F0FAFB;padding:35px 28px;border-radius:16px;box-shadow:0 4px 12px #00092e14;transition:transform .3s ease,box-shadow .3s ease}
.infoCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #0142ad26}
.infoCard .iconHolder{width:56px;height:56px;background:linear-gradient(135deg,#0142AD,#00092E);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.infoCard .iconHolder i{font-size:28px;color:#F0FAFB}
.infoCard h3{font-size:22px;font-weight:600;color:#00092E;margin:0 0 12px}
.infoCard .detailTxt{font-size:16px;color:#0142AD;margin:0;line-height:1.6}
.infoCard .detailTxt a{color:#0142AD;text-decoration:none;transition:color .2s ease}
.infoCard .detailTxt a:hover{color:#00092E}
.FormSectionBox{background:linear-gradient(180deg,#f0fafb66 0%,#0142ad0d 100%);padding:60px 40px;border-radius:20px;box-shadow:0 6px 20px #00092e1a}
.FormSectionBox h2{font-size:36px;font-weight:700;color:#00092E;margin:0 0 16px;text-align:center}
.FormSectionBox .formIntroText{font-size:18px;color:#00092ebf;text-align:center;margin:0 0 45px;max-width:650px;margin-left:auto;margin-right:auto}
.contactFormElement{max-width:700px;margin:0 auto}
.FormRow{margin-bottom:24px}
.FormRow label{display:block;font-size:15px;font-weight:600;color:#00092E;margin-bottom:8px}
.FormRow input[type="text"],.FormRow input[type="tel"],.FormRow input[type="email"],.FormRow textarea,.FormRow select{width:100%;padding:14px 18px;font-size:16px;border:2px solid #0142ad33;border-radius:8px;background:#fff;color:#00092E;transition:border-color .3s ease,box-shadow .3s ease;box-sizing:border-box}
.FormRow input[type="text"]:focus,.FormRow input[type="tel"]:focus,.FormRow input[type="email"]:focus,.FormRow textarea:focus,.FormRow select:focus{outline:none;border-color:#0142AD;box-shadow:0 0 0 3px #0142ad1a}
.FormRow textarea{min-height:140px;resize:vertical}
.FormRow select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%230142AD' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:45px}
.contactTypeToggle{display:none}
.contactTypeLabel{display:inline-block;padding:12px 28px;margin-right:12px;margin-bottom:12px;border:2px solid #0142ad4d;border-radius:24px;font-size:15px;font-weight:600;color:#0142AD;cursor:pointer;transition:all .3s ease;background:#fff}
.contactTypeLabel:hover{background:#0142ad0d;border-color:#0142AD}
.contactTypeToggle:checked + .contactTypeLabel{background:#0142AD;color:#F0FAFB;border-color:#0142AD}
.conditionalFieldBox{max-height:0;overflow:hidden;opacity:0;transition:max-height .4s ease,opacity .4s ease,margin .4s ease}
#typeGeneral:checked ~ .generalFields{max-height:300px;opacity:1;margin-bottom:24px}
#typePartnership:checked ~ .partnerFields{max-height:300px;opacity:1;margin-bottom:24px}
.privacyCheckWrap{margin:30px 0 35px}
.privacyCheckWrap input[type="checkbox"]{margin-right:10px;width:18px;height:18px;cursor:pointer;vertical-align:middle}
.privacyCheckWrap label{font-size:14px;color:#00092ecc;cursor:pointer;display:inline;vertical-align:middle}
.privacyCheckWrap a{color:#0142AD;text-decoration:underline;transition:color .2s ease}
.privacyCheckWrap a:hover{color:#00092E}
.submitButt{width:100%;padding:16px 32px;font-size:18px;font-weight:600;color:#F0FAFB;background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);border:none;border-radius:12px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 14px #0142ad4d}
.submitButt:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0142ad66}
.submitButt:active{transform:translateY(-1px)}
.MapAlternative{max-width:1320px;margin:80px auto 0;padding:0 20px 80px}
.addressDisplayBox{background:linear-gradient(135deg,#00092e08 0%,#0142ad14 100%);padding:50px 40px;border-radius:20px;border-left:6px solid #0142AD;box-shadow:0 4px 16px #00092e0f}
.addressDisplayBox h3{font-size:28px;font-weight:700;color:#00092E;margin:0 0 24px}
.addressDisplayBox .addressLine{font-size:18px;color:#00092ecc;margin:0 0 10px;line-height:1.6}
.addressDisplayBox .addressLine strong{color:#0142AD;font-weight:600}
@media (max-width: 768px) {
.HeroSect{padding:60px 20px 50px}
.heroTxt h1{font-size:36px}
.heroTxt .subline{font-size:18px}
.ContactMainWrap{padding:50px 20px}
.infoContactGrid{grid-template-columns:1fr;gap:20px;margin-bottom:50px}
.FormSectionBox{padding:40px 24px;border-radius:16px}
.FormSectionBox h2{font-size:28px}
.FormSectionBox .formIntroText{font-size:16px}
.contactTypeLabel{padding:10px 20px;font-size:14px}
.MapAlternative{margin:50px auto 0;padding:0 20px 50px}
.addressDisplayBox{padding:35px 24px}
.addressDisplayBox h3{font-size:24px}
.addressDisplayBox .addressLine{font-size:16px}
}
@media (max-width: 375px) {
.heroTxt h1{font-size:30px}
.FormSectionBox h2{font-size:24px}
.submitButt{font-size:16px;padding:14px 28px}
}
.topIntroWrap{max-width:1320px;margin:60px auto;padding:0 20px;display:flex;align-items:center;gap:50px}
.topIntroWrap .textPart{flex:1}
.topIntroWrap .imgPart{flex:1;position:relative}
.topIntroWrap .imgPart img{width:100%;height:auto;border-radius:12px;display:block;filter:blur(0);box-shadow:0 8px 20px #00092e1f}
.topIntroWrap .imgPart::before{content:'';position:absolute;top:-15px;right:-15px;width:140px;height:140px;background:radial-gradient(circle,#0142ad4d 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:-1}
.topIntroWrap .imgPart::after{content:'';position:absolute;bottom:-20px;left:-20px;width:100px;height:100px;background:radial-gradient(circle,#f0fafb99 0%,transparent 70%);border-radius:50%;pointer-events:none;z-index:-1}
.topIntroWrap h1{font-size:42px;line-height:1.2;color:#00092E;margin:0 0 20px;font-weight:700}
.topIntroWrap .introPara{font-size:17px;line-height:1.6;color:#00092E;margin:0 0 30px}
.topIntroWrap .ctaRow{display:flex;gap:15px;flex-wrap:wrap}
.topIntroWrap .ctaRow .btnPrimary{background:#0142AD;color:#F0FAFB;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #0142AD;display:inline-block}
.topIntroWrap .ctaRow .btnPrimary:hover{background:#00092E;border-color:#00092E;transform:translateY(-2px);box-shadow:0 6px 16px #00092e33}
.topIntroWrap .ctaRow .btnOutline{background:transparent;color:#0142AD;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid #0142AD;display:inline-block}
.topIntroWrap .ctaRow .btnOutline:hover{background:#0142AD;color:#F0FAFB;transform:translateY(-2px);box-shadow:0 6px 16px #0142ad33}
.storySegment{background:linear-gradient(135deg,#F0FAFB 0%,#0142ad14 100%);padding:80px 20px;position:relative;overflow:hidden}
.storySegment::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0142AD 0%,#00092E 100%)}
.storySegment .innerBox{max-width:1320px;margin:0 auto}
.storySegment h2{font-size:36px;color:#00092E;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.storySegment h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:3px;background:#0142AD}
.storySegment .storyText{font-size:17px;line-height:1.7;color:#00092E;margin:30px 0 0;max-width:900px}
.storySegment .highlightPhrase{color:#0142AD;font-weight:600}
.valuesBlock{padding:80px 20px;background:#fff}
.valuesBlock .contentHolder{max-width:1320px;margin:0 auto}
.valuesBlock h2{font-size:36px;color:#00092E;margin:0 0 50px;text-align:center;font-weight:700}
.valuesBlock .gridValues{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.valuesBlock .valueCard{background:#F0FAFB;padding:40px 30px;border-radius:16px;border:2px solid transparent;transition:all .3s ease;position:relative}
.valuesBlock .valueCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:#0142AD;border-radius:16px 16px 0 0;opacity:0;transition:opacity .3s ease}
.valuesBlock .valueCard:hover{border-color:#0142AD;box-shadow:0 12px 24px #0142ad26;transform:translateY(-5px)}
.valuesBlock .valueCard:hover::before{opacity:1}
.valuesBlock .valueCard .iconCircle{width:60px;height:60px;background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.valuesBlock .valueCard .iconCircle i{font-size:28px;color:#F0FAFB}
.valuesBlock .valueCard h3{font-size:22px;color:#00092E;margin:0 0 12px;font-weight:700}
.valuesBlock .valueCard p{font-size:16px;line-height:1.6;color:#00092E;margin:0}
.approachZone{background:#00092E;padding:80px 20px;position:relative}
.approachZone::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:100%;background:radial-gradient(ellipse at center,#0142ad26 0%,transparent 70%);pointer-events:none}
.approachZone .wrapContent{max-width:1320px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:1}
.approachZone .imgSide{flex:1}
.approachZone .imgSide img{width:100%;height:auto;border-radius:20px;box-shadow:0 16px 40px #0006}
.approachZone .textSide{flex:1}
.approachZone h2{font-size:36px;color:#F0FAFB;margin:0 0 24px;font-weight:700}
.approachZone .methodList{list-style:none;padding:0;margin:0}
.approachZone .methodList li{padding:20px 0;border-bottom:1px solid #f0fafb33;display:flex;align-items:flex-start;gap:15px}
.approachZone .methodList li:last-child{border-bottom:none}
.approachZone .methodList li .checkIcon{width:28px;height:28px;background:#0142AD;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.approachZone .methodList li .checkIcon i{font-size:14px;color:#F0FAFB}
.approachZone .methodList li .methodText{flex:1}
.approachZone .methodList li .methodText h4{font-size:20px;color:#F0FAFB;margin:0 0 8px;font-weight:600}
.approachZone .methodList li .methodText p{font-size:16px;line-height:1.6;color:#f0fafbd9;margin:0}
.teamPreview{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#F0FAFB 100%)}
.teamPreview .containerBox{max-width:1320px;margin:0 auto}
.teamPreview h2{font-size:36px;color:#00092E;margin:0 0 20px;text-align:center;font-weight:700}
.teamPreview .subheadText{font-size:18px;line-height:1.6;color:#00092E;text-align:center;margin:0 auto 50px;max-width:700px}
.teamPreview .showcaseRow{display:flex;gap:40px;align-items:center}
.teamPreview .showcaseRow .visualPart{flex:1}
.teamPreview .showcaseRow .visualPart img{width:100%;height:auto;border-radius:16px;box-shadow:0 12px 30px #00092e26}
.teamPreview .showcaseRow .infoPart{flex:1}
.teamPreview .showcaseRow .infoPart h3{font-size:28px;color:#00092E;margin:0 0 16px;font-weight:700}
.teamPreview .showcaseRow .infoPart p{font-size:17px;line-height:1.7;color:#00092E;margin:0 0 30px}
.teamPreview .showcaseRow .infoPart .ctaLink{background:#0142AD;color:#F0FAFB;padding:14px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-block;transition:all .3s ease;position:relative;z-index:2}
.teamPreview .showcaseRow .infoPart .ctaLink:hover{background:#00092E;transform:translateY(-2px);box-shadow:0 8px 20px #00092e40}
@media (max-width: 1366px) {
.topIntroWrap{gap:40px}
.valuesBlock .gridValues{gap:25px}
.approachZone .wrapContent{gap:50px}
}
@media (max-width: 768px) {
.topIntroWrap{flex-direction:column;margin:40px auto;gap:30px}
.topIntroWrap h1{font-size:32px}
.topIntroWrap .introPara{font-size:16px}
.topIntroWrap .ctaRow{flex-direction:column}
.topIntroWrap .ctaRow .btnPrimary,.topIntroWrap .ctaRow .btnOutline{text-align:center;width:100%}
.storySegment{padding:60px 20px}
.storySegment h2{font-size:28px}
.storySegment .storyText{font-size:16px}
.valuesBlock{padding:60px 20px}
.valuesBlock h2{font-size:28px;margin-bottom:40px}
.valuesBlock .gridValues{grid-template-columns:1fr;gap:20px}
.approachZone{padding:60px 20px}
.approachZone .wrapContent{flex-direction:column;gap:40px}
.approachZone h2{font-size:28px}
.approachZone .methodList li .methodText h4{font-size:18px}
.approachZone .methodList li .methodText p{font-size:15px}
.teamPreview{padding:60px 20px}
.teamPreview h2{font-size:28px}
.teamPreview .subheadText{font-size:16px}
.teamPreview .showcaseRow{flex-direction:column;gap:30px}
.teamPreview .showcaseRow .infoPart h3{font-size:24px}
.teamPreview .showcaseRow .infoPart p{font-size:16px}
}
@media (max-width: 375px) {
.topIntroWrap{margin:30px auto}
.topIntroWrap h1{font-size:28px}
.storySegment{padding:50px 15px}
.valuesBlock{padding:50px 15px}
.valuesBlock .valueCard{padding:30px 20px}
.approachZone{padding:50px 15px}
.teamPreview{padding:50px 15px}
}
.MainWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.TopSection{display:flex;align-items:center;gap:60px;padding:80px 0;position:relative}
.TopSection::before{content:'';position:absolute;top:40px;left:0;width:80px;height:2px;background:linear-gradient(90deg,#0142AD 0%,#0142ad00 100%)}
.TopSection::after{content:'';position:absolute;bottom:40px;right:0;width:80px;height:2px;background:linear-gradient(270deg,#0142AD 0%,#0142ad00 100%)}
.TextSide{flex:1;max-width:680px}
.TextSide h1{font-size:42px;line-height:1.2;color:#00092E;margin:0 0 24px;font-weight:700;position:relative}
.TextSide h1::before{content:'';position:absolute;top:-12px;left:-8px;width:40px;height:40px;border-left:2px solid #0142AD;border-top:2px solid #0142AD;opacity:.3}
.TextSide .IntroText{font-size:17px;line-height:1.6;color:#00092E;opacity:.8;margin:0}
.ImgCard{flex-shrink:0;width:380px;position:relative}
.ImgCard::before{content:'';position:absolute;bottom:-16px;right:-16px;width:100%;height:100%;background:#0142ad14;border-radius:20px;z-index:-1}
.ImgCard::after{content:'';position:absolute;top:-8px;left:-8px;width:60px;height:60px;border-left:2px solid #0142AD;border-top:2px solid #0142AD;border-radius:8px 0 0 0}
.ImgCard img{width:100%;height:320px;object-fit:cover;border-radius:20px;display:block;box-shadow:0 12px 32px #00092e1f}
.CourseGrid{padding:100px 0;background:linear-gradient(135deg,#F0FAFB 0%,#f0fafb66 100%);position:relative}
.CourseGrid::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:1px;background:linear-gradient(90deg,transparent 0%,#0142AD 50%,transparent 100%);opacity:.3}
.GridWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.GridHeader{text-align:center;margin-bottom:70px}
.GridHeader h2{font-size:38px;line-height:1.3;color:#00092E;margin:0 0 20px;font-weight:700}
.GridHeader .SubText{font-size:18px;line-height:1.5;color:#00092E;opacity:.75;margin:0;max-width:720px;margin-left:auto;margin-right:auto}
.ModuleBox{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.SingleModule{background:#fff;border-radius:16px;padding:40px 32px;position:relative;transition:all .3s ease;border:1px solid #0142ad1a}
.SingleModule::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#0142AD 0%,#00092E 100%);border-radius:16px 0 0 16px;transition:height .3s ease}
.SingleModule:hover{transform:translateY(-6px);box-shadow:0 16px 40px #00092e26}
.SingleModule:hover::before{height:100%}
.ModuleIcon{width:64px;height:64px;background:linear-gradient(135deg,#F0FAFB 0%,#0142ad1a 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative}
.ModuleIcon i{font-size:32px;color:#0142AD}
.SingleModule h3{font-size:22px;line-height:1.3;color:#00092E;margin:0 0 12px;font-weight:600}
.SingleModule .ModDesc{font-size:15px;line-height:1.6;color:#00092E;opacity:.7;margin:0 0 24px}
.TopicList{list-style:none;padding:0;margin:0}
.TopicList li{font-size:14px;line-height:1.5;color:#00092E;opacity:.65;padding-left:24px;position:relative;margin-bottom:10px}
.TopicList li:last-child{margin-bottom:0}
.TopicList li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:#0142AD;border-radius:50%}
.LevelBadge{display:inline-block;font-size:12px;line-height:1;color:#0142AD;background:#0142ad1a;padding:6px 12px;border-radius:20px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-top:20px}
.ImgShowcase{margin-top:80px;border-radius:24px;overflow:hidden;box-shadow:0 20px 60px #00092e33}
.ImgShowcase img{width:100%;height:480px;object-fit:cover;display:block}
@media (max-width: 1366px) {
.TopSection{gap:50px;padding:70px 0}
.TextSide h1{font-size:38px}
.ImgCard{width:340px}
.ImgCard img{height:280px}
.GridHeader h2{font-size:34px}
}
@media (max-width: 768px) {
.TopSection{flex-direction:column;gap:40px;padding:60px 0}
.TopSection::before,.TopSection::after{display:none}
.TextSide{max-width:100%}
.TextSide h1{font-size:32px}
.TextSide .IntroText{font-size:16px}
.ImgCard{width:100%;max-width:400px}
.ImgCard::after{width:50px;height:50px}
.CourseGrid{padding:70px 0}
.GridHeader{margin-bottom:50px}
.GridHeader h2{font-size:28px}
.GridHeader .SubText{font-size:16px}
.ModuleBox{grid-template-columns:1fr;gap:24px}
.ImgShowcase{margin-top:60px}
.ImgShowcase img{height:300px}
}
@media (max-width: 375px) {
.TopSection{padding:40px 0}
.TextSide h1{font-size:28px;margin-bottom:18px}
.TextSide .IntroText{font-size:15px}
.ImgCard img{height:240px}
.CourseGrid{padding:50px 0}
.GridHeader h2{font-size:24px}
.SingleModule{padding:32px 24px}
.SingleModule h3{font-size:20px}
.ImgShowcase img{height:220px}
}
.teamHero-wrap{background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.teamHero-wrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f0fafb26 0%,transparent 70%);border-radius:50%;pointer-events:none}
.teamHero-wrap::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#0142ad33 0%,transparent 70%);border-radius:50%;pointer-events:none}
.teamHero-inner{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.teamHero-content{text-align:center;max-width:850px;margin:0 auto}
.teamHero-title{font-size:48px;font-weight:700;color:#F0FAFB;margin:0 0 24px;line-height:1.2}
.teamHero-subtitle{font-size:20px;color:#F0FAFB;opacity:.9;line-height:1.6;margin:0}
.teamIntro-section{padding:80px 20px;background:#F0FAFB}
.teamIntro-container{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.teamIntro-visual{position:relative}
.teamIntro-imgWrap{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 40px #00092e26}
.teamIntro-imgWrap img{width:100%;height:auto;display:block}
.teamIntro-imgWrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#0142ad33 0%,#00092e1a 100%);pointer-events:none}
.teamIntro-textBox{padding:20px 0}
.teamIntro-label{display:inline-block;font-size:14px;font-weight:600;color:#0142AD;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;position:relative}
.teamIntro-label::before{content:'';position:absolute;left:-30px;top:50%;transform:translateY(-50%);width:20px;height:2px;background:#0142AD}
.teamIntro-heading{font-size:36px;font-weight:700;color:#00092E;margin:0 0 24px;line-height:1.3}
.teamIntro-text{font-size:18px;color:#00092E;opacity:.8;line-height:1.7;margin:0 0 20px}
.teamProfiles-section{padding:90px 20px;background:linear-gradient(180deg,#fff 0%,#F0FAFB 100%)}
.teamProfiles-wrapper{max-width:1320px;margin:0 auto}
.teamProfiles-header{text-align:center;margin-bottom:70px}
.teamProfiles-heading{font-size:42px;font-weight:700;color:#00092E;margin:0 0 20px}
.teamProfiles-subtext{font-size:18px;color:#00092E;opacity:.7;max-width:700px;margin:0 auto;line-height:1.6}
.teamProfiles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.profileCard{background:#fff;border-radius:16px;padding:40px 30px;text-align:center;transition:all .3s ease;border:2px solid transparent;position:relative}
.profileCard:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0142ad33;border-color:#0142AD}
.profileCard-iconBox{width:90px;height:90px;margin:0 auto 24px;background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative}
.profileCard-iconBox::before{content:'';position:absolute;inset:-8px;border-radius:50%;background:linear-gradient(135deg,#0142AD,#00092E);opacity:.15;z-index:-1}
.profileCard-iconBox i{font-size:42px;color:#F0FAFB}
.profileCard-name{font-size:22px;font-weight:700;color:#00092E;margin:0 0 8px}
.profileCard-role{font-size:15px;color:#0142AD;font-weight:600;margin:0 0 20px}
.profileCard-bio{font-size:15px;color:#00092E;opacity:.75;line-height:1.6;margin:0}
.teamValues-section{padding:80px 20px;background:#00092E;position:relative;overflow:hidden}
.teamValues-section::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 50px,#0142ad08 50px,#0142ad08 100px);pointer-events:none}
.teamValues-container{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.teamValues-headerBox{text-align:center;margin-bottom:60px}
.teamValues-title{font-size:40px;font-weight:700;color:#F0FAFB;margin:0 0 16px}
.teamValues-desc{font-size:18px;color:#F0FAFB;opacity:.8;max-width:650px;margin:0 auto;line-height:1.7}
.teamValues-layout{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.valueItem{background:#f0fafb0d;border:1px solid #f0fafb1a;border-radius:12px;padding:36px 32px;transition:all .3s ease;position:relative}
.valueItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#0142AD 0%,#F0FAFB 100%);border-radius:12px 0 0 12px;opacity:0;transition:opacity .3s ease}
.valueItem:hover{background:#f0fafb14;border-color:#f0fafb33}
.valueItem:hover::before{opacity:1}
.valueItem-icon{width:60px;height:60px;background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.valueItem-icon i{font-size:28px;color:#F0FAFB}
.valueItem-title{font-size:22px;font-weight:700;color:#F0FAFB;margin:0 0 12px}
.valueItem-text{font-size:16px;color:#F0FAFB;opacity:.8;line-height:1.6;margin:0}
@media (max-width: 1366px) {
.teamHero-title{font-size:42px}
.teamIntro-heading{font-size:32px}
.teamProfiles-heading{font-size:38px}
}
@media (max-width: 768px) {
.teamHero-wrap{padding:60px 20px 50px}
.teamHero-title{font-size:32px;margin-bottom:18px}
.teamHero-subtitle{font-size:17px}
.teamIntro-section{padding:60px 20px}
.teamIntro-container{grid-template-columns:1fr;gap:40px}
.teamIntro-heading{font-size:28px}
.teamIntro-text{font-size:16px}
.teamProfiles-section{padding:60px 20px}
.teamProfiles-heading{font-size:30px}
.teamProfiles-subtext{font-size:16px}
.teamProfiles-grid{grid-template-columns:1fr;gap:30px}
.teamValues-section{padding:60px 20px}
.teamValues-title{font-size:30px}
.teamValues-desc{font-size:16px}
.teamValues-layout{grid-template-columns:1fr;gap:20px}
.valueItem{padding:28px 24px}
}
@media (max-width: 375px) {
.teamHero-title{font-size:28px}
.teamHero-subtitle{font-size:16px}
.teamIntro-heading{font-size:24px}
.teamProfiles-heading{font-size:26px}
.profileCard{padding:32px 24px}
.teamValues-title{font-size:26px}
}
.MainSuccessWrap{max-width:1320px;margin:0 auto;padding:80px 20px}
.SuccessHeadBox{position:relative;background:linear-gradient(135deg,#F0FAFB 0%,#0142ad14 100%);border-radius:16px;padding:60px 40px;overflow:hidden;margin-bottom:60px}
.SuccessHeadBox::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:linear-gradient(45deg,transparent 30%,#0142ad1f 50%,transparent 70%);transform:rotate(45deg);z-index:1}
.SuccessHeadBox::after{content:'';position:absolute;bottom:-30%;left:-5%;width:300px;height:300px;background:linear-gradient(-45deg,transparent 30%,#00092e0f 50%,transparent 70%);transform:rotate(-15deg);z-index:1}
.SuccessContentInner{position:relative;z-index:2;max-width:720px}
.SuccessLeadTxt{font-size:16px;line-height:1.6;color:#0142AD;margin-bottom:20px;font-weight:500}
.SuccessMainTitle{font-size:48px;line-height:1.2;color:#00092E;margin-bottom:24px;font-weight:700;position:relative;display:inline-block}
.SuccessMainTitle::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#0142AD 0%,#00092E 100%);border-radius:2px}
.SuccessDescTxt{font-size:18px;line-height:1.7;color:#00092E;margin-bottom:16px;opacity:.85}
.SuccessConfirmBox{background:#ffffffe6;border:2px solid #0142AD;border-radius:12px;padding:24px 32px;margin-top:32px;display:inline-block}
.SuccessConfirmBox .CheckIconWrap{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;background:#0142AD;border-radius:50%;margin-right:16px;vertical-align:middle}
.SuccessConfirmBox .CheckIconWrap i{color:#F0FAFB;font-size:18px}
.SuccessConfirmBox .ConfirmTxt{display:inline-block;font-size:18px;line-height:1.4;color:#00092E;font-weight:600;vertical-align:middle}
.NextStepBlock{background:#00092E;border-radius:20px;padding:50px 40px;margin-bottom:60px;position:relative;overflow:hidden}
.NextStepBlock::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#0142AD 0%,#F0FAFB 50%,#0142AD 100%)}
.NextStepInner{max-width:900px;margin:0 auto}
.NextStepTitle{font-size:32px;line-height:1.3;color:#F0FAFB;margin-bottom:36px;font-weight:600;text-align:center}
.StepGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:24px}
.StepCard{background:#f0fafb14;border:1px solid #0142ad4d;border-radius:12px;padding:28px 24px;transition:all .3s ease;position:relative}
.StepCard:hover{background:#f0fafb1f;border-color:#0142AD;transform:translateY(-4px)}
.StepNum{position:absolute;top:-12px;left:24px;width:40px;height:40px;background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;color:#F0FAFB;border:3px solid #00092E}
.StepCard .StepIcon{font-size:36px;color:#0142AD;margin-bottom:16px;display:block}
.StepCard .StepHeading{font-size:20px;line-height:1.3;color:#F0FAFB;margin-bottom:12px;font-weight:600}
.StepCard .StepDetail{font-size:15px;line-height:1.6;color:#f0fafbcc}
.InfoSection{background:linear-gradient(180deg,#F0FAFB 0%,#0142ad0d 100%);border-radius:16px;padding:50px 40px;margin-bottom:60px;border:1px solid #0142ad26}
.InfoSectionInner{max-width:860px;margin:0 auto}
.InfoSectionTitle{font-size:28px;line-height:1.3;color:#00092E;margin-bottom:28px;font-weight:600;text-align:center;position:relative;padding-bottom:16px}
.InfoSectionTitle::before{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:#0142AD;border-radius:2px}
.InfoListWrap{display:flex;flex-direction:column;gap:20px}
.InfoListItem{display:flex;align-items:flex-start;gap:16px;padding:20px;background:#ffffffb3;border-radius:10px;border-left:4px solid #0142AD;transition:all .3s ease}
.InfoListItem:hover{background:#fffffff2;transform:translateX(8px)}
.InfoListItem .ListIconBox{flex-shrink:0;width:44px;height:44px;background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);border-radius:8px;display:flex;align-items:center;justify-content:center}
.InfoListItem .ListIconBox i{font-size:22px;color:#F0FAFB}
.InfoListItem .ListContent{flex:1}
.InfoListItem .ListHeading{font-size:18px;line-height:1.4;color:#00092E;margin-bottom:6px;font-weight:600}
.InfoListItem .ListTxt{font-size:15px;line-height:1.6;color:#00092ebf}
.ActionBox{background:linear-gradient(135deg,#0142AD 0%,#00092E 100%);border-radius:20px;padding:50px 40px;text-align:center;position:relative;overflow:hidden}
.ActionBox::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#f0fafb1a 0%,transparent 70%)}
.ActionBox::after{content:'';position:absolute;bottom:-40%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,#f0fafb14 0%,transparent 70%)}
.ActionContentBox{position:relative;z-index:2;max-width:680px;margin:0 auto}
.ActionTitle{font-size:36px;line-height:1.3;color:#F0FAFB;margin-bottom:20px;font-weight:700}
.ActionDesc{font-size:17px;line-height:1.6;color:#f0fafbe6;margin-bottom:32px}
.ActionButtGroup{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.PrimaryButt{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#F0FAFB;color:#00092E;font-size:17px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s ease;border:2px solid #F0FAFB;position:relative;z-index:10}
.PrimaryButt:hover{background:transparent;color:#F0FAFB;transform:translateY(-2px);box-shadow:0 8px 20px #0003}
.SecondaryButt{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#F0FAFB;font-size:17px;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s ease;border:2px solid #F0FAFB;position:relative;z-index:10}
.SecondaryButt:hover{background:#f0fafb26;transform:translateY(-2px)}
@media (max-width: 768px) {
.MainSuccessWrap{padding:50px 16px}
.SuccessHeadBox{padding:40px 24px;margin-bottom:40px}
.SuccessMainTitle{font-size:32px;margin-bottom:20px}
.SuccessDescTxt{font-size:16px}
.SuccessConfirmBox{padding:20px 24px}
.NextStepBlock{padding:40px 24px;margin-bottom:40px}
.NextStepTitle{font-size:26px;margin-bottom:28px}
.StepGrid{grid-template-columns:1fr;gap:20px}
.InfoSection{padding:40px 24px;margin-bottom:40px}
.InfoSectionTitle{font-size:24px;margin-bottom:24px}
.InfoListItem{flex-direction:column;gap:12px}
.ActionBox{padding:40px 24px}
.ActionTitle{font-size:28px}
.ActionButtGroup{flex-direction:column;align-items:stretch}
.PrimaryButt,.SecondaryButt{justify-content:center}
}
@media (max-width: 375px) {
.SuccessMainTitle{font-size:28px}
.NextStepTitle{font-size:22px}
.ActionTitle{font-size:24px}
}
@media (min-width: 1366px) {
.MainSuccessWrap{padding:100px 20px}
.SuccessHeadBox{padding:70px 50px}
.NextStepBlock,.InfoSection,.ActionBox{padding:60px 50px}
}