*{margin:0;padding:0;box-sizing:border-box}
html,body{width:100%;height:100%;font-family:'Ubuntu',sans-serif;background:#FAFAFA;color:#1A1A1A;line-height:1.6}
body{display:flex;flex-direction:column}
main{flex:1}
header{background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid #0a496f1f;box-shadow:0 2px 8px #0000000a}
header .headerWrap{max-width:1366px;margin:0 auto;padding:20px 40px;display:flex;align-items:center;justify-content:space-between;gap:40px}
header .logoContainer{flex-shrink:0}
header .brandLogo{height:90px;width:90px;display:block;box-shadow:0 1px 4px #00000014;border-radius:6px}
header .mainNav{display:flex;align-items:center;gap:32px;flex-wrap:wrap}
header .mainNav .navLink{font-size:16px;font-weight:400;color:#0A496F;text-decoration:none;padding:8px 12px;transition:background .2s ease,color .2s ease;border-radius:6px}
header .mainNav .navLink:hover{background:#e17bfc14;color:#1A1A1A}
header .mainNav .navLink:focus{outline:2px solid #E17BFC;outline-offset:2px}
header .locationMarker{display:flex;align-items:center;gap:6px;color:#0A496F;font-size:14px;flex-shrink:0}
header .locationMarker i{font-size:18px}
footer{background:linear-gradient(135deg,#FFF 0%,#F5F5F5 100%);color:#2A2A2A;border-top:1px solid #0a496f1a}
footer .footerMain{max-width:1366px;margin:0 auto;padding:60px 40px 40px}
footer .footerGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px}
footer .footerColumn{display:flex;flex-direction:column;gap:16px}
footer .footerHeading{font-family:'EB Garamond',serif;font-size:22px;font-weight:700;color:#0A496F;margin-bottom:8px}
footer .footerText{font-size:15px;line-height:1.7;color:#3A3A3A;display:flex;align-items:flex-start;gap:8px}
footer .footerText i{font-size:18px;color:#0A496F;margin-top:2px;flex-shrink:0}
footer .footerText a{color:#0A496F;text-decoration:none;transition:color .2s ease}
footer .footerText a:hover{color:#E17BFC}
footer .footerText a:focus{outline:2px solid #E17BFC;outline-offset:2px;border-radius:3px}
footer .footerNav{display:flex;flex-direction:column;gap:12px}
footer .footerNavLink{font-size:15px;color:#0A496F;text-decoration:none;transition:color .2s ease,padding-left .2s ease;padding-left:0}
footer .footerNavLink:hover{color:#E17BFC;padding-left:6px}
footer .footerNavLink:focus{outline:2px solid #E17BFC;outline-offset:2px;border-radius:3px}
footer .footerDivider{max-width:1366px;margin:0 auto;height:1px;background:linear-gradient(90deg,#e17bfc4d 0%,#0a496f4d 50%,#d1fae34d 100%)}
footer .footerBottom{max-width:1366px;margin:0 auto;padding:30px 40px;text-align:center}
footer .copyrightText{font-size:14px;color:#5A5A5A}
.cookiePanel{display:none;position:fixed;bottom:0;left:0;right:0;background:#FFF;border-top:2px solid #0A496F;box-shadow:0 -4px 16px #0000001f;z-index:9999;opacity:0;transform:translateY(20px);transition:opacity .3s ease,transform .3s ease;max-height:90vh;overflow-y:auto}
.cookiePanel.visible{opacity:1;transform:translateY(0)}
.cookiePanel .cookieContent{max-width:1100px;margin:0 auto;padding:40px 50px}
.cookiePanel .cookieHeading{font-family:'EB Garamond',serif;font-size:26px;font-weight:700;color:#0A496F;margin-bottom:12px}
.cookiePanel .cookieDescription{font-size:15px;line-height:1.6;color:#3A3A3A;margin-bottom:28px}
.cookiePanel .cookieCategories{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}
.cookiePanel .cookieCategory{border:1px solid #0a496f33;border-radius:8px;overflow:hidden}
.cookiePanel .categoryHeader{display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#d1fae326;cursor:pointer}
.cookiePanel .categoryLabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;font-weight:600;color:#1A1A1A}
.cookiePanel .categoryCheckbox{width:20px;height:20px;cursor:pointer;accent-color:#0A496F}
.cookiePanel .toggleDetails{background:none;border:none;cursor:pointer;color:#0A496F;font-size:20px;padding:4px;transition:transform .2s ease}
.cookiePanel .toggleDetails:hover{transform:scale(1.1)}
.cookiePanel .categoryDetails{display:none;padding:16px 20px;background:#FAFAFA;font-size:14px;line-height:1.7;color:#4A4A4A;border-top:1px solid #0a496f1a}
.cookiePanel .cookieActions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center}
.cookiePanel .cookieButton{padding:12px 28px;font-size:15px;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:background .2s ease,color .2s ease,box-shadow .2s ease;font-family:'Ubuntu',sans-serif}
.cookiePanel .acceptBtn{background:linear-gradient(135deg,#0A496F 0%,#0D5A8A 100%);color:#FFF}
.cookiePanel .acceptBtn:hover{background:linear-gradient(135deg,#0D5A8A 0%,#0A496F 100%);box-shadow:0 4px 12px #0a496f40}
.cookiePanel .acceptBtn:focus{outline:2px solid #E17BFC;outline-offset:2px}
.cookiePanel .declineBtn{background:#F5F5F5;color:#3A3A3A;border:1px solid #0a496f33}
.cookiePanel .declineBtn:hover{background:#E8E8E8}
.cookiePanel .declineBtn:focus{outline:2px solid #E17BFC;outline-offset:2px}
.cookiePanel .saveBtn{background:linear-gradient(135deg,#D1FAE3 0%,#A7F3D0 100%);color:#1A1A1A}
.cookiePanel .saveBtn:hover{background:linear-gradient(135deg,#A7F3D0 0%,#D1FAE3 100%);box-shadow:0 4px 12px #d1fae359}
.cookiePanel .saveBtn:focus{outline:2px solid #E17BFC;outline-offset:2px}
@media (max-width: 1024px) {
header .headerWrap{padding:18px 30px;gap:30px}
header .brandLogo{height:75px;width:75px}
header .mainNav{gap:24px}
header .mainNav .navLink{font-size:15px;padding:6px 10px}
footer .footerMain{padding:50px 30px 35px}
footer .footerGrid{gap:40px}
footer .footerBottom{padding:25px 30px}
.cookiePanel .cookieContent{padding:35px 40px}
}
@media (max-width: 768px) {
header .headerWrap{flex-direction:column;align-items:flex-start;padding:16px 24px;gap:20px}
header .brandLogo{height:65px;width:65px}
header .mainNav{width:100%;flex-direction:column;align-items:flex-start;gap:8px}
header .mainNav .navLink{width:100%;padding:10px 12px}
header .locationMarker{width:100%;justify-content:flex-start}
footer .footerMain{padding:40px 24px 30px}
footer .footerGrid{grid-template-columns:1fr;gap:35px}
footer .footerBottom{padding:20px 24px}
.cookiePanel .cookieContent{padding:28px 24px}
.cookiePanel .cookieHeading{font-size:22px}
.cookiePanel .cookieActions{flex-direction:column}
.cookiePanel .cookieButton{width:100%}
}
@media (max-width: 480px) {
header .headerWrap{padding:14px 20px}
header .brandLogo{height:55px;width:55px}
header .mainNav .navLink{font-size:14px;padding:8px 10px}
footer .footerMain{padding:35px 20px 25px}
footer .footerHeading{font-size:20px}
footer .footerText{font-size:14px}
footer .footerBottom{padding:18px 20px}
footer .copyrightText{font-size:13px}
.cookiePanel .cookieContent{padding:24px 20px}
.cookiePanel .cookieHeading{font-size:20px}
.cookiePanel .cookieDescription{font-size:14px}
.cookiePanel .categoryLabel{font-size:15px}
}
.policy-area{max-width:1366px;margin:0 auto;padding:80px 24px;background:#fff}
.policy-area p{font-size:16px;line-height:1.75;color:#1a1a1a;margin:0 0 24px;max-width:820px}
.policy-area p + p{margin-top:16px}
.policy-area strong,.policy-area b{font-weight:600;color:#0A496F}
.policy-area a{color:#0A496F;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:all .25s ease}
.policy-area a:hover{color:#E17BFC;text-decoration-color:#E17BFC}
.policy-area a:focus{outline:2px solid #E17BFC;outline-offset:3px;border-radius:2px}
.policy-area ul,.policy-area ol{margin:0 0 32px;padding:0 0 0 28px;max-width:820px}
.policy-area ul{list-style-type:disc}
.policy-area ol{list-style-type:decimal}
.policy-area li{font-size:16px;line-height:1.75;color:#1a1a1a;margin:0 0 12px;padding-left:8px}
.policy-area li:last-child{margin-bottom:0}
.policy-area ul li::marker{color:#0A496F}
.policy-area ol li::marker{color:#0A496F;font-weight:600}
.policy-area li p{margin:0 0 8px}
.policy-area li p:last-child{margin-bottom:0}
.policy-area ul ul,.policy-area ol ol,.policy-area ul ol,.policy-area ol ul{margin:12px 0 0}
.policy-area hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#0A496F,transparent);margin:48px 0;max-width:820px}
.policy-area div{margin:0 0 32px}
.policy-area h1,.policy-area h2,.policy-area h3,.policy-area h4,.policy-area h5,.policy-area h6{font-weight:700;color:#0A496F;margin:48px 0 24px;line-height:1.3;max-width:820px}
.policy-area h1{font-size:42px;margin-top:0}
.policy-area h2{font-size:32px;margin-top:64px}
.policy-area h3{font-size:24px}
.policy-area h4{font-size:20px}
.policy-area h5{font-size:18px}
.policy-area h6{font-size:16px}
.policy-area h1 + p,.policy-area h2 + p,.policy-area h3 + p,.policy-area h4 + p,.policy-area h5 + p,.policy-area h6 + p{margin-top:0}
@media (max-width: 1024px) {
.policy-area{padding:64px 32px}
.policy-area h1{font-size:36px}
.policy-area h2{font-size:28px;margin-top:56px}
.policy-area h3{font-size:22px}
}
@media (max-width: 768px) {
.policy-area{padding:48px 20px}
.policy-area p{font-size:15px;line-height:1.7;margin-bottom:20px}
.policy-area h1{font-size:30px}
.policy-area h2{font-size:24px;margin-top:48px}
.policy-area h3{font-size:20px}
.policy-area h4{font-size:18px}
.policy-area h5,.policy-area h6{font-size:16px}
.policy-area ul,.policy-area ol{padding-left:24px;margin-bottom:24px}
.policy-area li{font-size:15px;margin-bottom:10px}
.policy-area hr{margin:40px 0}
}
@media (max-width: 320px) {
.policy-area{padding:40px 16px}
.policy-area p{font-size:14px}
.policy-area h1{font-size:26px}
.policy-area h2{font-size:22px}
.policy-area li{font-size:14px}
}
.programDetailWrap{max-width:1366px;margin:0 auto;padding:0 20px}
.programHeroSection{background:linear-gradient(135deg,#0A496F 0%,#E17BFC 100%);padding:80px 0;margin-bottom:60px;position:relative;overflow:hidden}
.programHeroSection::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:url({{image_src}}) center/cover;opacity:.15}
.heroContentBox{max-width:1366px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.heroContentBox h1{color:#fff;font-size:48px;margin:0 0 24px;line-height:1.2}
.metaInfoBar{display:flex;gap:32px;flex-wrap:wrap;margin-bottom:20px}
.metaInfoBar .singleMeta{display:flex;align-items:center;gap:8px;color:#D1FAE3;font-size:15px}
.metaInfoBar .singleMeta i{font-size:20px}
.userFormatTag{display:inline-block;background:#d1fae333;color:#D1FAE3;padding:8px 20px;font-size:14px;font-weight:600;letter-spacing:.5px;margin-top:12px}
.mainContentGrid{display:grid;grid-template-columns:1fr 380px;gap:60px;margin-bottom:80px}
.contentColumn h2{color:#0A496F;font-size:32px;margin:0 0 24px;position:relative;padding-left:20px}
.contentColumn h2::before{content:'';position:absolute;left:0;top:8px;width:4px;height:28px;background:linear-gradient(180deg,#E17BFC 0%,#0A496F 100%)}
.contentColumn h3{color:#0A496F;font-size:24px;margin:40px 0 16px}
.contentColumn p{color:#1a1a1a;font-size:17px;line-height:1.7;margin:0 0 20px}
.contentColumn ul{margin:0 0 24px;padding-left:0;list-style:none}
.contentColumn ul li{color:#1a1a1a;font-size:17px;line-height:1.7;margin-bottom:12px;padding-left:32px;position:relative}
.contentColumn ul li::before{content:'';position:absolute;left:0;top:10px;width:20px;height:2px;background:#E17BFC}
.contentColumn dl{margin:0 0 24px}
.contentColumn dt{color:#0A496F;font-size:18px;font-weight:600;margin:20px 0 8px}
.contentColumn dd{color:#1a1a1a;font-size:17px;line-height:1.7;margin:0 0 16px;padding-left:20px}
.contentColumn blockquote{background:#f8f8f8;border-left:4px solid #E17BFC;padding:24px 28px;margin:32px 0}
.contentColumn cite{color:#0A496F;font-style:italic;font-weight:600}
.contentColumn figure{margin:32px 0}
.contentColumn figcaption{color:#666;font-size:15px;margin-top:12px;font-style:italic}
.contentColumn details{background:#f8f8f8;padding:20px;margin:20px 0;border:1px solid #e0e0e0}
.contentColumn summary{color:#0A496F;font-size:18px;font-weight:600;cursor:pointer;padding:8px 0}
.sidebarSticky{position:sticky;top:20px}
.priceCardBox{background:#fff;border:2px solid #0A496F;padding:32px;margin-bottom:24px}
.priceCardBox .priceAmount{font-size:48px;color:#0A496F;font-weight:700;margin:0 0 8px}
.priceCardBox .priceTerm{color:#666;font-size:15px;margin:0 0 20px;line-height:1.5}
.priceCardBox .priceNote{background:#D1FAE3;padding:16px;font-size:14px;color:#0A496F;margin-bottom:24px;line-height:1.6}
.enrollBtn{display:block;width:100%;background:linear-gradient(135deg,#E17BFC 0%,#0A496F 100%);color:#fff;text-align:center;padding:18px 24px;font-size:18px;font-weight:600;text-decoration:none;transition:all .3s ease;border:none;cursor:pointer}
.enrollBtn:hover{box-shadow:0 6px 16px #e17bfc66;transform:translateY(-2px)}
.infoCardList{background:#f8f8f8;padding:24px}
.infoCardList .infoItem{display:flex;align-items:center;gap:12px;padding:16px 0;border-bottom:1px solid #e0e0e0}
.infoCardList .infoItem:last-child{border-bottom:none}
.infoCardList .infoItem i{font-size:24px;color:#E17BFC}
.infoCardList .infoItem .infoLabel{font-size:13px;color:#666;margin:0}
.infoCardList .infoItem .infoValue{font-size:18px;color:#0A496F;font-weight:600;margin:4px 0 0}
.programStagesContainer{background:linear-gradient(to bottom,#fff 0%,#f8f8f8 100%);padding:60px 20px;margin:60px 0}
.programStagesInner{max-width:1366px;margin:0 auto}
.programStagesInner h2{color:#0A496F;font-size:36px;text-align:center;margin:0 0 50px;position:relative}
.programStagesInner h2::after{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#E17BFC 0%,#0A496F 100%)}
.stagesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.stageBlock{background:#fff;padding:32px;box-shadow:0 4px 12px #0a496f1a;transition:all .3s ease;position:relative}
.stageBlock::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#E17BFC 0%,#0A496F 100%)}
.stageBlock:hover{box-shadow:0 8px 20px #e17bfc33;transform:translateY(-4px)}
.stageBlock h3{color:#0A496F;font-size:22px;margin:0 0 16px}
.stageBlock p,.stageBlock ul,.stageBlock dl{color:#1a1a1a;font-size:16px;line-height:1.6}
.a11yToggleBtn{position:fixed;bottom:30px;right:30px;background:#0A496F;color:#fff;border:none;width:56px;height:56px;font-size:24px;cursor:pointer;box-shadow:0 6px 16px #0a496f4d;z-index:1000;transition:all .3s ease}
.a11yToggleBtn:hover{background:#E17BFC;transform:scale(1.1)}
body.highContrast .programHeroSection{background:#000}
body.highContrast .heroContentBox h1{color:#fff;text-shadow:2px 2px 4px #000}
body.highContrast .contentColumn h2,body.highContrast .contentColumn h3,body.highContrast .contentColumn dt{color:#000;font-weight:700}
body.highContrast .contentColumn p,body.highContrast .contentColumn ul li,body.highContrast .contentColumn dd{color:#000;font-size:18px}
body.highContrast .priceCardBox{background:#fff;border:3px solid #000}
body.highContrast .priceCardBox .priceAmount{color:#000}
body.highContrast .infoCardList{background:#fff;border:2px solid #000}
body.highContrast .enrollBtn{background:#000;color:#fff;border:3px solid #fff}
body.highContrast .stageBlock{border:2px solid #000}
@media (max-width: 1024px) {
.mainContentGrid{grid-template-columns:1fr;gap:40px}
.sidebarSticky{position:static}
.heroContentBox h1{font-size:36px}
}
@media (max-width: 768px) {
.programHeroSection{padding:50px 0}
.heroContentBox h1{font-size:28px}
.metaInfoBar{gap:16px}
.stagesGrid{grid-template-columns:1fr}
.a11yToggleBtn{bottom:20px;right:20px;width:48px;height:48px;font-size:20px}
}
.articleMeta{background:linear-gradient(135deg,#D1FAE3 0%,#E17BFC 100%);padding:80px 20px;text-align:center}
.articleMeta .wrapperMeta{max-width:1366px;margin:0 auto}
.articleMeta .mainHeading{font-size:48px;line-height:1.2;color:#0A496F;margin:0 0 16px;font-weight:700}
.articleMeta .subHeading{font-size:22px;line-height:1.4;color:#0A496F;margin:0 0 32px;opacity:.85}
.articleMeta .metaInfo{display:flex;justify-content:center;align-items:center;gap:32px;flex-wrap:wrap}
.articleMeta .metaItem{display:flex;align-items:center;gap:8px;font-size:16px;color:#0A496F}
.articleMeta .metaItem i{font-size:20px}
.articleImage{max-width:1366px;margin:-40px auto 60px;padding:0 20px}
.articleImage img{width:100%;height:auto;display:block;box-shadow:0 8px 24px #0a496f26}
.contentWrapper{max-width:920px;margin:0 auto;padding:0 20px 80px}
.contentWrapper h2{font-size:32px;line-height:1.3;color:#0A496F;margin:48px 0 24px;font-weight:700;position:relative;padding-left:24px}
.contentWrapper h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#E17BFC 0%,#0A496F 100%)}
.contentWrapper p{font-size:18px;line-height:1.8;color:#1a1a1a;margin:0 0 24px}
.contentWrapper code{background:#D1FAE3;color:#0A496F;padding:4px 10px;font-size:16px;font-family:monospace;border-left:3px solid #E17BFC}
.contentWrapper abbr{text-decoration:none;border-bottom:2px dotted #E17BFC;cursor:help;color:#0A496F}
.contentWrapper time{color:#0A496F;font-weight:600}
.engagementStats{max-width:920px;margin:60px auto 80px;padding:0 20px;display:flex;gap:24px;flex-wrap:wrap}
.statCard{flex:1;min-width:200px;background:linear-gradient(135deg,#fff 0%,#D1FAE3 100%);padding:32px;text-align:center;position:relative;overflow:hidden}
.statCard::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#E17BFC 0%,#0A496F 100%)}
.statCard .statNumber{font-size:42px;font-weight:700;color:#0A496F;margin:0 0 8px;display:block}
.statCard .statLabel{font-size:16px;color:#0A496F;opacity:.75;text-transform:uppercase;letter-spacing:1px}
.actionSection{background:#0A496F;padding:80px 20px;text-align:center}
.actionSection .wrapContent{max-width:800px;margin:0 auto}
.actionSection .ctaHeading{font-size:36px;line-height:1.3;color:#fff;margin:0 0 20px;font-weight:700}
.actionSection .ctaText{font-size:18px;line-height:1.6;color:#D1FAE3;margin:0 0 36px}
.actionSection .btnPrimary{display:inline-block;background:linear-gradient(135deg,#E17BFC 0%,#D1FAE3 100%);color:#0A496F;padding:18px 48px;font-size:18px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #e17bfc4d}
.actionSection .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #e17bfc66}
.actionSection .btnPrimary:focus{outline:3px solid #E17BFC;outline-offset:4px}
.scrollTop{position:fixed;bottom:40px;right:40px;width:56px;height:56px;background:#E17BFC;color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:0 6px 20px #e17bfc66;opacity:0;visibility:hidden;transition:all .3s ease;z-index:1000}
.scrollTop.showing{opacity:1;visibility:visible}
.scrollTop:hover{background:#0A496F;transform:translateY(-4px);box-shadow:0 8px 24px #0a496f4d}
.scrollTop:focus{outline:3px solid #D1FAE3;outline-offset:3px}
@media (max-width: 768px) {
.articleMeta{padding:60px 20px}
.articleMeta .mainHeading{font-size:32px}
.articleMeta .subHeading{font-size:18px}
.articleMeta .metaInfo{gap:16px}
.articleImage{margin:-20px auto 40px}
.contentWrapper{padding:0 20px 60px}
.contentWrapper h2{font-size:26px;margin:36px 0 20px}
.contentWrapper p{font-size:16px}
.engagementStats{margin:40px auto 60px;gap:16px}
.statCard{min-width:100%}
.actionSection{padding:60px 20px}
.actionSection .ctaHeading{font-size:28px}
.actionSection .ctaText{font-size:16px}
.actionSection .btnPrimary{padding:16px 36px;font-size:16px}
.scrollTop{bottom:20px;right:20px;width:48px;height:48px;font-size:20px}
}
@media (max-width: 1024px) and (min-width: 769px) {
.articleMeta .mainHeading{font-size:40px}
.contentWrapper h2{font-size:28px}
.statCard .statNumber{font-size:36px}
}
.titleHero{background:linear-gradient(147deg,#0A496F 0%,#D1FAE3 100%);padding:120px 24px 96px;position:relative;overflow:hidden}
.titleHero::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#e17bfc59 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);animation:pulseMorph 8s ease-in-out infinite}
@keyframes pulseMorph {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.6}
50%{transform:translate(-50%,-50%) scale(1.3);opacity:.3}
}
.titleHero::after{content:'';position:absolute;width:400px;height:400px;background:linear-gradient(135deg,#e17bfc33,#0a496f26);border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;bottom:-100px;right:-80px;animation:blobFloat 12s ease-in-out infinite}
@keyframes blobFloat {
0%,100%{border-radius:60% 40% 30% 70% / 60% 30% 70% 40%;transform:rotate(0deg)}
50%{border-radius:30% 60% 70% 40% / 50% 60% 30% 60%;transform:rotate(180deg)}
}
.titleContent{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.titlePrimary{font-size:58px;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.15;letter-spacing:-.02em}
.titleSecondary{font-size:32px;font-weight:400;color:#ffffffeb;margin:0 0 28px;line-height:1.4}
.titleDescription{font-size:18px;line-height:1.7;color:#ffffffe0;max-width:720px}
.storySection{padding:88px 24px;background:#fff}
.storyWrapper{max-width:1366px;margin:0 auto;display:flex;gap:56px;align-items:flex-start}
.storyImageWrapper{flex:0 0 480px;position:relative}
.storyImageWrapper::before{content:'';position:absolute;inset:0;border-radius:12px;background:radial-gradient(circle at 50% 50%,transparent 40%,#0a496fb3 100%);pointer-events:none;z-index:1}
.storyPhoto{width:100%;height:560px;object-fit:cover;border-radius:12px;display:block}
.storyContent{flex:1;padding-top:24px}
.storyHeading{font-size:42px;font-weight:700;color:#0A496F;margin:0 0 32px;line-height:1.25;position:relative;padding-left:24px}
.storyHeading::before{content:'';position:absolute;left:0;top:8px;width:6px;height:48px;background:linear-gradient(180deg,#E17BFC,#0A496F);border-radius:3px}
.storyText{font-size:17px;line-height:1.75;color:#1a1a1a;margin:0 0 24px}
.approachGrid{padding:96px 24px;background:linear-gradient(165deg,#D1FAE3 0%,#fff 100%)}
.approachContainer{max-width:1366px;margin:0 auto}
.approachTitle{font-size:48px;font-weight:700;color:#0A496F;margin:0 0 16px;text-align:center;line-height:1.2}
.approachSubtitle{font-size:19px;line-height:1.65;color:#2a2a2a;text-align:center;max-width:780px;margin:0 auto 64px}
.cardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.principleCard{background:#fff;border:2px solid #E17BFC;border-radius:8px;padding:40px 32px;position:relative;transition:all .3s ease}
.principleCard:hover{transform:translateY(-4px);box-shadow:0 12px 24px #0a496f26}
.principleIcon{width:56px;height:56px;background:linear-gradient(135deg,#E17BFC,#0A496F);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.principleIcon i{font-size:28px;color:#fff}
.principleHeading{font-size:22px;font-weight:700;color:#0A496F;margin:0 0 16px;line-height:1.3}
.principleText{font-size:16px;line-height:1.7;color:#333;margin:0}
.valuesArea{padding:104px 24px;background:#fff;position:relative}
.valuesArea::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#E17BFC 0%,#0A496F 50%,#D1FAE3 100%)}
.valuesLayout{max-width:1366px;margin:0 auto}
.valuesHeader{margin-bottom:72px}
.valuesMainTitle{font-size:44px;font-weight:700;color:#0A496F;margin:0 0 20px;line-height:1.25}
.valuesIntro{font-size:18px;line-height:1.7;color:#2a2a2a;max-width:840px}
.timelineList{position:relative;padding-left:80px}
.timelineList::before{content:'';position:absolute;left:28px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#E17BFC 0%,#0A496F 100%)}
.timelineItem{position:relative;margin-bottom:56px}
.timelineItem:last-child{margin-bottom:0}
.timelineMarker{position:absolute;left:-68px;top:4px;width:56px;height:56px;background:#fff;border:4px solid #E17BFC;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#0A496F;box-shadow:0 4px 12px #e17bfc40}
.timelineHeading{font-size:26px;font-weight:700;color:#0A496F;margin:0 0 14px;line-height:1.3}
.timelineDesc{font-size:17px;line-height:1.75;color:#333;margin:0}
.expertiseBlock{padding:92px 24px;background:linear-gradient(135deg,#0A496F 0%,#1a5a82 100%);position:relative;overflow:hidden}
.expertiseBlock::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#e17bfc33 0%,transparent 70%);bottom:-150px;left:-100px;border-radius:50%}
.expertiseInner{max-width:1366px;margin:0 auto;position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.expertiseVisual{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.focusCard{background:#ffffff1f;backdrop-filter:blur(8px);border:1px solid #ffffff2e;border-radius:10px;padding:32px 24px;transition:all .3s ease}
.focusCard:hover{background:#ffffff2e;transform:translateY(-3px)}
.focusCard i{font-size:36px;color:#D1FAE3;margin-bottom:16px;display:block}
.focusCardTitle{font-size:19px;font-weight:700;color:#fff;margin:0 0 12px;line-height:1.3}
.focusCardText{font-size:15px;line-height:1.65;color:#ffffffe0;margin:0}
.expertiseTextSide{padding-left:24px}
.expertiseLabel{font-size:14px;font-weight:700;color:#D1FAE3;text-transform:uppercase;letter-spacing:.08em;margin:0 0 16px}
.expertiseMainHead{font-size:46px;font-weight:700;color:#fff;margin:0 0 24px;line-height:1.2}
.expertiseParagraph{font-size:17px;line-height:1.75;color:#ffffffeb;margin:0 0 20px}
.expertiseParagraph:last-of-type{margin-bottom:0}
.ctaButton{display:inline-block;background:linear-gradient(135deg,#E17BFC,#c55ee0);color:#fff;font-size:17px;font-weight:700;padding:16px 40px;border-radius:8px;text-decoration:none;margin-top:32px;transition:all .3s ease;box-shadow:0 6px 16px #e17bfc59;position:relative;z-index:5}
.ctaButton:hover{transform:translateY(-2px);box-shadow:0 10px 24px #e17bfc73;background:linear-gradient(135deg,#d666f0,#b24ec7)}
@media (max-width: 1024px) {
.titlePrimary{font-size:46px}
.titleSecondary{font-size:26px}
.storyWrapper{flex-direction:column;gap:40px}
.storyImageWrapper{flex:0 0 auto;width:100%}
.cardGrid{grid-template-columns:1fr;gap:28px}
.expertiseInner{grid-template-columns:1fr;gap:56px}
.expertiseTextSide{padding-left:0}
}
@media (max-width: 768px) {
.titleHero{padding:80px 20px 64px}
.titlePrimary{font-size:36px}
.titleSecondary{font-size:22px}
.titleDescription{font-size:16px}
.storySection{padding:64px 20px}
.storyHeading{font-size:32px}
.storyPhoto{height:400px}
.approachGrid{padding:72px 20px}
.approachTitle{font-size:36px}
.valuesArea{padding:72px 20px}
.valuesMainTitle{font-size:34px}
.timelineList{padding-left:64px}
.timelineMarker{left:-56px;width:48px;height:48px;font-size:18px}
.expertiseBlock{padding:68px 20px}
.expertiseVisual{grid-template-columns:1fr}
.expertiseMainHead{font-size:34px}
}
.contactWrapper{max-width:1366px;margin:0 auto;padding:0 20px}
.heroContactBlock{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0;position:relative}
.heroContactBlock::before{content:'';position:absolute;top:20%;right:10%;width:280px;height:280px;background:linear-gradient(135deg,#e17bfc26,#0a496f26);border-radius:50%;z-index:-1}
.heroContactBlock::after{content:'';position:absolute;bottom:15%;left:5%;width:220px;height:220px;background:linear-gradient(225deg,#d1fae333,#e17bfc1a);clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);z-index:-1}
.heroTextArea{position:relative;z-index:2}
.heroPreTitle{font-size:15px;color:#0A496F;margin-bottom:18px;letter-spacing:.5px}
.heroContactBlock h1{font-size:46px;line-height:1.2;color:#1a1a1a;margin-bottom:28px}
.heroContactBlock p{font-size:17px;line-height:1.7;color:#4a4a4a;margin-bottom:20px}
.imageCircleWrap{position:relative;border-radius:50%;overflow:hidden;width:100%;max-width:480px;aspect-ratio:1;background:linear-gradient(45deg,#E17BFC,#0A496F);animation:slowShift 12s ease-in-out infinite}
@keyframes slowShift {
0%,100%{background:linear-gradient(45deg,#E17BFC,#0A496F)}
50%{background:linear-gradient(135deg,#0A496F,#D1FAE3)}
}
.imageCircleWrap::before{content:'';position:absolute;inset:8px;background:#fff;border-radius:50%;z-index:1}
.detailsFormGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;padding:90px 0;background:linear-gradient(180deg,#fafafa 0%,#fff 100%)}
.contactInfoSection{padding:40px 0}
.contactInfoSection h2{font-size:34px;color:#1a1a1a;margin-bottom:32px;position:relative;padding-bottom:16px}
.contactInfoSection h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#E17BFC,#0A496F)}
.infoItemBlock{margin-bottom:36px;padding-left:48px;position:relative}
.infoItemBlock::before{content:'';position:absolute;left:0;top:4px;width:32px;height:32px;background:linear-gradient(135deg,#e17bfc33,#0a496f33);border-radius:8px}
.infoItemBlock i{position:absolute;left:8px;top:8px;font-size:20px;color:#0A496F}
.infoItemBlock h3{font-size:16px;color:#0A496F;margin-bottom:8px;font-weight:600}
.infoItemBlock p,.infoItemBlock a{font-size:15px;line-height:1.6;color:#4a4a4a;text-decoration:none}
.infoItemBlock a:hover{color:#E17BFC}
.formMainContainer{background:#fff;padding:50px;border:1px solid #e5e5e5;box-shadow:0 8px 24px #0000000f}
.formMainContainer h2{font-size:32px;color:#1a1a1a;margin-bottom:14px}
.formSubtext{font-size:15px;color:#666;margin-bottom:38px;line-height:1.6}
.nameFieldsRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.inputGroup{margin-bottom:24px}
.inputGroup label{display:block;font-size:14px;font-weight:600;color:#2a2a2a;margin-bottom:8px}
.inputGroup input[type="text"],.inputGroup input[type="email"],.inputGroup textarea{width:100%;padding:14px 16px;font-size:15px;border:2px solid #e0e0e0;background:#fafafa;transition:all .3s ease}
.inputGroup input[type="text"]:focus,.inputGroup input[type="email"]:focus,.inputGroup textarea:focus{outline:none;border-color:#E17BFC;background:#fff;box-shadow:0 0 0 3px #e17bfc1a}
.inputGroup textarea{min-height:140px;resize:vertical}
.checkboxSectionTitle{font-size:15px;font-weight:600;color:#2a2a2a;margin-bottom:16px;margin-top:8px}
.checkboxOptionsWrap{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:28px}
.checkboxItem{position:relative}
.checkboxItem input[type="checkbox"]{position:absolute;opacity:0}
.checkboxItem label{display:flex;align-items:center;font-size:14px;color:#4a4a4a;cursor:pointer;padding-left:32px;position:relative;transition:color .3s ease}
.checkboxItem label::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:20px;height:20px;border:2px solid #d0d0d0;background:#fafafa;transition:all .3s ease}
.checkboxItem input[type="checkbox"]:checked + label::before{background:linear-gradient(135deg,#E17BFC,#0A496F);border-color:#E17BFC}
.checkboxItem input[type="checkbox"]:checked + label::after{content:'';position:absolute;left:6px;top:50%;transform:translateY(-50%) rotate(45deg);width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0}
.checkboxItem input[type="checkbox"]:focus + label::before{box-shadow:0 0 0 3px #e17bfc33}
.privacyCheckbox{margin-bottom:32px}
.privacyCheckbox input[type="checkbox"]{position:absolute;opacity:0}
.privacyCheckbox label{display:flex;align-items:flex-start;font-size:13px;color:#5a5a5a;cursor:pointer;padding-left:32px;position:relative;line-height:1.5}
.privacyCheckbox label::before{content:'';position:absolute;left:0;top:2px;width:20px;height:20px;border:2px solid #d0d0d0;background:#fafafa;transition:all .3s ease;flex-shrink:0}
.privacyCheckbox input[type="checkbox"]:checked + label::before{background:linear-gradient(135deg,#E17BFC,#0A496F);border-color:#E17BFC}
.privacyCheckbox input[type="checkbox"]:checked + label::after{content:'';position:absolute;left:6px;top:8px;width:5px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.privacyCheckbox input[type="checkbox"]:focus + label::before{box-shadow:0 0 0 3px #e17bfc33}
.privacyCheckbox a{color:#0A496F;text-decoration:underline}
.submitBtnWrap{text-align:left}
.submitBtnWrap button{padding:16px 48px;font-size:16px;font-weight:600;color:#fff;background:linear-gradient(135deg,#E17BFC,#0A496F);border:none;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}
.submitBtnWrap button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e17bfc66}
.submitBtnWrap button:active{transform:translateY(0)}
.submitBtnWrap button:focus{outline:none;box-shadow:0 0 0 4px #e17bfc4d}
.hoursBusinessBlock{background:linear-gradient(135deg,#e17bfc14,#0a496f14);padding:80px 0}
.hoursBusinessBlock h2{font-size:36px;color:#1a1a1a;text-align:center;margin-bottom:50px;position:relative}
.hoursBusinessBlock h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#E17BFC,#0A496F)}
.hoursGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1100px;margin:0 auto}
.hourCard{background:#fff;padding:32px 28px;text-align:center;border:1px solid #e5e5e5;position:relative;transition:all .3s ease}
.hourCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#E17BFC,#0A496F);transform:scaleX(0);transition:transform .3s ease}
.hourCard:hover::before{transform:scaleX(1)}
.hourCard:hover{box-shadow:0 8px 24px #00000014;transform:translateY(-4px)}
.hourCard i{font-size:36px;color:#E17BFC;margin-bottom:18px}
.hourCard h3{font-size:20px;color:#1a1a1a;margin-bottom:12px}
.hourCard p{font-size:15px;color:#666;line-height:1.6}
@media (max-width: 1024px) {
.heroContactBlock{grid-template-columns:1fr;gap:50px}
.imageCircleWrap{max-width:360px;margin:0 auto}
.detailsFormGrid{grid-template-columns:1fr;gap:50px}
.hoursGrid{grid-template-columns:1fr;gap:24px}
.formMainContainer{padding:40px 30px}
}
@media (max-width: 768px) {
.heroContactBlock h1{font-size:36px}
.nameFieldsRow{grid-template-columns:1fr}
.checkboxOptionsWrap{grid-template-columns:1fr}
.contactInfoSection h2{font-size:28px}
.formMainContainer h2{font-size:26px}
.hoursBusinessBlock h2{font-size:30px}
}
.programListWrapper{background:linear-gradient(135deg,#D1FAE3 0%,#fff 100%);padding:80px 20px}
.programListWrapper .contentContainer{max-width:1366px;margin:0 auto}
.programListWrapper .pageIntro{margin-bottom:64px;text-align:center}
.programListWrapper .pageIntro h1{font-size:48px;font-weight:700;color:#0A496F;margin-bottom:20px;line-height:1.2}
.programListWrapper .pageIntro p{font-size:18px;color:#333;max-width:800px;margin:0 auto;line-height:1.7}
.programListWrapper .gridCatalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:32px;margin-bottom:80px}
.programListWrapper .cardItem{background:#fff;border:2px solid #E17BFC;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease;position:relative;overflow:hidden}
.programListWrapper .cardItem:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0a496f26}
.programListWrapper .cardItem .imageBlock{width:100%;height:220px;overflow:hidden;position:relative}
.programListWrapper .cardItem .imageBlock img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.programListWrapper .cardItem:hover .imageBlock img{transform:scale(1.08)}
.programListWrapper .cardItem .badgeLevel{position:absolute;top:16px;left:16px;background:#0A496F;color:#fff;padding:6px 14px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.programListWrapper .cardItem .metaStrip{position:absolute;bottom:0;left:0;right:0;background:#0a496feb;padding:10px 16px;display:flex;justify-content:space-between;align-items:center}
.programListWrapper .cardItem .metaStrip .statGroup{display:flex;gap:16px;font-size:13px;color:#fff}
.programListWrapper .cardItem .metaStrip .statGroup span{display:flex;align-items:center;gap:6px}
.programListWrapper .cardItem .metaStrip .statGroup i{font-size:16px}
.programListWrapper .cardItem .contentBlock{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.programListWrapper .cardItem .contentBlock h3{font-size:22px;font-weight:700;color:#0A496F;margin-bottom:14px;line-height:1.3}
.programListWrapper .cardItem .contentBlock .shortDesc{font-size:15px;color:#555;line-height:1.6;margin-bottom:20px;flex-grow:1}
.programListWrapper .cardItem .detailsRow{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px;padding-top:16px;border-top:1px solid #D1FAE3}
.programListWrapper .cardItem .detailsRow .detailItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#333}
.programListWrapper .cardItem .detailsRow .detailItem i{color:#E17BFC;font-size:18px}
.programListWrapper .cardItem .priceBlock{background:linear-gradient(90deg,#E17BFC 0%,#0A496F 100%);padding:18px;margin:0 -24px -24px;display:flex;justify-content:space-between;align-items:center}
.programListWrapper .cardItem .priceBlock .priceInfo{display:flex;flex-direction:column;gap:4px}
.programListWrapper .cardItem .priceBlock .priceInfo .amount{font-size:28px;font-weight:700;color:#fff}
.programListWrapper .cardItem .priceBlock .priceInfo .terms{font-size:13px;color:#fff;opacity:.9}
.programListWrapper .cardItem .priceBlock .priceInfo .noteText{font-size:11px;color:#fff;opacity:.8;margin-top:4px}
.programListWrapper .cardItem .priceBlock .ctaLink{background:#fff;color:#0A496F;padding:12px 24px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px;border:2px solid transparent;z-index:10;position:relative}
.programListWrapper .cardItem .priceBlock .ctaLink:hover{background:#D1FAE3;border-color:#0A496F;transform:translateX(4px)}
.programListWrapper .cardItem .availabilityTag{position:absolute;top:16px;right:16px;background:#D1FAE3;color:#0A496F;padding:8px 14px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:6px;box-shadow:0 2px 8px #0000001a}
.benefitsWrapper{background:#fff;padding:80px 20px;position:relative}
.benefitsWrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#E17BFC 0%,#0A496F 50%,#D1FAE3 100%)}
.benefitsWrapper .contentContainer{max-width:1366px;margin:0 auto}
.benefitsWrapper .sectionHeader{text-align:center;margin-bottom:56px}
.benefitsWrapper .sectionHeader h2{font-size:40px;font-weight:700;color:#0A496F;margin-bottom:16px;position:relative;display:inline-block}
.benefitsWrapper .sectionHeader h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:3px;background:#E17BFC}
.benefitsWrapper .sectionHeader p{font-size:17px;color:#555;max-width:700px;margin:20px auto 0;line-height:1.7}
.benefitsWrapper .featuresGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.benefitsWrapper .featureBox{background:linear-gradient(135deg,#fff 0%,#D1FAE3 100%);padding:36px;border:2px solid #0A496F;position:relative;transition:transform .3s ease}
.benefitsWrapper .featureBox:hover{transform:translateY(-8px)}
.benefitsWrapper .featureBox .iconCircle{width:70px;height:70px;background:#E17BFC;display:flex;align-items:center;justify-content:center;margin-bottom:24px;border:3px solid #0A496F}
.benefitsWrapper .featureBox .iconCircle i{font-size:32px;color:#fff}
.benefitsWrapper .featureBox h3{font-size:24px;font-weight:700;color:#0A496F;margin-bottom:14px}
.benefitsWrapper .featureBox p{font-size:15px;color:#333;line-height:1.7}
.ctaSection{background:linear-gradient(135deg,#0A496F 0%,#E17BFC 100%);padding:80px 20px;position:relative;overflow:hidden}
.ctaSection::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#d1fae31a;border-radius:50%}
.ctaSection .contentContainer{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.ctaSection .ctaContent{text-align:center;max-width:900px;margin:0 auto}
.ctaSection .ctaContent h2{font-size:42px;font-weight:700;color:#fff;margin-bottom:24px;line-height:1.3}
.ctaSection .ctaContent p{font-size:18px;color:#fff;line-height:1.8;margin-bottom:36px;opacity:.95}
.ctaSection .ctaContent .actionGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctaSection .ctaContent .actionGroup .btnPrimary{background:#fff;color:#0A496F;padding:16px 40px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;border:2px solid #fff;z-index:10;position:relative}
.ctaSection .ctaContent .actionGroup .btnPrimary:hover{background:#D1FAE3;transform:scale(1.05)}
.ctaSection .ctaContent .actionGroup .btnSecondary{background:transparent;color:#fff;padding:16px 40px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-flex;align-items:center;gap:10px;border:2px solid #fff;z-index:10;position:relative}
.ctaSection .ctaContent .actionGroup .btnSecondary:hover{background:#ffffff26;transform:scale(1.05)}
@media (max-width: 1024px) {
.programListWrapper .gridCatalog{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:28px}
.benefitsWrapper .featuresGrid{grid-template-columns:repeat(2,1fr);gap:32px}
.programListWrapper .pageIntro h1{font-size:40px}
.benefitsWrapper .sectionHeader h2{font-size:36px}
}
@media (max-width: 768px) {
.programListWrapper{padding:60px 16px}
.programListWrapper .pageIntro h1{font-size:32px}
.programListWrapper .gridCatalog{grid-template-columns:1fr;gap:24px}
.benefitsWrapper{padding:60px 16px}
.benefitsWrapper .featuresGrid{grid-template-columns:1fr;gap:24px}
.benefitsWrapper .sectionHeader h2{font-size:30px}
.ctaSection{padding:60px 16px}
.ctaSection .ctaContent h2{font-size:32px}
.ctaSection .ctaContent .actionGroup{flex-direction:column;align-items:stretch}
.ctaSection .ctaContent .actionGroup .btnPrimary,.ctaSection .ctaContent .actionGroup .btnSecondary{width:100%;justify-content:center}
.programListWrapper .cardItem .priceBlock{flex-direction:column;gap:16px;align-items:stretch}
.programListWrapper .cardItem .priceBlock .ctaLink{width:100%;justify-content:center}
}
.topHero{background:linear-gradient(135deg,#D1FAE3 0%,#E17BFC 100%);padding:84px 20px;margin-bottom:72px}
.topHero-content{max-width:1366px;margin:0 auto;text-align:center}
.topHero-heading{font-size:3.2rem;font-weight:700;color:#0A496F;margin:0 0 24px;letter-spacing:-.02em}
.topHero-text{font-size:1.15rem;line-height:1.7;color:#0A496F;max-width:820px;margin:0 auto}
.articlesWrapper{max-width:1366px;margin:0 auto;padding:0 20px 96px}
.articlesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:36px}
.postCard{background:#FEFEFE;border:2px solid #0A496F;display:flex;flex-direction:column;transition:transform .3s ease,box-shadow .3s ease}
.postCard:hover{transform:translateY(-6px);box-shadow:8px 8px 0 #E17BFC}
.postCard-imageBox{position:relative;width:100%;height:240px;overflow:hidden}
.postCard-image{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.postCard:hover .postCard-image{transform:scale(1.08)}
.postCard-overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0a496feb,transparent);padding:16px}
.postCard-subtitle{color:#D1FAE3;font-size:.88rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}
.postCard-body{padding:28px;display:flex;flex-direction:column;flex-grow:1}
.postCard-title{font-size:1.5rem;font-weight:700;color:#0A496F;margin:0 0 14px;line-height:1.3}
.postCard-description{font-size:.98rem;line-height:1.6;color:#1a1a1a;margin:0 0 20px;flex-grow:1}
.postCard-meta{display:flex;gap:18px;margin-bottom:24px;flex-wrap:wrap}
.metaItem{display:flex;align-items:center;gap:6px;font-size:.88rem;color:#555}
.metaItem i{font-size:1.1rem;color:#0A496F}
.postCard-link{display:inline-block;background:#0A496F;color:#FEFEFE;padding:13px 28px;text-decoration:none;font-weight:600;font-size:.95rem;border:2px solid #0A496F;transition:background .25s ease,color .25s ease;align-self:flex-start}
.postCard-link:hover{background:transparent;color:#0A496F}
.postCard-link:focus{outline:3px solid #E17BFC;outline-offset:2px}
.whyReadSection{background:#F9F9F9;padding:88px 20px;border-top:4px solid #0A496F;border-bottom:4px solid #0A496F}
.whyReadSection-container{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr;gap:56px;align-items:center}
.whyReadSection-heading{font-size:2.4rem;font-weight:700;color:#0A496F;margin:0 0 28px;position:relative;padding-left:18px}
.whyReadSection-heading::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#E17BFC 0%,#D1FAE3 100%)}
.whyReadSection-paragraph{font-size:1.05rem;line-height:1.75;color:#2a2a2a;margin:0 0 22px}
.whyReadSection-paragraph:last-of-type{margin-bottom:0}
.benefitStack{display:flex;flex-direction:column;gap:18px}
.benefitItem{background:#FEFEFE;padding:22px 26px;display:flex;align-items:center;gap:16px;box-shadow:4px 4px 0 #0A496F;border:2px solid #0A496F;transition:transform .3s ease}
.benefitItem:hover{transform:translateX(8px)}
.benefitItem-icon{font-size:2.2rem;color:#E17BFC;flex-shrink:0}
.benefitItem-label{font-size:1.08rem;font-weight:600;color:#0A496F}
.stepGuide{padding:92px 20px}
.stepGuide-container{max-width:1366px;margin:0 auto}
.stepGuide-mainHeading{font-size:2.6rem;font-weight:700;color:#0A496F;text-align:center;margin:0 0 56px}
.stepGuide-layout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.stepBox{background:linear-gradient(145deg,#FEFEFE 0%,#F5F5F5 100%);padding:36px 30px;border:2px solid #0A496F;position:relative;transition:box-shadow .3s ease}
.stepBox:hover{box-shadow:6px 6px 0 #D1FAE3}
.stepBox-number{font-size:3.2rem;font-weight:800;color:#E17BFC;margin:0 0 16px;line-height:1}
.stepBox-heading{font-size:1.35rem;font-weight:700;color:#0A496F;margin:0 0 14px}
.stepBox-text{font-size:.98rem;line-height:1.65;color:#333;margin:0}
.specialistProfiles{background:#0A496F;padding:92px 20px}
.specialistProfiles-container{max-width:1366px;margin:0 auto}
.specialistProfiles-heading{font-size:2.6rem;font-weight:700;color:#D1FAE3;text-align:center;margin:0 0 20px}
.specialistProfiles-intro{font-size:1.1rem;line-height:1.7;color:#FEFEFE;text-align:center;max-width:780px;margin:0 auto 56px}
.profilesGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:28px}
.profileBox{background:#FEFEFE;padding:32px;border-left:6px solid #E17BFC;transition:transform .3s ease,border-color .3s ease}
.profileBox:hover{transform:translateY(-4px);border-color:#D1FAE3}
.profileBox-header{display:flex;align-items:center;gap:16px;margin-bottom:18px}
.profileBox-avatar{font-size:3.2rem;color:#0A496F}
.profileBox-info{display:flex;flex-direction:column;gap:4px}
.profileBox-name{font-size:1.2rem;font-weight:700;color:#0A496F}
.profileBox-spec{font-size:.92rem;font-weight:600;color:#E17BFC;text-transform:uppercase;letter-spacing:.03em}
.profileBox-bio{font-size:.96rem;line-height:1.7;color:#333;margin:0}
@media (max-width: 1024px) {
.whyReadSection-container{grid-template-columns:1fr;gap:44px}
.stepGuide-layout{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
}
@media (max-width: 768px) {
.topHero{padding:56px 20px;margin-bottom:48px}
.topHero-heading{font-size:2.2rem}
.topHero-text{font-size:1.02rem}
.articlesGrid{grid-template-columns:1fr;gap:28px}
.whyReadSection{padding:56px 20px}
.whyReadSection-heading{font-size:1.9rem}
.stepGuide{padding:56px 20px}
.stepGuide-mainHeading{font-size:2rem;margin-bottom:40px}
.stepGuide-layout{grid-template-columns:1fr}
.specialistProfiles{padding:56px 20px}
.specialistProfiles-heading{font-size:2rem}
.profilesGrid{grid-template-columns:1fr}
}
.successPage{background:linear-gradient(135deg,#D1FAE3 0%,#fff 100%);padding:60px 20px;min-height:85vh;display:flex;align-items:center;justify-content:center}
.confirmationWrapper{max-width:920px;margin:0 auto;background:#fff;border:2px solid #0A496F;position:relative;padding:80px 50px;box-shadow:8px 8px 0 #0a496f26}
.confirmationWrapper::before{content:'';position:absolute;top:-2px;left:-2px;width:60px;height:60px;border-top:4px solid #E17BFC;border-left:4px solid #E17BFC}
.confirmationWrapper::after{content:'';position:absolute;bottom:-2px;right:-2px;width:60px;height:60px;border-bottom:4px solid #E17BFC;border-right:4px solid #E17BFC}
.statusIconArea{text-align:center;margin-bottom:40px}
.checkmarkCircle{width:120px;height:120px;background:linear-gradient(135deg,#D1FAE3 0%,#0A496F 100%);border-radius:50%;display:inline-flex;align-items:center;justify-content:center;position:relative;box-shadow:0 6px 20px #0a496f40}
.checkmarkCircle svg{width:60px;height:60px;fill:#fff}
.messageTitleArea{text-align:center;margin-bottom:35px}
.messageTitleArea h1{font-size:42px;color:#0A496F;margin:0 0 20px;line-height:1.2;font-weight:700}
.messageTitleArea p{font-size:18px;color:#333;line-height:1.7;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.detailsBox{background:linear-gradient(to right,#D1FAE3 0%,#fff 100%);border-left:6px solid #0A496F;padding:30px 40px;margin:45px 0}
.detailsBox p{font-size:16px;color:#333;line-height:1.8;margin:0 0 15px}
.detailsBox p:last-child{margin-bottom:0}
.detailsBox strong{color:#0A496F;font-weight:600}
.nextStepsSection{margin-top:50px}
.nextStepsSection h2{font-size:24px;color:#0A496F;margin:0 0 25px;font-weight:600;position:relative;padding-left:20px}
.nextStepsSection h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:30px;background:linear-gradient(180deg,#E17BFC 0%,#0A496F 100%)}
.stepsList{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:25px;margin-bottom:45px}
.stepItem{background:#fff;border:2px solid #D1FAE3;padding:25px;position:relative;transition:all .3s ease}
.stepItem:hover{border-color:#0A496F;box-shadow:4px 4px 0 #e17bfc33;transform:translateY(-2px)}
.stepItem::before{content:attr(data-step);position:absolute;top:-12px;left:20px;background:#E17BFC;color:#fff;width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:700}
.stepItem h3{font-size:18px;color:#0A496F;margin:0 0 12px;font-weight:600}
.stepItem p{font-size:15px;color:#333;line-height:1.6;margin:0}
.actionButtonsArea{display:flex;gap:20px;justify-content:center;flex-wrap:wrap;margin-top:40px}
.primaryActionBtn{background:linear-gradient(135deg,#0A496F 0%,#E17BFC 100%);color:#fff;padding:18px 45px;text-decoration:none;font-size:17px;font-weight:600;border:none;cursor:pointer;transition:all .3s ease;position:relative;z-index:10;display:inline-flex;align-items:center;gap:10px}
.primaryActionBtn:hover{box-shadow:6px 6px 0 #0a496f4d;transform:translate(-2px,-2px)}
.primaryActionBtn:focus{outline:3px solid #E17BFC;outline-offset:3px}
.secondaryActionBtn{background:#fff;color:#0A496F;padding:18px 45px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #0A496F;cursor:pointer;transition:all .3s ease;position:relative;z-index:10;display:inline-flex;align-items:center;gap:10px}
.secondaryActionBtn:hover{background:#0A496F;color:#fff}
.secondaryActionBtn:focus{outline:3px solid #D1FAE3;outline-offset:3px}
.supportInfo{text-align:center;margin-top:50px;padding-top:35px;border-top:2px dashed #D1FAE3}
.supportInfo p{font-size:15px;color:#333;line-height:1.7;margin:0 0 12px}
.supportInfo a{color:#0A496F;text-decoration:none;font-weight:600;border-bottom:2px solid transparent;transition:border-color .3s ease}
.supportInfo a:hover{border-bottom-color:#E17BFC}
.supportInfo a:focus{outline:2px solid #E17BFC;outline-offset:2px}
@media (max-width: 768px) {
.successPage{padding:40px 15px}
.confirmationWrapper{padding:50px 25px}
.confirmationWrapper::before,.confirmationWrapper::after{width:40px;height:40px}
.checkmarkCircle{width:90px;height:90px}
.checkmarkCircle svg{width:45px;height:45px}
.messageTitleArea h1{font-size:32px}
.messageTitleArea p{font-size:16px}
.detailsBox{padding:20px 25px}
.stepsList{grid-template-columns:1fr}
.actionButtonsArea{flex-direction:column;align-items:stretch}
.primaryActionBtn,.secondaryActionBtn{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.messageTitleArea h1{font-size:26px}
.detailsBox{padding:18px 20px}
.nextStepsSection h2{font-size:20px}
.stepItem{padding:20px}
}
.heroIntroWrap{max-width:1366px;margin:0 auto;padding:60px 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;overflow:hidden}
.heroIntroWrap::before{content:'';position:absolute;top:-20%;right:-10%;width:600px;height:600px;background:linear-gradient(135deg,#e17bfc26,#0a496f1f,#d1fae32e);border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;animation:morphBlob 20s ease-in-out infinite;z-index:-1}
@keyframes morphBlob {
0%,100%{border-radius:40% 60% 70% 30% / 40% 50% 60% 50%;transform:rotate(0deg) scale(1)}
25%{border-radius:60% 40% 30% 70% / 50% 60% 40% 50%;transform:rotate(90deg) scale(1.1)}
50%{border-radius:30% 70% 60% 40% / 60% 40% 50% 60%;transform:rotate(180deg) scale(0.95)}
75%{border-radius:70% 30% 40% 60% / 50% 50% 60% 40%;transform:rotate(270deg) scale(1.05)}
}
.heroIntroWrap .textContent{display:flex;flex-direction:column;gap:24px}
.heroIntroWrap .textContent h1{font-size:52px;line-height:1.15;color:#0A496F;margin:0}
.heroIntroWrap .textContent .leadParagraph{font-size:19px;line-height:1.7;color:#333;margin:0}
.heroIntroWrap .actionLinks{display:flex;gap:16px;margin-top:8px}
.heroIntroWrap .actionLinks a{padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease;display:inline-block}
.heroIntroWrap .actionLinks .primaryLink{background:linear-gradient(135deg,#E17BFC,#0A496F);color:#fff;box-shadow:0 4px 12px #e17bfc40}
.heroIntroWrap .actionLinks .primaryLink:hover{box-shadow:0 6px 20px #e17bfc59;transform:translateY(-2px)}
.heroIntroWrap .actionLinks .primaryLink:focus{outline:3px solid #D1FAE3;outline-offset:2px}
.heroIntroWrap .actionLinks .secondaryLink{background:#fff;color:#0A496F;border:2px solid #0A496F}
.heroIntroWrap .actionLinks .secondaryLink:hover{background:#0A496F;color:#fff}
.heroIntroWrap .actionLinks .secondaryLink:focus{outline:3px solid #E17BFC;outline-offset:2px}
.heroIntroWrap .visAnchor{position:relative}
.heroIntroWrap .visAnchor img{width:100%;height:auto;display:block;border-radius:12px;position:relative;z-index:1}
.heroIntroWrap .visAnchor::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 60%,#0a496f66);border-radius:12px;pointer-events:none}
.progressToolkit{background:linear-gradient(180deg,#fff 0%,#d1fae333 100%);padding:80px 24px}
.progressToolkit .containerBox{max-width:1366px;margin:0 auto}
.progressToolkit .sectionIntro{text-align:center;margin-bottom:60px}
.progressToolkit .sectionIntro h2{font-size:42px;line-height:1.2;color:#0A496F;margin:0 0 16px;position:relative;display:inline-block}
.progressToolkit .sectionIntro h2::before{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#E17BFC,#0A496F)}
.progressToolkit .sectionIntro .description{font-size:18px;line-height:1.7;color:#555;max-width:800px;margin:24px auto 0}
.progressToolkit .toolsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.progressToolkit .toolCard{background:#fff;border:2px solid #D1FAE3;border-radius:10px;padding:32px;transition:all .3s ease;position:relative}
.progressToolkit .toolCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#E17BFC,#0A496F);transition:height .3s ease}
.progressToolkit .toolCard:hover{box-shadow:0 8px 24px #0a496f1f;transform:translateY(-4px)}
.progressToolkit .toolCard:hover::before{height:100%}
.progressToolkit .toolCard .iconHolder{width:56px;height:56px;background:linear-gradient(135deg,#e17bfc26,#0a496f1a);border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.progressToolkit .toolCard .iconHolder i{font-size:28px;color:#0A496F}
.progressToolkit .toolCard h3{font-size:22px;color:#0A496F;margin:0 0 12px}
.progressToolkit .toolCard .toolText{font-size:16px;line-height:1.7;color:#666;margin:0}
.networkExpansion{padding:80px 24px;background:#fff}
.networkExpansion .layoutContainer{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:60px;align-items:center}
.networkExpansion .imgSection img{width:100%;height:auto;display:block;border-radius:12px;box-shadow:0 12px 32px #0a496f26}
.networkExpansion .contentSection h2{font-size:40px;line-height:1.2;color:#0A496F;margin:0 0 24px}
.networkExpansion .contentSection .longText{font-size:17px;line-height:1.75;color:#444;margin:0 0 28px}
.networkExpansion .benefitsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.networkExpansion .benefitsList li{display:flex;align-items:flex-start;gap:12px;font-size:16px;line-height:1.6;color:#555}
.networkExpansion .benefitsList li::before{content:'→';color:#E17BFC;font-size:20px;font-weight:700;flex-shrink:0}
.pathComparison{background:linear-gradient(135deg,#0a496f0d,#e17bfc0d);padding:80px 24px}
.pathComparison .wrapperMain{max-width:1366px;margin:0 auto}
.pathComparison .titleBar{text-align:center;margin-bottom:50px}
.pathComparison .titleBar h2{font-size:42px;line-height:1.2;color:#0A496F;margin:0}
.pathComparison .comparisonContainer{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.pathComparison .optionCard{background:#fff;border-radius:10px;padding:40px;box-shadow:0 6px 18px #00000014;position:relative}
.pathComparison .optionCard.highlighted{border:3px solid #0A496F}
.pathComparison .optionCard .badge{position:absolute;top:-12px;right:24px;background:linear-gradient(90deg,#E17BFC,#0A496F);color:#fff;padding:6px 16px;border-radius:6px;font-size:13px;font-weight:600}
.pathComparison .optionCard h3{font-size:28px;color:#0A496F;margin:0 0 20px}
.pathComparison .optionCard .descBlock{font-size:16px;line-height:1.7;color:#666;margin:0 0 24px}
.pathComparison .optionCard .featureList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.pathComparison .optionCard .featureList li{display:flex;align-items:center;gap:10px;font-size:15px;color:#555}
.pathComparison .optionCard .featureList li i{color:#0A496F;font-size:18px}
.expertiseSource{padding:80px 24px;background:#fff}
.expertiseSource .mainWrapper{max-width:1366px;margin:0 auto}
.expertiseSource .headingArea{text-align:center;margin-bottom:60px}
.expertiseSource .headingArea h2{font-size:42px;line-height:1.2;color:#0A496F;margin:0 0 16px}
.expertiseSource .headingArea .subtext{font-size:18px;line-height:1.7;color:#666;max-width:700px;margin:0 auto}
.expertiseSource .credentialsGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.expertiseSource .credItem{text-align:center;padding:28px 20px;background:linear-gradient(135deg,#d1fae34d,#e17bfc1a);border-radius:10px;transition:all .3s ease}
.expertiseSource .credItem:hover{transform:scale(1.05);box-shadow:0 8px 20px #0a496f26}
.expertiseSource .credItem .statNumber{font-size:48px;font-weight:700;color:#0A496F;margin:0 0 8px;display:block}
.expertiseSource .credItem .statLabel{font-size:15px;color:#555;margin:0}
.expertiseSource .imagePairRow{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-top:60px}
.expertiseSource .imagePairRow img{width:100%;height:auto;display:block;border-radius:10px;box-shadow:0 6px 18px #0000001a}
.ctaFinalBlock{background:linear-gradient(135deg,#0A496F,#E17BFC);padding:60px 24px}
.ctaFinalBlock .innerContainer{max-width:900px;margin:0 auto;text-align:center}
.ctaFinalBlock h2{font-size:38px;line-height:1.3;color:#fff;margin:0 0 20px}
.ctaFinalBlock .ctaDescription{font-size:18px;line-height:1.7;color:#fffffff2;margin:0 0 32px}
.ctaFinalBlock .btnCta{display:inline-block;padding:16px 40px;background:#fff;color:#0A496F;text-decoration:none;font-size:17px;font-weight:600;border-radius:8px;transition:all .3s ease;box-shadow:0 4px 12px #00000026}
.ctaFinalBlock .btnCta:hover{transform:translateY(-3px);box-shadow:0 8px 20px #00000040}
.ctaFinalBlock .btnCta:focus{outline:3px solid #D1FAE3;outline-offset:3px}
@media (max-width: 1024px) {
.heroIntroWrap{grid-template-columns:1fr;gap:50px;padding:50px 24px}
.heroIntroWrap .textContent h1{font-size:42px}
.progressToolkit .toolsGrid{grid-template-columns:repeat(2,1fr)}
.networkExpansion .layoutContainer{grid-template-columns:1fr;gap:40px}
.pathComparison .comparisonContainer{grid-template-columns:1fr;gap:30px}
.expertiseSource .credentialsGrid{grid-template-columns:repeat(2,1fr)}
.expertiseSource .imagePairRow{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroIntroWrap .textContent h1{font-size:36px}
.heroIntroWrap .actionLinks{flex-direction:column}
.heroIntroWrap .actionLinks a{width:100%;text-align:center}
.progressToolkit .toolsGrid{grid-template-columns:1fr}
.progressToolkit,.networkExpansion,.pathComparison,.expertiseSource{padding:60px 20px}
.progressToolkit .sectionIntro h2,.pathComparison .titleBar h2,.expertiseSource .headingArea h2{font-size:32px}
.networkExpansion .contentSection h2{font-size:32px}
.expertiseSource .credentialsGrid{grid-template-columns:1fr}
.ctaFinalBlock h2{font-size:30px}
}