*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Arimo',sans-serif;display:flex;flex-direction:column;min-height:100vh;background:#F2F7FE;color:#1a1a1a;line-height:1.6}
main{flex:1}
.MainWrap{max-width:1320px;margin:0 auto;padding:0 20px}
.TopBar{background:linear-gradient(125deg,#003593 0%,#0047b3 100%);padding:12px 0;box-shadow:0 2px 8px #00359326}
.TopBar .MainWrap{display:flex;justify-content:flex-end;align-items:center}
.NavMain{display:flex;gap:35px;list-style:none}
.NavMain a{color:#fff;text-decoration:none;font-size:15px;font-weight:400;transition:color .2s ease}
.NavMain a:hover{color:#EA4798}
.BrandSection{background:#fff;padding:35px 0;box-shadow:0 4px 12px #0000000f}
.BrandSection .MainWrap{display:flex;align-items:center;gap:25px}
.LogoHolder{width:95px;height:95px;flex-shrink:0}
.LogoHolder img{width:100%;height:100%;object-fit:contain}
.CompanyTitle{font-size:42px;font-weight:700;color:#003593;letter-spacing:-.5px}
.FtMain{background:linear-gradient(135deg,#003593 0%,#00298a 100%);color:#fff;padding:55px 0 30px;margin-top:80px}
.FtTop{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;margin-bottom:45px}
.FtBlock h3{font-size:18px;font-weight:700;margin-bottom:20px;color:#EA4798}
.FtBlock p,.FtBlock address{font-style:normal;font-size:15px;line-height:1.7;margin-bottom:12px;opacity:.92}
.ContactInfo{margin-top:18px}
.ContactInfo p{display:flex;align-items:center;gap:10px;margin-bottom:10px}
.ContactInfo .codicon{font-size:16px;color:#EA4798}
.FtLinks{list-style:none}
.FtLinks li{margin-bottom:10px}
.FtLinks a{color:#fff;text-decoration:none;font-size:15px;transition:color .2s ease;opacity:.9}
.FtLinks a:hover{color:#EA4798;opacity:1}
.FtBottom{border-top:1px solid #ffffff26;padding-top:25px;text-align:center}
.CopyrightText{font-size:14px;opacity:.8}
.CookieBox{position:fixed;right:30px;top:50%;transform:translateY(-50%);background:#fff;border-radius:12px;box-shadow:0 8px 30px #0003;padding:28px;max-width:420px;z-index:9999;display:none}
.CookieBox.showing{display:block}
.CookieBox h4{font-size:19px;font-weight:700;color:#003593;margin-bottom:14px}
.CookieBox p{font-size:14px;line-height:1.6;color:#4a4a4a;margin-bottom:20px}
.CookieBtns{display:flex;gap:12px;margin-bottom:12px}
.CookieBtns button{flex:1;padding:11px 18px;border:none;border-radius:8px;font-family:'Arimo',sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:8px}
.AcceptBtn{background:linear-gradient(125deg,#EA4798 0%,#d93d87 100%);color:#fff}
.AcceptBtn:hover{background:linear-gradient(125deg,#d93d87 0%,#c73577 100%);box-shadow:0 4px 12px #ea47984d}
.DeclineBtn{background:#f5f5f5;color:#4a4a4a}
.DeclineBtn:hover{background:#e8e8e8}
.CustomizeBtn{width:100%;padding:10px;background:transparent;border:1px solid #d0d0d0;border-radius:8px;font-family:'Arimo',sans-serif;font-size:13px;color:#003593;cursor:pointer;transition:all .2s ease}
.CustomizeBtn:hover{border-color:#003593;background:#00359308}
.CookieDetails{margin-top:18px;padding-top:18px;border-top:1px solid #e8e8e8;display:none}
.CookieDetails.showing{display:block}
.CookieOption{margin-bottom:14px;display:flex;align-items:flex-start;gap:12px}
.CookieOption input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer}
.CookieOption label{font-size:14px;color:#4a4a4a;cursor:pointer;flex:1}
.CookieOption label strong{display:block;color:#003593;margin-bottom:3px}
.ManageIcon{position:fixed;bottom:25px;right:25px;width:52px;height:52px;background:linear-gradient(125deg,#EA4798 0%,#d93d87 100%);border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 20px #ea479859;transition:all .2s ease;z-index:9998}
.ManageIcon.showing{display:flex}
.ManageIcon:hover{transform:scale(1.08);box-shadow:0 8px 25px #ea479873}
.ManageIcon .codicon{color:#fff;font-size:22px}
@media (max-width: 968px) {
.TopBar .MainWrap{justify-content:center}
.NavMain{flex-wrap:wrap;justify-content:center;gap:20px}
.BrandSection .MainWrap{flex-direction:column;text-align:center}
.CompanyTitle{font-size:32px}
.FtTop{grid-template-columns:1fr;gap:35px}
.CookieBox{right:15px;left:15px;max-width:none}
}
@media (max-width: 640px) {
.CompanyTitle{font-size:26px}
.LogoHolder{width:75px;height:75px}
.CookieBtns{flex-direction:column}
.NavMain{font-size:14px}
}
.rules-text{max-width:920px;margin:0 auto;padding:80px 24px;background:#fff}
.rules-text h1{font-size:42px;font-weight:700;color:#003593;margin:0 0 16px;line-height:1.2;letter-spacing:-.02em}
.rules-text h2{font-size:32px;font-weight:600;color:#003593;margin:56px 0 20px;line-height:1.3;letter-spacing:-.01em}
.rules-text h3{font-size:24px;font-weight:600;color:#1a1a1a;margin:40px 0 16px;line-height:1.4}
.rules-text h4{font-size:20px;font-weight:600;color:#1a1a1a;margin:32px 0 12px;line-height:1.4}
.rules-text h5{font-size:18px;font-weight:600;color:#333;margin:28px 0 12px;line-height:1.5}
.rules-text h6{font-size:16px;font-weight:600;color:#333;margin:24px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.05em}
.rules-text p{font-size:17px;line-height:1.8;color:#2d2d2d;margin:0 0 20px}
.rules-text strong,.rules-text b{font-weight:600;color:#1a1a1a}
.rules-text em,.rules-text i{font-style:italic;color:#2d2d2d}
.rules-text a{color:#EA4798;text-decoration:none;border-bottom:1px solid #ea47984d;transition:all .3s ease}
.rules-text a:hover{color:#003593;border-bottom-color:#003593}
.rules-text div{margin:24px 0}
.rules-text table{width:100%;border-collapse:collapse;margin:32px 0;background:#F2F7FE;border-radius:12px;overflow:hidden;box-shadow:0 4px 12px #00359314}
.rules-text thead{background:linear-gradient(135deg,#003593 0%,#0047b8 100%)}
.rules-text thead tr{border:none}
.rules-text tbody{background:#fff}
.rules-text tr{border-bottom:1px solid #00359314}
.rules-text tr:last-child{border-bottom:none}
.rules-text th{padding:18px 20px;text-align:left;font-size:15px;font-weight:600;color:#fff;text-transform:uppercase;letter-spacing:.05em}
.rules-text td{padding:16px 20px;font-size:16px;color:#2d2d2d;line-height:1.6}
.rules-text tbody tr:hover{background:#f2f7fe80}
@media (max-width: 768px) {
.rules-text{padding:48px 20px}
.rules-text h1{font-size:32px;margin-bottom:12px}
.rules-text h2{font-size:26px;margin-top:40px;margin-bottom:16px}
.rules-text h3{font-size:22px;margin-top:32px}
.rules-text h4{font-size:19px;margin-top:24px}
.rules-text h5{font-size:17px;margin-top:20px}
.rules-text h6{font-size:15px;margin-top:20px}
.rules-text p{font-size:16px;line-height:1.75}
.rules-text table{font-size:14px;margin:24px -20px;border-radius:0;width:calc(100% + 40px)}
.rules-text th,.rules-text td{padding:12px 16px;font-size:14px}
.rules-text th{font-size:13px}
}
@media (max-width: 480px) {
.rules-text{padding:32px 16px}
.rules-text h1{font-size:28px}
.rules-text h2{font-size:24px}
.rules-text table{display:block;overflow-x:auto;white-space:nowrap}
}
.HeroSec{background:linear-gradient(127deg,#F2F7FE 0%,#fff 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroSec::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:linear-gradient(45deg,#ea47981a,#0035931a);border-radius:50%;animation:floatShape 6s ease-in-out infinite}
@keyframes floatShape {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(-20px,-20px) rotate(180deg)}
}
.HeroSec .ContentWrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.HeroSec .TextArea h1{font-size:52px;line-height:1.2;color:#003593;margin-bottom:32px;font-weight:700}
.HeroSec .PointsList{list-style:none;padding:0;margin:0 0 40px}
.HeroSec .PointsList li{padding:16px 0 16px 40px;position:relative;font-size:18px;line-height:1.6;color:#2c3e50}
.HeroSec .PointsList li::before{content:'';position:absolute;left:0;top:20px;width:24px;height:24px;background:linear-gradient(135deg,#EA4798,#003593);border-radius:6px}
.HeroSec .CTA39{display:inline-block;padding:18px 48px;background:linear-gradient(115deg,#EA4798,#d63786);color:#fff;text-decoration:none;border-radius:12px;font-size:18px;font-weight:600;box-shadow:0 8px 20px #ea47984d;transition:all .3s ease;position:relative;z-index:10}
.HeroSec .CTA39:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ea479866}
.HeroSec .ImageHolder{position:relative}
.HeroSec .ImageHolder img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px #00359326;animation:gentleFloat 4s ease-in-out infinite}
@keyframes gentleFloat {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-12px)}
}
.HeroSec .DecorShape{position:absolute;bottom:-30px;left:-30px;width:180px;height:180px;background:linear-gradient(225deg,#ea479826,#00359326);border-radius:50%;z-index:1}
.CourseCatalog{padding:100px 20px;background:#fff;position:relative}
.CourseCatalog::after{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#EA4798,#003593,#EA4798)}
.CourseCatalog .Box21{max-width:1320px;margin:0 auto}
.CourseCatalog .TitleRow h2{font-size:42px;color:#003593;margin-bottom:20px;font-weight:700;text-align:center}
.CourseCatalog .TitleRow p{font-size:18px;line-height:1.7;color:#5a6c7d;text-align:center;max-width:740px;margin:0 auto 60px}
.CourseCatalog .GridDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CourseCatalog .CourseCard{background:#F2F7FE;border-radius:14px;padding:36px 28px;transition:all .3s ease;border:2px solid transparent;position:relative;overflow:hidden}
.CourseCatalog .CourseCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#EA4798,#003593);transform:scaleX(0);transition:transform .3s ease}
.CourseCatalog .CourseCard:hover::before{transform:scaleX(1)}
.CourseCatalog .CourseCard:hover{transform:translateY(-6px);box-shadow:0 16px 32px #0035931f;border-color:#EA4798}
.CourseCatalog .CourseCard h3{font-size:24px;color:#003593;margin-bottom:16px;font-weight:600}
.CourseCatalog .CourseCard .MetaInfo{display:flex;gap:20px;margin-bottom:18px;font-size:15px;color:#6b7c8d}
.CourseCatalog .CourseCard .MetaInfo span{display:flex;align-items:center;gap:6px}
.CourseCatalog .CourseCard p{font-size:16px;line-height:1.6;color:#495057;margin-bottom:24px}
.CourseCatalog .CourseCard .EnrollLink{display:inline-flex;align-items:center;gap:8px;color:#EA4798;text-decoration:none;font-weight:600;font-size:16px;transition:gap .3s ease}
.CourseCatalog .CourseCard .EnrollLink:hover{gap:14px}
.TimelineSec{padding:100px 20px;background:linear-gradient(155deg,#F2F7FE 0%,#fff 100%)}
.TimelineSec .CentralBox{max-width:1100px;margin:0 auto}
.TimelineSec h2{font-size:42px;color:#003593;margin-bottom:60px;text-align:center;font-weight:700;position:relative}
.TimelineSec h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#EA4798,#003593);border-radius:2px}
.TimelineSec .StepChain{position:relative;padding-left:50px}
.TimelineSec .StepChain::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#EA4798,#003593)}
.TimelineSec .StepItem{position:relative;margin-bottom:48px;padding-left:40px}
.TimelineSec .StepItem::before{content:'';position:absolute;left:-30px;top:8px;width:20px;height:20px;background:#EA4798;border-radius:50%;border:4px solid #fff;box-shadow:0 4px 12px #ea47984d}
.TimelineSec .StepItem h3{font-size:24px;color:#003593;margin-bottom:12px;font-weight:600}
.TimelineSec .StepItem .PhaseLabel{display:inline-block;padding:6px 16px;background:#EA4798;color:#fff;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.TimelineSec .StepItem p{font-size:17px;line-height:1.7;color:#495057}
.RegForm{padding:100px 20px;background:#fff;position:relative}
.RegForm .FormContainer{max-width:680px;margin:0 auto;background:linear-gradient(135deg,#F2F7FE 0%,#fff 100%);padding:60px 50px;border-radius:16px;box-shadow:0 16px 48px #0035931a;border:1px solid #00359314}
.RegForm h2{font-size:38px;color:#003593;margin-bottom:16px;font-weight:700;text-align:center}
.RegForm .SubText{font-size:17px;line-height:1.6;color:#5a6c7d;text-align:center;margin-bottom:40px}
.RegForm .FormField{margin-bottom:24px}
.RegForm .FormField label{display:block;font-size:15px;font-weight:600;color:#003593;margin-bottom:10px}
.RegForm .FormField input,.RegForm .FormField select,.RegForm .FormField textarea{width:100%;padding:16px 20px;border:2px solid #e1e8ed;border-radius:10px;font-size:16px;transition:all .3s ease;background:#fff;color:#2c3e50}
.RegForm .FormField input:focus,.RegForm .FormField select:focus,.RegForm .FormField textarea:focus{outline:none;border-color:#EA4798;box-shadow:0 0 0 4px #ea47981a}
.RegForm .FormField textarea{resize:vertical;min-height:120px}
.RegForm .SubmitBtn{width:100%;padding:18px;background:linear-gradient(115deg,#EA4798,#d63786);color:#fff;border:none;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #ea47984d;margin-top:12px;position:relative;z-index:10}
.RegForm .SubmitBtn:hover{transform:translateY(-3px);box-shadow:0 12px 28px #ea479866}
.RegForm .PrivacyNote{font-size:14px;color:#6b7c8d;text-align:center;margin-top:20px;line-height:1.5}
@media (max-width: 1024px) {
.HeroSec .ContentWrap{grid-template-columns:1fr;gap:40px}
.HeroSec .TextArea h1{font-size:42px}
.CourseCatalog .GridDisplay{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.HeroSec{padding:60px 20px}
.HeroSec .TextArea h1{font-size:36px}
.HeroSec .PointsList li{font-size:16px}
.HeroSec .ImageHolder img{height:320px}
.CourseCatalog .GridDisplay{grid-template-columns:1fr}
.CourseCatalog,.TimelineSec,.RegForm{padding:70px 20px}
.CourseCatalog .TitleRow h2,.TimelineSec h2,.RegForm h2{font-size:32px}
.TimelineSec .StepChain{padding-left:30px}
.RegForm .FormContainer{padding:40px 30px}
}
@media (max-width: 480px) {
.HeroSec .TextArea h1{font-size:28px}
.HeroSec .CTA39{padding:16px 36px;font-size:16px}
.HeroSec .ImageHolder img{height:260px}
.CourseCatalog .TitleRow h2,.TimelineSec h2,.RegForm h2{font-size:28px}
.RegForm .FormContainer{padding:30px 20px}
}
.HroWrap{background:linear-gradient(127deg,#F2F7FE 0%,#fff 100%);padding:68px 20px}
.HroWrap .grid-12{max-width:1320px;margin:0 auto;align-items:center}
.HroTxtCol{padding-right:40px}
.HdgBig{font-size:3rem;line-height:1.2;color:#003593;margin:0 0 24px;font-weight:700}
.HroTxt{font-size:1.125rem;line-height:1.7;color:#2d2d2d;margin:0 0 32px}
.HroBtnRow{display:flex;gap:16px;flex-wrap:wrap}
.BtnPri{display:inline-block;background:linear-gradient(95deg,#EA4798 0%,#d63584 100%);color:#fff;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:600;box-shadow:0 6px 18px #ea47984d;transition:all .3s ease;position:relative;z-index:10}
.BtnPri:hover{transform:translateY(-2px);box-shadow:0 9px 24px #ea479866}
.BtnSec{display:inline-block;background:#fff;color:#003593;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:600;border:2px solid #003593;transition:all .3s ease;position:relative;z-index:10}
.BtnSec:hover{background:#003593;color:#fff}
.HroImgCol{padding-left:20px}
.HroImg{width:100%;height:auto;border-radius:14px;box-shadow:0 12px 32px #00359326}
.BlkPrblm{padding:80px 20px;background:#fff}
.CntWrap{max-width:1320px;margin:0 auto}
.Hdg2Center{font-size:2.5rem;color:#003593;text-align:center;margin:0 0 56px;font-weight:700}
.PrbGrid{gap:32px}
.PrbCard{background:#F2F7FE;padding:36px 28px;border-radius:12px;box-shadow:0 4px 16px #00359314;transition:all .3s ease}
.PrbCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #00359324}
.PrbIconWrap{width:56px;height:56px;background:linear-gradient(135deg,#EA4798 0%,#c93478 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.PrbIconWrap .codicon{font-size:28px;color:#fff}
.PrbHdg{font-size:1.5rem;color:#003593;margin:0 0 14px;font-weight:600}
.PrbTxt{font-size:1rem;line-height:1.7;color:#4a4a4a;margin:0}
.BlkCmp{background:linear-gradient(112deg,#003593 0%,#00275e 100%);padding:90px 20px}
.CmpTxtSide{padding-right:30px}
.Hdg2Left{font-size:2.3rem;color:#fff;margin:0 0 20px;font-weight:700}
.CmpIntro{font-size:1.125rem;color:#F2F7FE;line-height:1.7;margin:0 0 32px}
.CmpImg{width:100%;height:auto;border-radius:12px;box-shadow:0 8px 24px #0003}
.CmpTableSide{padding-left:20px}
.TblWrap{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 6px 20px #00000026}
.TblRow{display:grid;grid-template-columns:1.2fr 1fr 1fr;border-bottom:1px solid #e0e0e0}
.TblRow:last-child{border-bottom:none}
.TblHead{background:#F2F7FE}
.TblHead .TblCellFt,.TblHead .TblCellOther,.TblHead .TblCellUs{font-weight:700;color:#003593}
.TblCellFt,.TblCellOther,.TblCellUs{padding:18px 16px;font-size:.95rem;color:#2d2d2d}
.TblCellUs{background:#ea47980d;font-weight:600;color:#EA4798}
.BlkSoc{background:#F2F7FE;padding:85px 20px}
.SocImgArea{padding-right:30px}
.SocImg{width:100%;height:auto;border-radius:14px;box-shadow:0 10px 28px #0035931f}
.SocTxtArea{padding-left:20px;display:flex;flex-direction:column;justify-content:center}
.Hdg2SocLeft{font-size:2.2rem;color:#003593;margin:0 0 22px;font-weight:700}
.SocTxtPara{font-size:1.05rem;line-height:1.7;color:#3a3a3a;margin:0 0 18px}
.SocStats{display:flex;gap:28px;margin-top:32px;flex-wrap:wrap}
.StatItem{flex:1;min-width:120px}
.StatNum{font-size:2.8rem;font-weight:800;color:#EA4798;margin:0 0 8px}
.StatLbl{font-size:.95rem;color:#003593;font-weight:600}
.BlkMech{background:#fff;padding:80px 20px}
.MechIntroTxt{text-align:center;font-size:1.125rem;color:#4a4a4a;max-width:720px;margin:0 auto 48px;line-height:1.7}
.MechGrid{gap:28px}
.MechCardHolder{display:flex}
.MechCardInner{background:linear-gradient(135deg,#F2F7FE 0%,#fff 100%);padding:32px 24px;border-radius:14px;border-left:5px solid #EA4798;box-shadow:0 5px 18px #00359314;transition:all .3s ease}
.MechCardInner:hover{transform:translateY(-3px);box-shadow:0 10px 26px #0035931f}
.MechStepNum{font-size:2.5rem;font-weight:800;color:#EA4798;margin:0 0 14px;opacity:.6}
.MechCardHdg{font-size:1.4rem;color:#003593;margin:0 0 14px;font-weight:700}
.MechCardTxt{font-size:.98rem;line-height:1.7;color:#4a4a4a;margin:0}
.BlkTarget{background:linear-gradient(148deg,#fff 0%,#F2F7FE 100%);padding:85px 20px}
.TrgLstWrap{margin-bottom:40px}
.TrgItemCol{margin-bottom:24px}
.TrgItemBox{background:#fff;padding:32px 26px;border-radius:12px;box-shadow:0 6px 20px #0035931a;transition:all .3s ease;height:100%}
.TrgItemBox:hover{box-shadow:0 10px 30px #ea47982e;transform:translateY(-3px)}
.TrgIcon{font-size:42px;color:#EA4798;margin-bottom:16px}
.TrgHdg{font-size:1.5rem;color:#003593;margin:0 0 12px;font-weight:700}
.TrgDesc{font-size:1rem;line-height:1.7;color:#4a4a4a;margin:0}
.TrgNote{background:#003593;padding:28px 32px;border-radius:12px;box-shadow:0 6px 18px #00359333}
.TrgNoteTxt{font-size:1.05rem;color:#fff;margin:0;line-height:1.7}
.TrgNoteTxt strong{color:#EA4798}
.BlkRealWork{background:#fff;padding:80px 20px}
.RwrkGrid{align-items:center}
.RwrkImgSide{padding-right:30px}
.RwrkBigImg{width:100%;height:auto;border-radius:14px;box-shadow:0 12px 32px #00359324}
.RwrkTxtSide{padding-left:20px}
.RwrkSubHdg{font-size:2rem;color:#003593;margin:0 0 28px;font-weight:700}
.RwrkStepList{margin-bottom:24px}
.RwrkStep{margin-bottom:24px;padding-left:20px;border-left:3px solid #EA4798}
.RwrkStepLabel{display:block;font-size:.9rem;font-weight:700;color:#EA4798;text-transform:uppercase;margin-bottom:8px;letter-spacing:.5px}
.RwrkStepTxt{font-size:1.05rem;line-height:1.7;color:#4a4a4a;margin:0}
.RwrkEndNote{font-size:1.05rem;color:#003593;line-height:1.7;margin:0;font-weight:600}
.BlkFinal{padding:0 20px 80px;background:#F2F7FE}
.FnlInnerBox{max-width:1320px;margin:0 auto;position:relative;border-radius:16px;overflow:hidden;min-height:480px;display:flex;align-items:center;justify-content:center}
.FnlBgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:1}
.FnlOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#003593e0 0%,#ea4798c7 100%);z-index:2}
.FnlContent{position:relative;z-index:3;text-align:center;padding:50px 30px;max-width:820px}
.FnlHdg{font-size:2.6rem;color:#fff;margin:0 0 20px;font-weight:700}
.FnlTxt{font-size:1.15rem;color:#F2F7FE;line-height:1.7;margin:0 0 32px}
.FnlBtnGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.BtnWhite{display:inline-block;background:#fff;color:#003593;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:600;box-shadow:0 6px 18px #0003;transition:all .3s ease;position:relative;z-index:10}
.BtnWhite:hover{background:#EA4798;color:#fff;transform:translateY(-2px)}
.BtnOutWht{display:inline-block;background:transparent;color:#fff;padding:14px 32px;border-radius:10px;text-decoration:none;font-weight:600;border:2px solid #fff;transition:all .3s ease;position:relative;z-index:10}
.BtnOutWht:hover{background:#fff;color:#003593}
@media (max-width: 991px) {
.HdgBig{font-size:2.3rem}
.HroTxtCol,.HroImgCol{padding:0;margin-bottom:30px}
.Hdg2Center,.Hdg2Left{font-size:2rem}
.CmpTxtSide,.CmpTableSide,.SocImgArea,.SocTxtArea,.RwrkImgSide,.RwrkTxtSide{padding:0;margin-bottom:30px}
.TblRow{grid-template-columns:1fr}
.TblCellFt,.TblCellOther,.TblCellUs{border-bottom:1px solid #e0e0e0}
.SocStats{justify-content:space-between}
.FnlHdg{font-size:2rem}
}
@media (max-width: 767px) {
.HdgBig{font-size:1.9rem}
.HroWrap{padding:50px 20px}
.BlkPrblm,.BlkMech,.BlkTarget,.BlkRealWork{padding:60px 20px}
.BlkCmp,.BlkSoc{padding:70px 20px}
.Hdg2Center,.Hdg2Left,.Hdg2SocLeft,.RwrkSubHdg{font-size:1.7rem}
.HroBtnRow,.FnlBtnGroup{flex-direction:column}
.BtnPri,.BtnSec,.BtnWhite,.BtnOutWht{width:100%;text-align:center}
.MechCardHolder,.TrgItemCol{margin-bottom:20px}
.SocStats{flex-direction:column;gap:20px}
.StatItem{min-width:auto}
.FnlInnerBox{min-height:400px}
.FnlContent{padding:40px 20px}
}
.CntHdr{position:relative;min-height:460px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(128deg,#F2F7FE 0%,#fff 100%)}
.CntHdr::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:linear-gradient(221deg,#ea479814 0%,#0035930f 100%);border-radius:50%;animation:glowPulse 8s ease-in-out infinite}
@keyframes glowPulse {
0%,100%{transform:scale(1) translateY(0);opacity:.6}
50%{transform:scale(1.15) translateY(-30px);opacity:.85}
}
.CntHdr .grid{position:relative;z-index:2}
.cntHd-wrap{max-width:1320px;margin:0 auto;padding:80px 20px}
.hdr-txt{padding-right:40px}
.hdr-txt h1{font-size:3.2rem;line-height:1.15;color:#003593;margin:0 0 24px;font-weight:700}
.hdr-txt p{font-size:1.125rem;line-height:1.7;color:#444;margin:0}
.hdr-img{position:relative}
.hdr-img img{width:100%;height:auto;max-height:400px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0035931f;position:relative;z-index:1}
.hdr-img::before{content:'';position:absolute;top:-12px;left:-12px;right:12px;bottom:12px;background:linear-gradient(135deg,#ea47984d 0%,#00359333 100%);border-radius:12px;z-index:0;animation:gradSlide 6s ease-in-out infinite}
@keyframes gradSlide {
0%,100%{transform:translate(0,0)}
50%{transform:translate(8px,8px)}
}
.InfoSec{padding:100px 20px;background:#fff}
.inf-holder{max-width:1320px;margin:0 auto}
.inf-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px;margin-bottom:80px}
.inf-card{background:linear-gradient(145deg,#F2F7FE 0%,#fff 100%);padding:36px 28px;border-radius:14px;border:1px solid #00359314;box-shadow:0 4px 16px #0035930a;transition:all .3s ease}
.inf-card:hover{transform:translateY(-4px);box-shadow:0 12px 28px #ea479824;border-color:#ea47984d}
.inf-card i{font-size:2.4rem;color:#EA4798;margin-bottom:20px;display:block}
.inf-card h3{font-size:1.35rem;color:#003593;margin:0 0 12px;font-weight:600}
.inf-card p{font-size:1.05rem;color:#555;line-height:1.6;margin:0 0 16px}
.inf-card a{color:#EA4798;text-decoration:none;font-weight:500;transition:color .2s ease}
.inf-card a:hover{color:#003593}
.FormWrap{background:linear-gradient(162deg,#f2f7fe99 0%,#ffffffe6 100%);padding:60px 48px;border-radius:16px;box-shadow:0 8px 32px #00359314;border:1px solid #0035930f}
.FormWrap h2{font-size:2.2rem;color:#003593;margin:0 0 16px;font-weight:700}
.FormWrap .subTxt{font-size:1.075rem;color:#666;margin:0 0 40px;line-height:1.6}
.frmGrp{margin-bottom:32px}
.frmGrp label{display:block;font-size:1.05rem;color:#003593;font-weight:600;margin-bottom:10px}
.frmGrp input[type="email"],.frmGrp textarea{width:100%;padding:14px 18px;border:2px solid #00359326;border-radius:10px;font-size:1rem;color:#333;background:#fff;transition:all .3s ease;box-sizing:border-box}
.frmGrp input[type="email"]:focus,.frmGrp textarea:focus{outline:none;border-color:#EA4798;box-shadow:0 0 0 4px #ea479814}
.frmGrp textarea{min-height:140px;resize:vertical;font-family:inherit}
.ratingBox{margin-bottom:32px}
.ratingBox label{display:block;font-size:1.05rem;color:#003593;font-weight:600;margin-bottom:16px}
.rateOptions{display:flex;gap:12px;flex-wrap:wrap}
.rateOptions input[type="radio"]{display:none}
.rateOptions input[type="radio"] + label{padding:12px 24px;border:2px solid #00359326;border-radius:10px;background:#fff;color:#555;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}
.rateOptions input[type="radio"] + label::before{content:'⭐';font-size:1.1rem;opacity:.5;transition:opacity .3s ease}
.rateOptions input[type="radio"]:checked + label{border-color:#EA4798;background:linear-gradient(135deg,#ea47981a 0%,#0035930d 100%);color:#EA4798;font-weight:600}
.rateOptions input[type="radio"]:checked + label::before{opacity:1}
.rateOptions input[type="radio"] + label:hover{border-color:#EA4798;transform:translateY(-2px);box-shadow:0 4px 12px #ea47981f}
.privacyChk{margin-bottom:28px}
.privacyChk input[type="checkbox"]{display:none}
.privacyChk input[type="checkbox"] + label{display:flex;align-items:flex-start;gap:12px;font-size:.95rem;color:#666;line-height:1.6;cursor:pointer}
.privacyChk input[type="checkbox"] + label::before{content:'';width:22px;height:22px;border:2px solid #00359333;border-radius:6px;background:#fff;flex-shrink:0;transition:all .3s ease;margin-top:2px}
.privacyChk input[type="checkbox"]:checked + label::before{background:linear-gradient(135deg,#EA4798 0%,#003593 100%);border-color:#EA4798}
.privacyChk input[type="checkbox"]:checked + label::after{content:'✓';position:absolute;left:5px;top:6px;color:#fff;font-size:.85rem;font-weight:700}
.privacyChk label{position:relative}
.privacyChk a{color:#EA4798;text-decoration:underline;transition:color .2s ease}
.privacyChk a:hover{color:#003593}
.SubmitBtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#EA4798 0%,#003593 100%);color:#fff;font-size:1.125rem;font-weight:600;border:none;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #ea47984d}
.SubmitBtn:hover{transform:translateY(-3px);box-shadow:0 10px 32px #ea479866}
.SubmitBtn:active{transform:translateY(-1px)}
.MapBlock{padding:100px 20px;background:linear-gradient(180deg,#fff 0%,#F2F7FE 100%)}
.map-container{max-width:1320px;margin:0 auto}
.map-container h2{font-size:2.4rem;color:#003593;text-align:center;margin:0 0 20px;font-weight:700}
.map-container .centered-txt{text-align:center;font-size:1.1rem;color:#666;margin:0 0 50px;line-height:1.7}
.locDetails{display:flex;flex-direction:column;gap:28px;background:#fff;padding:48px;border-radius:14px;box-shadow:0 8px 24px #00359314;border:1px solid #0035930f}
.locDetails .detailRow{display:flex;align-items:flex-start;gap:20px;padding:20px;background:linear-gradient(135deg,#f2f7fe80 0%,#fffc 100%);border-radius:10px;border-left:4px solid #EA4798;transition:all .3s ease}
.locDetails .detailRow:hover{background:linear-gradient(135deg,#f2f7fecc 0%,#ffff 100%);border-left-color:#003593;transform:translateX(6px)}
.locDetails .detailRow i{font-size:1.8rem;color:#EA4798;flex-shrink:0}
.locDetails .detailRow div{flex:1}
.locDetails .detailRow h3{font-size:1.15rem;color:#003593;margin:0 0 8px;font-weight:600}
.locDetails .detailRow p{font-size:1.05rem;color:#555;line-height:1.65;margin:0}
.VisualSec{padding:100px 20px;background:#fff;position:relative;overflow:hidden}
.VisualSec::before{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:linear-gradient(45deg,#ea47980f 0%,#0035930a 100%);border-radius:50%}
.vis-holder{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.vis-content{display:flex;align-items:center;gap:60px}
.vis-txt{flex:1}
.vis-txt h2{font-size:2.6rem;color:#003593;margin:0 0 24px;font-weight:700;line-height:1.2}
.vis-txt p{font-size:1.125rem;color:#555;line-height:1.75;margin:0 0 20px}
.vis-txt .highlightBox{background:linear-gradient(135deg,#ea479814 0%,#0035930d 100%);padding:24px 28px;border-radius:12px;border-left:5px solid #EA4798;margin-top:28px}
.vis-txt .highlightBox p{margin:0;font-weight:500;color:#003593}
.vis-img{flex:1;position:relative}
.vis-img img{width:100%;height:auto;max-height:480px;object-fit:cover;border-radius:14px;box-shadow:0 12px 40px #00359326}
.vis-img::after{content:'';position:absolute;top:20px;right:-20px;width:100%;height:100%;background:linear-gradient(225deg,#ea479826 0%,#0035931a 100%);border-radius:14px;z-index:-1}
@media (max-width: 1024px) {
.hdr-txt h1{font-size:2.6rem}
.inf-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}
.vis-content{gap:40px}
}
@media (max-width: 768px) {
.CntHdr{min-height:auto}
.cntHd-wrap{padding:60px 20px}
.hdr-txt{padding-right:0;margin-bottom:40px}
.hdr-txt h1{font-size:2.2rem}
.hdr-txt p{font-size:1.05rem}
.InfoSec{padding:60px 20px}
.inf-grid{grid-template-columns:1fr;margin-bottom:60px}
.FormWrap{padding:40px 28px}
.FormWrap h2{font-size:1.9rem}
.rateOptions{flex-direction:column}
.rateOptions input[type="radio"] + label{width:100%;justify-content:center}
.MapBlock{padding:60px 20px}
.map-container h2{font-size:2rem}
.locDetails{padding:32px 24px}
.VisualSec{padding:60px 20px}
.vis-content{flex-direction:column;gap:40px}
.vis-txt h2{font-size:2.2rem}
.vis-img::after{display:none}
}
@media (max-width: 480px) {
.hdr-txt h1{font-size:1.85rem}
.FormWrap{padding:32px 20px}
.FormWrap h2{font-size:1.65rem}
.SubmitBtn{font-size:1.05rem;padding:14px 28px}
.locDetails{padding:24px 18px}
.locDetails .detailRow{padding:16px}
}
.AbHdr{background:linear-gradient(127deg,#F2F7FE 0%,#fff 48%,#fef6fa 100%);padding:84px 28px 78px;position:relative;overflow:hidden}
.AbHdr::before{content:'';position:absolute;top:-120px;right:-85px;width:420px;height:420px;background:linear-gradient(218deg,#ea479814 0%,#0035930a 100%);border-radius:50%;filter:blur(60px)}
.AbHdr-wrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:48px;align-items:center;position:relative;z-index:2}
.AbHdr .txt-zone h1{font-size:2.8rem;line-height:1.18;color:#003593;margin:0 0 22px;font-weight:700}
.AbHdr .txt-zone .lead-p{font-size:1.15rem;line-height:1.64;color:#1a1a1a;margin:0 0 18px}
.AbHdr .txt-zone .subdesc{font-size:1.02rem;line-height:1.72;color:#444;margin:0}
.AbHdr .img-holder{position:relative;overflow:hidden;border-radius:14px;box-shadow:0 12px 32px #00359324}
.AbHdr .img-holder::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="400" height="400"><filter id="n"><feTurbulence baseFrequency="0.9" numOctaves="3"/></filter><rect width="400" height="400" filter="url(%23n)" opacity="0.05"/></svg>');pointer-events:none;mix-blend-mode:overlay}
.AbHdr .img-holder img{width:100%;height:380px;object-fit:cover;display:block}
.story-sec{padding:92px 28px 88px;background:#fff;position:relative}
.story-sec::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,transparent 0%,#EA4798 20%,#003593 80%,transparent 100%)}
.story-wrap{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.story-wrap .img-side{position:relative}
.story-wrap .img-side .shape-bg{position:absolute;top:-24px;left:-24px;width:280px;height:280px;background:linear-gradient(135deg,#ea47981a 0%,#0035930f 100%);border-radius:50%;z-index:1}
.story-wrap .img-side img{position:relative;z-index:2;width:100%;height:460px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #0000001f}
.story-wrap .content-side h2{font-size:2.2rem;line-height:1.24;color:#003593;margin:0 0 28px;font-weight:700;position:relative;padding-left:18px}
.story-wrap .content-side h2::before{content:'';position:absolute;left:0;top:8px;width:5px;height:48px;background:linear-gradient(180deg,#EA4798 0%,#003593 100%);border-radius:3px}
.story-wrap .content-side .narrative{font-size:1.05rem;line-height:1.72;color:#2a2a2a;margin:0 0 24px}
.story-wrap .content-side .highlight-box{background:linear-gradient(135deg,#F2F7FE 0%,#fef6fa 100%);padding:28px 32px;border-radius:10px;border-left:4px solid #EA4798;margin:32px 0 0}
.story-wrap .content-side .highlight-box .stat-row{display:flex;gap:48px;margin:0}
.story-wrap .content-side .highlight-box .stat-item{flex:1}
.story-wrap .content-side .highlight-box .stat-item .num{font-size:2.4rem;font-weight:700;color:#EA4798;margin:0 0 6px;display:block}
.story-wrap .content-side .highlight-box .stat-item .label{font-size:.95rem;color:#003593;margin:0;font-weight:500}
.approach-block{padding:88px 28px;background:linear-gradient(168deg,#fff 0%,#F2F7FE 58%,#fff 100%);position:relative}
.approach-container{max-width:1320px;margin:0 auto}
.approach-container .section-head{text-align:center;margin:0 0 64px}
.approach-container .section-head h2{font-size:2.4rem;line-height:1.22;color:#003593;margin:0 0 18px;font-weight:700}
.approach-container .section-head .intro-text{font-size:1.08rem;line-height:1.68;color:#333;max-width:720px;margin:0 auto}
.approach-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.approach-card{background:#fff;padding:36px 28px;border-radius:12px;box-shadow:0 6px 20px #00359314;position:relative;transition:all .3s ease;border-top:3px solid transparent}
.approach-card:hover{transform:translateY(-6px);box-shadow:0 12px 32px #ea479829;border-top-color:#EA4798}
.approach-card .icon-wrap{width:64px;height:64px;background:linear-gradient(135deg,#EA4798 0%,#003593 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 22px}
.approach-card .icon-wrap .codicon{font-size:28px;color:#fff}
.approach-card h3{font-size:1.32rem;line-height:1.32;color:#003593;margin:0 0 16px;font-weight:600}
.approach-card .desc{font-size:1rem;line-height:1.68;color:#444;margin:0}
.visual-timeline{margin:64px 0 0;position:relative}
.visual-timeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#EA4798 0%,#003593 100%);transform:translateX(-50%)}
.timeline-entry{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin:0 0 56px;position:relative}
.timeline-entry:last-child{margin-bottom:0}
.timeline-entry .year-marker{position:absolute;left:50%;top:8px;transform:translateX(-50%);width:72px;height:72px;background:#fff;border:4px solid #EA4798;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.12rem;font-weight:700;color:#003593;z-index:3;box-shadow:0 4px 16px #ea47983d}
.timeline-entry:nth-child(even) .left-content{order:2}
.timeline-entry:nth-child(even) .right-content{order:1}
.timeline-entry .left-content,.timeline-entry .right-content{padding:24px 32px;background:#fff;border-radius:10px;box-shadow:0 4px 16px #00000014}
.timeline-entry .milestone-title{font-size:1.18rem;font-weight:600;color:#003593;margin:0 0 12px}
.timeline-entry .milestone-text{font-size:1rem;line-height:1.64;color:#333;margin:0}
.team-section{padding:92px 28px;background:#fff;position:relative;overflow:hidden}
.team-section::after{content:'';position:absolute;bottom:-180px;left:-120px;width:520px;height:520px;background:radial-gradient(circle,#ea47980f 0%,transparent 70%);pointer-events:none}
.team-container{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.team-container .section-intro{max-width:820px;margin:0 auto 58px;text-align:center}
.team-container .section-intro h2{font-size:2.3rem;line-height:1.26;color:#003593;margin:0 0 20px;font-weight:700}
.team-container .section-intro .description{font-size:1.06rem;line-height:1.7;color:#2a2a2a;margin:0}
.team-photo-wrap{position:relative;margin:0 0 48px}
.team-photo-wrap img{width:100%;height:480px;object-fit:cover;border-radius:14px;box-shadow:0 16px 48px #00359329}
.team-photo-wrap .overlay-badge{position:absolute;bottom:32px;right:32px;background:#fffffff5;padding:20px 28px;border-radius:10px;backdrop-filter:blur(12px);box-shadow:0 8px 24px #0000002e}
.team-photo-wrap .overlay-badge .badge-title{font-size:.88rem;font-weight:600;color:#EA4798;margin:0 0 6px;text-transform:uppercase;letter-spacing:.8px}
.team-photo-wrap .overlay-badge .badge-value{font-size:1.96rem;font-weight:700;color:#003593;margin:0}
.values-list{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.value-item{background:linear-gradient(135deg,#F2F7FE 0%,#fff 100%);padding:28px 32px;border-radius:10px;border-left:4px solid #EA4798;transition:all .28s ease}
.value-item:hover{transform:translateX(8px);box-shadow:0 8px 24px #ea47981f}
.value-item h4{font-size:1.22rem;font-weight:600;color:#003593;margin:0 0 12px}
.value-item .value-desc{font-size:1rem;line-height:1.66;color:#444;margin:0}
@media (min-width: 768px) {
.AbHdr-wrap{grid-template-columns:1.1fr 0.9fr;gap:58px}
.AbHdr .txt-zone h1{font-size:3.2rem}
}
@media (max-width: 1024px) {
.story-wrap{grid-template-columns:1fr;gap:48px}
.story-wrap .img-side{order:2}
.approach-grid{grid-template-columns:repeat(2,1fr)}
.timeline-entry{grid-template-columns:1fr;gap:24px;padding-left:48px}
.visual-timeline::before{left:24px}
.timeline-entry .year-marker{left:24px}
.timeline-entry:nth-child(even) .left-content,.timeline-entry:nth-child(even) .right-content{order:initial}
.timeline-entry .right-content{display:none}
}
@media (max-width: 767px) {
.AbHdr{padding:64px 20px 58px}
.AbHdr .txt-zone h1{font-size:2.2rem}
.AbHdr .txt-zone .lead-p{font-size:1.08rem}
.AbHdr .img-holder img{height:280px}
.story-sec{padding:68px 20px 64px}
.story-wrap .content-side h2{font-size:1.9rem}
.story-wrap .content-side .highlight-box .stat-row{flex-direction:column;gap:24px}
.approach-block{padding:68px 20px}
.approach-container .section-head h2{font-size:2rem}
.approach-grid{grid-template-columns:1fr}
.values-list{grid-template-columns:1fr}
.team-section{padding:68px 20px}
.team-container .section-intro h2{font-size:2rem}
.team-photo-wrap img{height:320px}
.team-photo-wrap .overlay-badge{bottom:20px;right:20px;padding:16px 20px}
}
.Msg{background:linear-gradient(127deg,#F2F7FE 0%,#fff 100%);padding:120px 20px;position:relative;overflow:hidden}
.Msg::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#ea479814 0%,transparent 70%);border-radius:50%;animation:float1 8s ease-in-out infinite}
.Msg::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#0035930f 0%,transparent 70%);border-radius:50%;animation:float2 10s ease-in-out infinite}
@keyframes float1 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-30px) scale(1.1)}
}
@keyframes float2 {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,20px) scale(1.05)}
}
.Msg .wrap{max-width:760px;margin:0 auto;position:relative;z-index:2;text-align:center}
.Msg .icn-holder{width:88px;height:88px;margin:0 auto 32px;background:linear-gradient(135deg,#EA4798 0%,#ff6bb5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #ea479840;animation:pulse 2s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:scale(1);box-shadow:0 8px 24px #ea479840}
50%{transform:scale(1.05);box-shadow:0 12px 32px #ea479859}
}
.Msg .icn-holder i{font-size:42px;color:#fff}
.Msg h1{font-size:42px;line-height:1.2;color:#003593;margin:0 0 20px;font-weight:700}
.Msg .txt-main{font-size:18px;line-height:1.6;color:#333;margin:0 0 36px}
.Msg .btn-row{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.Msg .btn-primary{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#EA4798 0%,#d63d87 100%);color:#fff;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;box-shadow:0 4px 16px #ea47984d;transition:all .3s ease;position:relative;z-index:5}
.Msg .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ea479866;background:linear-gradient(135deg,#d63d87 0%,#EA4798 100%)}
.Msg .btn-secondary{display:inline-block;padding:14px 32px;background:#fff;color:#003593;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;border:2px solid #003593;transition:all .3s ease;position:relative;z-index:5}
.Msg .btn-secondary:hover{background:#003593;color:#fff;transform:translateY(-2px);box-shadow:0 6px 20px #00359340}
.InfoGrid{padding:80px 20px;background:#fff}
.InfoGrid .container23{max-width:1320px;margin:0 auto}
.InfoGrid .grid3col{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.InfoGrid .card-item{background:#F2F7FE;border-radius:12px;padding:32px 28px;transition:all .4s ease;border:2px solid transparent}
.InfoGrid .card-item:hover{border-color:#EA4798;transform:translateY(-6px);box-shadow:0 12px 32px #ea479826}
.InfoGrid .card-item .icon-wrap{width:56px;height:56px;background:linear-gradient(135deg,#EA4798 0%,#ff6bb5 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.InfoGrid .card-item .icon-wrap i{font-size:28px;color:#fff}
.InfoGrid .card-item h3{font-size:22px;color:#003593;margin:0 0 12px;font-weight:700}
.InfoGrid .card-item p{font-size:15px;line-height:1.6;color:#555;margin:0}
@media (max-width: 768px) {
.Msg{padding:80px 20px}
.Msg h1{font-size:32px}
.Msg .txt-main{font-size:16px}
.Msg .btn-row{flex-direction:column;align-items:stretch}
.InfoGrid{padding:60px 20px}
.InfoGrid .grid3col{grid-template-columns:1fr;gap:24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.Msg h1{font-size:38px}
.InfoGrid .grid3col{grid-template-columns:repeat(2,1fr)}
}