@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/source-serif-pro@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html,body{margin:0;padding:0}
body{font-family:'Source Serif Pro',serif;background:#FFF;color:#1A1A1A;line-height:1.6}
.topUtilityBar{background:#ECEEF2;border-bottom:1px solid #D8DAE0;padding:12px 0}
.topUtilityBar .wrapContent{max-width:960px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}
.contactSnippet{display:flex;gap:24px;flex-wrap:wrap}
.contactSnippet a{color:#1A0038;text-decoration:none;font-size:14px;transition:color 180ms}
.contactSnippet a:hover{color:#FFA518}
.mainHeaderRow{background:#FFF;border-bottom:2px solid #ECEEF2;padding:24px 0}
.mainHeaderRow .innerLayout{max-width:960px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.brandZone{flex-shrink:0}
.brandZone img{height:90px;width:90px;display:block;background:#FFF;padding:8px;border-radius:20px;box-shadow:0 3px 6px #1a00381f}
.primaryNav{display:flex;gap:28px;flex-wrap:wrap;align-items:center}
.primaryNav a{color:#1A0038;text-decoration:none;font-size:16px;font-weight:700;transition:color 200ms;padding:8px 0}
.primaryNav a:hover{color:#FFA518}
.footerMain{background:linear-gradient(135deg,#ECEEF2 0%,#FFF 100%);padding:60px 0 30px;margin-top:80px;border-top:3px solid #FFA518}
.footerMain .layoutGrid{max-width:960px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 2fr;gap:60px;margin-bottom:40px}
.brandFooterBox img{height:110px;width:110px;background:#FFF;padding:12px;border-radius:24px;box-shadow:0 4px 8px #1a003826}
.linksFooterArea{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.navColumn h3{color:#1A0038;font-size:18px;font-weight:700;margin-bottom:16px}
.navColumn ul{list-style:none}
.navColumn li{margin-bottom:10px}
.navColumn a{color:#1A1A1A;text-decoration:none;font-size:15px;transition:color 180ms}
.navColumn a:hover{color:#FFA518}
.copyrightStrip{max-width:960px;margin:0 auto;padding:20px 20px 0;border-top:1px solid #D8DAE0;text-align:center}
.copyrightStrip p{color:#1A0038;font-size:14px}
.cookieBar{position:fixed;bottom:0;left:0;width:100%;background:#FFF;box-shadow:0 -4px 12px #1a003833;padding:24px;z-index:9999;transform:translateX(100%);transition:transform 300ms ease-out;border-top:4px solid #FFA518}
.cookieBar.visibleState{transform:translateX(0)}
.cookieBar .innerWrap{max-width:960px;margin:0 auto}
.tabButtons{display:flex;gap:12px;margin-bottom:20px;border-bottom:2px solid #ECEEF2}
.tabButtons button{background:transparent;border:none;padding:12px 20px;font-family:'Source Serif Pro',serif;font-size:15px;font-weight:700;color:#1A0038;cursor:pointer;border-bottom:3px solid transparent;transition:all 180ms}
.tabButtons button.activeTab{border-bottom-color:#FFA518;color:#FFA518}
.tabButtons button:hover{background:#ECEEF2}
.tabContent{display:none}
.tabContent.activeTab{display:block}
.briefPanel p{color:#1A1A1A;font-size:15px;line-height:1.7;margin-bottom:16px}
.detailPanel{max-height:300px;overflow-y:auto;padding-right:12px}
.detailPanel h4{color:#1A0038;font-size:16px;font-weight:700;margin:20px 0 12px}
.detailPanel p{color:#1A1A1A;font-size:14px;line-height:1.6;margin-bottom:12px}
.consentOptions{margin:16px 0}
.consentOptions label{display:flex;align-items:center;gap:10px;margin-bottom:10px;font-size:14px;color:#1A1A1A}
.consentOptions input[type="checkbox"]{width:18px;height:18px}
.actionButtons{display:flex;gap:12px;margin-top:20px;flex-wrap:wrap}
.actionButtons button{background:#1A0038;color:#FFF;border:none;padding:14px 28px;font-family:'Source Serif Pro',serif;font-size:15px;font-weight:700;cursor:pointer;transition:background 200ms}
.actionButtons button:hover{background:#FFA518}
.actionButtons .declineBtn{background:#ECEEF2;color:#1A0038}
.actionButtons .declineBtn:hover{background:#D8DAE0}
.prefsLink{position:fixed;bottom:20px;left:20px;background:#1A0038;color:#FFF;padding:12px 16px;border-radius:24px;text-decoration:none;font-size:14px;font-weight:700;box-shadow:0 4px 8px #1a003840;z-index:9998;display:none;transition:background 200ms}
.prefsLink:hover{background:#FFA518}
.prefsLink.showLink{display:block}
@media (max-width: 768px) {
.topUtilityBar .wrapContent{flex-direction:column;align-items:flex-start}
.mainHeaderRow .innerLayout{flex-direction:column;gap:24px}
.primaryNav{flex-direction:column;gap:16px;width:100%}
.primaryNav a{width:100%;text-align:center;padding:12px 0}
.footerMain .layoutGrid{grid-template-columns:1fr;gap:40px}
.linksFooterArea{grid-template-columns:1fr;gap:32px}
.cookieBar{padding:20px 16px}
.actionButtons{flex-direction:column}
.actionButtons button{width:100%}
}
@media (max-width: 375px) {
.brandZone img{height:70px;width:70px}
.contactSnippet{flex-direction:column;gap:12px}
.tabButtons{flex-direction:column;gap:8px}
}
.policy-ktc-info{max-width:960px;margin:0 auto;padding:80px 24px;background:#FFF}
.policy-ktc-info h1{font-size:48px;line-height:1.2;font-weight:700;color:#1A0038;margin:0 0 48px;letter-spacing:-.02em}
.policy-ktc-info h2{font-size:36px;line-height:1.3;font-weight:700;color:#FFA518;margin:64px 0 24px;letter-spacing:-.01em}
.policy-ktc-info h3{font-size:28px;line-height:1.4;font-weight:600;color:#1A0038;margin:48px 0 20px}
.policy-ktc-info h4{font-size:22px;line-height:1.4;font-weight:600;color:#1A0038;margin:36px 0 16px}
.policy-ktc-info h5{font-size:18px;line-height:1.5;font-weight:600;color:#1A0038;margin:28px 0 12px}
.policy-ktc-info h6{font-size:16px;line-height:1.5;font-weight:600;color:#1A0038;margin:24px 0 12px;text-transform:uppercase;letter-spacing:.05em}
.policy-ktc-info p{font-size:17px;line-height:1.7;color:#2D2D2D;margin:0 0 20px;font-weight:400}
.policy-ktc-info strong,.policy-ktc-info b{font-weight:700;color:#1A0038}
.policy-ktc-info a{color:#FFA518;text-decoration:underline;font-weight:500;transition:color 180ms ease}
.policy-ktc-info a:hover{color:#1A0038;text-decoration:none}
.policy-ktc-info a:focus{outline:2px solid #FFA518;outline-offset:3px;border-radius:4px}
.policy-ktc-info div{margin:0 0 32px}
.policy-ktc-info h1 + p,.policy-ktc-info h2 + p,.policy-ktc-info h3 + p{margin-top:8px}
.policy-ktc-info p + p{margin-top:16px}
@media screen and (max-width: 768px) {
.policy-ktc-info{padding:48px 20px}
.policy-ktc-info h1{font-size:36px;margin-bottom:32px}
.policy-ktc-info h2{font-size:28px;margin-top:48px;margin-bottom:20px}
.policy-ktc-info h3{font-size:24px;margin-top:36px;margin-bottom:16px}
.policy-ktc-info h4{font-size:20px;margin-top:28px}
.policy-ktc-info h5{font-size:17px;margin-top:24px}
.policy-ktc-info h6{font-size:15px;margin-top:20px}
.policy-ktc-info p{font-size:16px;line-height:1.65;margin-bottom:18px}
}
@media screen and (max-width: 375px) {
.policy-ktc-info{padding:32px 16px}
.policy-ktc-info h1{font-size:32px;margin-bottom:28px}
.policy-ktc-info h2{font-size:26px;margin-top:40px}
.policy-ktc-info h3{font-size:22px}
.policy-ktc-info p{font-size:15px}
}
.newsArticleWrap{max-width:960px;margin:0 auto;padding:40px 20px}
.topMetaRow{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-bottom:32px;padding-bottom:24px;border-bottom:2px solid #ECEEF2}
.tagPill{background:linear-gradient(135deg,#FFA518 0%,#ff8a00 100%);color:#1A0038;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.categoryLabel{background:#ECEEF2;color:#1A0038;padding:8px 18px;border-radius:20px;font-size:13px;font-weight:500}
.metaInfoBox{display:flex;gap:24px;flex-wrap:wrap;color:#666;font-size:14px}
.metaInfoBox span{display:flex;align-items:center;gap:6px}
.headlineSection{margin-bottom:48px}
.headlineSection h1{font-size:42px;line-height:1.2;color:#1A0038;margin:0 0 16px;font-weight:700}
.subtitleText{font-size:20px;line-height:1.6;color:#555;margin:0;font-weight:400}
.authorMetaLine{display:flex;align-items:center;gap:20px;margin-bottom:40px;padding:20px;background:#ECEEF2;border-radius:16px}
.authorMetaLine .authorName{font-weight:600;color:#1A0038;font-size:16px}
.authorMetaLine .publishDate{color:#666;font-size:14px}
.authorMetaLine::before{content:'';width:4px;height:40px;background:linear-gradient(180deg,#FFA518 0%,#ff8a00 100%);border-radius:8px}
.heroImageBox{width:100%;margin-bottom:56px;border-radius:24px;overflow:hidden;box-shadow:0 4px 24px #1a00381f}
.heroImageBox img{width:100%;height:auto;display:block}
.articleBodyContent{font-size:18px;line-height:1.8;color:#333}
.articleBodyContent p{margin:0 0 24px}
.articleBodyContent h2{font-size:32px;line-height:1.3;color:#1A0038;margin:48px 0 24px;font-weight:700;position:relative;padding-left:20px}
.articleBodyContent h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#FFA518 0%,#ff8a00 100%);border-radius:8px}
.articleBodyContent h4{font-size:22px;line-height:1.4;color:#1A0038;margin:32px 0 16px;font-weight:600}
.articleBodyContent ins{background:linear-gradient(135deg,#ffa51826 0%,#ff8a0026 100%);text-decoration:none;padding:2px 6px;border-radius:4px;color:#1A0038;font-weight:500}
.articleBodyContent ol{margin:24px 0;padding-left:24px}
.articleBodyContent li{margin-bottom:12px;padding-left:8px}
.articleBodyContent blockquote{margin:40px 0;padding:24px 32px;background:#ECEEF2;border-left:6px solid #FFA518;border-radius:0 16px 16px 0;font-size:20px;font-style:italic;color:#1A0038}
.articleBodyContent figure{margin:40px 0;padding:0}
.articleBodyContent figure img{width:100%;height:auto;border-radius:16px;display:block}
.articleBodyContent figcaption{margin-top:12px;font-size:14px;color:#666;text-align:center;font-style:italic}
.engagementRow{display:flex;gap:32px;align-items:center;margin-top:56px;padding:24px;background:linear-gradient(135deg,#ECEEF2 0%,#f5f5f5 100%);border-radius:20px}
.viewsCounter,.likesCounter{display:flex;align-items:center;gap:12px;font-size:16px;color:#1A0038;font-weight:600}
.viewsCounter::before{content:'';width:24px;height:24px;background:#FFA518;border-radius:50%;display:inline-block}
.likesCounter::before{content:'';width:24px;height:24px;background:#1A0038;border-radius:50%;display:inline-block}
.ctaSection{margin-top:64px;padding:48px 32px;background:linear-gradient(135deg,#1A0038 0%,#2d0056 100%);border-radius:24px;text-align:center}
.ctaSection h3{font-size:28px;color:#fff;margin:0 0 16px;font-weight:700}
.ctaSection p{font-size:16px;color:#ffffffd9;margin:0 0 32px;line-height:1.6}
.ctaActionBtn{display:inline-block;padding:16px 40px;background:#FFA518;color:#1A0038;text-decoration:none;border-radius:28px;font-weight:700;font-size:16px;transition:all 200ms;box-shadow:0 4px 16px #ffa5184d}
.ctaActionBtn:hover{background:#ff8a00;transform:translateY(-2px);box-shadow:0 6px 20px #ffa51866}
@media (max-width: 768px) {
.newsArticleWrap{padding:24px 16px}
.headlineSection h1{font-size:32px}
.subtitleText{font-size:18px}
.articleBodyContent{font-size:16px}
.articleBodyContent h2{font-size:26px;margin:32px 0 16px}
.articleBodyContent h4{font-size:20px}
.engagementRow{flex-direction:column;gap:16px;align-items:flex-start}
.ctaSection{padding:32px 20px}
.ctaSection h3{font-size:24px}
}
@media (max-width: 375px) {
.headlineSection h1{font-size:28px}
.topMetaRow{gap:12px}
.metaInfoBox{gap:16px}
}
.journalDetailWrap{max-width:960px;margin:0 auto;padding:48px 24px}
.journalDetailWrap .articleHeaderZone{margin-bottom:56px}
.journalDetailWrap .tagLabel{display:inline-block;background:linear-gradient(135deg,#FFA518 0%,#ECEEF2 100%);color:#1A0038;padding:8px 20px;border-radius:24px;font-size:14px;font-weight:600;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}
.journalDetailWrap .mainHeadingText{font-size:48px;line-height:1.2;color:#1A0038;margin:0 0 16px;font-weight:700}
.journalDetailWrap .subHeadingText{font-size:22px;line-height:1.5;color:#333;margin:0 0 32px;font-weight:400}
.journalDetailWrap .metaInfoBar{display:flex;gap:32px;align-items:center;padding:24px 0;border-top:2px solid #ECEEF2;border-bottom:2px solid #ECEEF2}
.journalDetailWrap .metaInfoBar .dateDisplay,.journalDetailWrap .metaInfoBar .readtimeDisplay{display:flex;align-items:center;gap:10px;font-size:15px;color:#666}
.journalDetailWrap .metaInfoBar .iconCircle{width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#FFA518,#ECEEF2);display:flex;align-items:center;justify-content:center}
.journalDetailWrap .articleBodyContent{margin:56px 0;font-size:18px;line-height:1.8;color:#333}
.journalDetailWrap .articleBodyContent p{margin:0 0 28px}
.journalDetailWrap .articleBodyContent h2{font-size:36px;line-height:1.3;color:#1A0038;margin:64px 0 24px;font-weight:700;position:relative;padding-left:24px}
.journalDetailWrap .articleBodyContent h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#FFA518 0%,#1A0038 100%);border-radius:3px}
.journalDetailWrap .articleBodyContent h3{font-size:28px;line-height:1.4;color:#FFA518;margin:48px 0 20px;font-weight:600}
.journalDetailWrap .articleBodyContent h4{font-size:22px;line-height:1.4;color:#1A0038;margin:36px 0 16px;font-weight:600}
.journalDetailWrap .articleBodyContent strong{font-weight:700;color:#1A0038}
.journalDetailWrap .articleBodyContent figure{margin:48px 0;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #1a00381f}
.journalDetailWrap .articleBodyContent figure img{width:100%;height:auto;display:block}
.journalDetailWrap .articleBodyContent figcaption{padding:20px 24px;background:#ECEEF2;font-size:15px;color:#666;font-style:italic;text-align:center}
.journalDetailWrap .errorReportSection{margin-top:80px;padding:48px;background:linear-gradient(135deg,#ECEEF2 0%,#fff 100%);border-radius:32px;border:3px solid #FFA518;text-align:center}
.journalDetailWrap .errorReportSection .sectionHeading{font-size:24px;color:#1A0038;margin:0 0 16px;font-weight:700}
.journalDetailWrap .errorReportSection .sectionDescription{font-size:16px;color:#666;margin:0 0 32px;line-height:1.6}
.journalDetailWrap .errorReportSection .reportButton{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#FFA518 0%,#1A0038 100%);color:#fff;padding:16px 40px;border-radius:28px;font-size:17px;font-weight:600;text-decoration:none;transition:transform 200ms,box-shadow 200ms;box-shadow:0 6px 20px #ffa5184d}
.journalDetailWrap .errorReportSection .reportButton:hover{transform:translateY(-3px);box-shadow:0 10px 32px #ffa51866}
.journalDetailWrap .errorReportSection .reportButton svg{width:20px;height:20px}
.journalDetailWrap .backNavigationBox{margin-top:64px;text-align:center}
.journalDetailWrap .backNavigationBox .backLink{display:inline-flex;align-items:center;gap:10px;color:#1A0038;font-size:16px;font-weight:600;text-decoration:none;padding:14px 32px;border:2px solid #1A0038;border-radius:24px;transition:all 200ms}
.journalDetailWrap .backNavigationBox .backLink:hover{background:#1A0038;color:#fff;transform:translateX(-4px)}
@media (max-width: 768px) {
.journalDetailWrap{padding:32px 20px}
.journalDetailWrap .mainHeadingText{font-size:32px}
.journalDetailWrap .subHeadingText{font-size:18px}
.journalDetailWrap .metaInfoBar{flex-direction:column;align-items:flex-start;gap:16px}
.journalDetailWrap .articleBodyContent{font-size:16px;margin:40px 0}
.journalDetailWrap .articleBodyContent h2{font-size:28px;margin:48px 0 20px}
.journalDetailWrap .articleBodyContent h3{font-size:24px}
.journalDetailWrap .articleBodyContent h4{font-size:20px}
.journalDetailWrap .errorReportSection{padding:32px 24px}
.journalDetailWrap .errorReportSection .sectionHeading{font-size:20px}
}
@media (max-width: 375px) {
.journalDetailWrap .mainHeadingText{font-size:26px}
.journalDetailWrap .articleBodyContent h2{font-size:24px}
.journalDetailWrap .reportButton{padding:14px 28px;font-size:15px}
}
.heroContainer{display:flex;align-items:stretch;gap:0;max-width:960px;margin:60px auto;background:linear-gradient(135deg,#ECEEF2 0%,#fff 100%);border-radius:24px;overflow:hidden;position:relative}
.heroContainer::before{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#FFA518 0%,#1A0038 50%,#FFA518 100%);background-size:200% 100%;animation:waveSlide 3s ease-in-out}
@keyframes waveSlide {
0%{background-position:100% 0}
100%{background-position:0 0}
}
.heroTextArea{flex:1;padding:50px 40px;display:flex;flex-direction:column;justify-content:center}
.heroTextArea h1{font-size:2.8em;line-height:1.2;color:#1A0038;margin:0 0 24px;animation:slideInLeft .8s ease-out}
.heroTextArea p{font-size:1.1em;line-height:1.7;color:#333;margin:0;animation:slideInLeft .8s ease-out .2s both}
@keyframes slideInLeft {
from{opacity:0;transform:translateX(-30px)}
to{opacity:1;transform:translateX(0)}
}
.heroImageStrip{width:280px;position:relative;overflow:hidden}
.heroImageStrip img{width:100%;height:100%;object-fit:cover}
.heroImageStrip::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#1a0038b3,transparent);pointer-events:none}
.barriersWrapper{max-width:960px;margin:80px auto;padding:0 20px}
.barriersHeader{text-align:center;margin-bottom:50px}
.barriersHeader h2{font-size:2.2em;color:#FFA518;margin:0 0 16px}
.barriersHeader p{font-size:1.05em;color:#444;line-height:1.7;max-width:700px;margin:0 auto}
.barrierGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.barrierCard{background:#fff;border:2px solid #ECEEF2;border-radius:20px;padding:32px 24px;transition:all .2s;position:relative}
.barrierCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FFA518,#1A0038);border-radius:20px 20px 0 0;opacity:0;transition:opacity .2s}
.barrierCard:hover{border-color:#FFA518;box-shadow:0 6px 20px #ffa51826;transform:translateY(-4px)}
.barrierCard:hover::before{opacity:1}
.barrierCard h3{font-size:1.4em;color:#1A0038;margin:0 0 14px}
.barrierCard p{font-size:.95em;color:#555;line-height:1.6;margin:0}
.trialSection{background:linear-gradient(135deg,#1A0038 0%,#3d1a5f 100%);padding:70px 20px;margin:80px 0;position:relative;overflow:hidden}
.trialSection::before{content:'';position:absolute;top:-50%;right:-10%;width:400px;height:400px;background:radial-gradient(circle,#ffa51826,transparent);border-radius:50%}
.trialContentBox{max-width:960px;margin:0 auto;display:flex;flex-direction:row;gap:50px;align-items:center;position:relative;z-index:2}
.trialLeftColumn{flex:1}
.trialLeftColumn h2{font-size:2.4em;color:#FFA518;margin:0 0 20px}
.trialLeftColumn p{font-size:1.05em;color:#ECEEF2;line-height:1.8;margin:0 0 30px}
.trialActionBtn{display:inline-block;background:#FFA518;color:#1A0038;padding:16px 40px;border-radius:28px;text-decoration:none;font-weight:600;font-size:1.05em;transition:all .2s;box-shadow:0 4px 12px #ffa5184d}
.trialActionBtn:hover{background:#ff8e00;box-shadow:0 6px 18px #ffa51880;transform:translateY(-2px)}
.trialRightColumn{width:360px}
.trialRightColumn img{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 8px 24px #0006}
.learningTypesBox{max-width:960px;margin:80px auto;padding:0 20px}
.learningTypesBox h2{font-size:2.3em;color:#1A0038;text-align:center;margin:0 0 50px;position:relative;display:inline-block;width:100%}
.learningTypesBox h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FFA518,#1A0038);border-radius:2px}
.typesContainer{display:flex;flex-direction:row;gap:0;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 16px #00000014}
.typeColumn{flex:1;padding:40px 30px;position:relative}
.typeColumn:first-child{background:linear-gradient(135deg,#FFF8F0 0%,#fff 100%)}
.typeColumn:last-child{background:linear-gradient(135deg,#F5F3FF 0%,#fff 100%)}
.typeColumn::before{content:'';position:absolute;top:20px;left:30px;width:50px;height:50px;border-radius:50%;opacity:.2}
.typeColumn:first-child::before{background:#FFA518}
.typeColumn:last-child::before{background:#1A0038}
.typeColumn h3{font-size:1.6em;margin:0 0 18px;position:relative;z-index:2}
.typeColumn:first-child h3{color:#FFA518}
.typeColumn:last-child h3{color:#1A0038}
.typeColumn p{font-size:.98em;color:#444;line-height:1.7;margin:0 0 24px;position:relative;z-index:2}
.typeColumn ul{list-style:none;padding:0;margin:0;position:relative;z-index:2}
.typeColumn li{font-size:.95em;color:#555;line-height:1.6;padding:10px 0 10px 28px;position:relative}
.typeColumn li::before{content:'';position:absolute;left:0;top:16px;width:14px;height:14px;border-radius:50%}
.typeColumn:first-child li::before{background:#FFA518}
.typeColumn:last-child li::before{background:#1A0038}
.progressTrackerArea{background:#ECEEF2;padding:70px 20px;margin:80px 0 0}
.progressInnerBox{max-width:960px;margin:0 auto}
.progressInnerBox h2{font-size:2.2em;color:#FFA518;text-align:center;margin:0 0 16px}
.progressInnerBox > p{font-size:1.05em;color:#444;line-height:1.7;text-align:center;margin:0 0 50px;max-width:680px;margin-left:auto;margin-right:auto}
.progressStepLayout{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.progressStepItem{background:#fff;border-radius:18px;padding:28px 20px;text-align:center;position:relative;transition:all .2s}
.progressStepItem::after{content:'';position:absolute;top:50%;right:-12px;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #ECEEF2;transform:translateY(-50%);z-index:3}
.progressStepItem:last-child::after{display:none}
.progressStepItem:hover{box-shadow:0 6px 18px #0000001a;transform:translateY(-3px)}
.progressStepNumber{width:50px;height:50px;background:linear-gradient(135deg,#FFA518,#ff8e00);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4em;font-weight:700;margin:0 auto 16px;box-shadow:0 3px 10px #ffa5184d}
.progressStepItem h4{font-size:1.15em;color:#1A0038;margin:0 0 10px}
.progressStepItem p{font-size:.9em;color:#666;line-height:1.5;margin:0}
@media (max-width: 1366px) {
.heroContainer{margin:50px 20px}
.barrierGrid{gap:24px}
.progressStepLayout{gap:20px}
}
@media (max-width: 768px) {
.heroContainer{flex-direction:column}
.heroImageStrip{width:100%;height:260px}
.heroTextArea{padding:40px 30px}
.heroTextArea h1{font-size:2.2em}
.barrierGrid{grid-template-columns:1fr;gap:20px}
.trialContentBox{flex-direction:column;gap:36px}
.trialRightColumn{width:100%}
.trialRightColumn img{height:240px}
.typesContainer{flex-direction:column}
.progressStepLayout{grid-template-columns:1fr;gap:16px}
.progressStepItem::after{display:none}
}
@media (max-width: 375px) {
.heroTextArea h1{font-size:1.8em}
.heroTextArea p{font-size:1em}
.barriersHeader h2{font-size:1.8em}
.trialLeftColumn h2{font-size:2em}
.learningTypesBox h2{font-size:1.9em}
.progressInnerBox h2{font-size:1.8em}
}
.heroAbout{position:relative;max-width:960px;margin:0 auto 80px;background:linear-gradient(135deg,#ECEEF2 0%,#fff 100%);border-radius:24px;overflow:hidden;box-shadow:0 4px 6px #1a003814}
.heroAbout .imageWrap{width:100%;height:380px;overflow:hidden;position:relative}
.heroAbout .imageWrap img{width:100%;height:100%;object-fit:cover;clip-path:circle(0% at 50% 50%);animation:revealImage 1.2s ease-out forwards}
@keyframes revealImage {
to{clip-path:circle(100% at 50% 50%)}
}
.heroAbout .textContent{position:relative;padding:60px 40px}
.heroAbout .quoteDecor{position:absolute;top:-20px;right:40px;font-size:280px;line-height:1;color:#ffa51814;font-family:Georgia,serif;pointer-events:none}
.heroAbout .labelSmall{display:inline-block;font-size:13px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;color:#FFA518;margin-bottom:16px;position:relative;z-index:2}
.heroAbout .mainTitle{font-size:42px;font-weight:700;color:#1A0038;line-height:1.2;margin:0 0 32px;position:relative;z-index:2}
.heroAbout .actionRow{display:flex;gap:16px;position:relative;z-index:2}
.heroAbout .btnPrimary{padding:16px 36px;background:linear-gradient(135deg,#FFA518 0%,#f80 100%);color:#fff;border:none;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #ffa51840}
.heroAbout .btnPrimary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffa51859}
.heroAbout .btnSecondary{padding:16px 36px;background:transparent;color:#1A0038;border:2px solid #1A0038;border-radius:28px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease}
.heroAbout .btnSecondary:hover{background:#1A0038;color:#fff}
@media (max-width: 768px) {
.heroAbout{margin-bottom:60px}
.heroAbout .imageWrap{height:280px}
.heroAbout .textContent{padding:40px 24px}
.heroAbout .quoteDecor{font-size:180px;right:20px}
.heroAbout .mainTitle{font-size:32px}
.heroAbout .actionRow{flex-direction:column}
}
@media (max-width: 375px) {
.heroAbout .textContent{padding:32px 20px}
.heroAbout .mainTitle{font-size:28px}
}
.missionGrid{max-width:960px;margin:0 auto 100px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.missionGrid .leftPanel{position:sticky;top:20px}
.missionGrid .sectionLabel{font-size:14px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#FFA518;margin-bottom:20px;position:relative;padding-left:24px}
.missionGrid .sectionLabel::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:linear-gradient(135deg,#FFA518,#f80);border-radius:3px}
.missionGrid .headingLarge{font-size:36px;font-weight:700;color:#1A0038;line-height:1.3;margin:0 0 24px}
.missionGrid .descText{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0}
.missionGrid .cardList{display:flex;flex-direction:column;gap:24px}
.missionGrid .valueCard{background:#fff;padding:32px;border-radius:20px;border:2px solid #ECEEF2;transition:all .25s ease;position:relative;overflow:hidden}
.missionGrid .valueCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FFA518,#1A0038);transform:scaleY(0);transform-origin:bottom;transition:transform .3s ease}
.missionGrid .valueCard:hover::before{transform:scaleY(1);transform-origin:top}
.missionGrid .valueCard:hover{border-color:#FFA518;box-shadow:0 8px 24px #1a00381f;transform:translateX(8px)}
.missionGrid .cardTitle{font-size:22px;font-weight:700;color:#1A0038;margin:0 0 12px}
.missionGrid .cardBody{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0}
@media (max-width: 768px) {
.missionGrid{grid-template-columns:1fr;gap:40px;margin-bottom:80px}
.missionGrid .leftPanel{position:static}
.missionGrid .headingLarge{font-size:30px}
}
.teamShowcase{max-width:960px;margin:0 auto 80px;background:linear-gradient(135deg,#1A0038 0%,#2d0060 100%);border-radius:32px;padding:80px 60px;position:relative;overflow:hidden}
.teamShowcase::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffa51826 0%,transparent 70%);pointer-events:none}
.teamShowcase .titleRow{text-align:center;margin-bottom:60px;position:relative;z-index:2}
.teamShowcase .titleRow h2{font-size:38px;font-weight:700;color:#fff;margin:0 0 16px}
.teamShowcase .titleRow p{font-size:18px;line-height:1.6;color:#ffffffd9;max-width:640px;margin:0 auto}
.teamShowcase .membersGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;position:relative;z-index:2}
.teamShowcase .memberBox{background:#ffffff14;border:2px solid #ffffff1f;border-radius:24px;padding:40px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:all .25s ease;backdrop-filter:blur(10px)}
.teamShowcase .memberBox:hover{background:#ffffff1f;border-color:#FFA518;transform:translateY(-8px);box-shadow:0 12px 32px #0000004d}
.teamShowcase .avatarCircle{width:140px;height:140px;border-radius:50%;overflow:hidden;margin-bottom:24px;border:4px solid #FFA518;box-shadow:0 6px 20px #ffa51866}
.teamShowcase .avatarCircle img{width:100%;height:100%;object-fit:cover}
.teamShowcase .memberName{font-size:24px;font-weight:700;color:#fff;margin:0 0 8px}
.teamShowcase .memberRole{font-size:15px;font-weight:600;color:#FFA518;margin:0 0 16px;letter-spacing:.5px}
.teamShowcase .memberDesc{font-size:15px;line-height:1.6;color:#fffc;margin:0}
@media (max-width: 768px) {
.teamShowcase{padding:60px 32px;margin-bottom:60px}
.teamShowcase .titleRow h2{font-size:32px}
.teamShowcase .membersGrid{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 375px) {
.teamShowcase{padding:48px 20px}
.teamShowcase .memberBox{padding:32px 20px}
}
.titleHero{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:#ECEEF2}
.titleHero .bgImageWrapper{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.titleHero .bgImageWrapper img{width:100%;height:100%;object-fit:cover;filter:blur(8px);animation:clearBlur 1.2s ease-out forwards}
@keyframes clearBlur {
to{filter:blur(0)}
}
.titleHero .overlayGradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ffa518d9 0%,#1a0038e0 100%);z-index:2}
.titleHero .textContent{position:relative;z-index:3;max-width:960px;margin:0 auto;padding:0 24px;text-align:center}
.titleHero .mainTitle{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;line-height:1.2}
.titleHero .leadParagraph{font-size:20px;color:#fff;line-height:1.6;margin:0 0 16px}
.titleHero .closingLine{font-size:18px;color:#ffffffeb;line-height:1.5;margin:0}
.titleHero .waveDivider{position:absolute;bottom:-1px;left:0;width:100%;z-index:4}
.titleHero .waveDivider svg{display:block;width:100%;height:60px}
.contactDetails{background:#fff;padding:80px 24px}
.contactDetails .wrapperMax{max-width:960px;margin:0 auto}
.contactDetails .detailsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.contactDetails .infoCard{background:linear-gradient(145deg,#ECEEF2 0%,#fff 100%);border-radius:24px;padding:32px;box-shadow:0 4px 8px #1a003814;transition:all .2s ease}
.contactDetails .infoCard:hover{box-shadow:0 6px 16px #1a003824;transform:translateY(-4px)}
.contactDetails .infoCard .iconBox{width:56px;height:56px;background:linear-gradient(135deg,#FFA518 0%,#1A0038 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contactDetails .infoCard .iconBox svg{width:28px;height:28px;fill:#fff}
.contactDetails .infoCard .cardHeading{font-size:22px;font-weight:600;color:#1A0038;margin:0 0 12px}
.contactDetails .infoCard .cardText{font-size:16px;color:#333;line-height:1.6;margin:0}
.contactDetails .infoCard .cardText a{color:#FFA518;text-decoration:none;transition:color .15s ease}
.contactDetails .infoCard .cardText a:hover{color:#1A0038}
.formSection{background:linear-gradient(180deg,#ECEEF2 0%,#fff 100%);padding:80px 24px 100px}
.formSection .wrapperMax{max-width:720px;margin:0 auto}
.formSection .sectionHeading{font-size:38px;font-weight:700;color:#1A0038;text-align:center;margin:0 0 16px}
.formSection .sectionSubtext{font-size:18px;color:#333;text-align:center;line-height:1.6;margin:0 0 48px}
.formSection .contactForm{background:#fff;border-radius:28px;padding:48px;box-shadow:0 8px 24px #1a00381a}
.formSection .formRow{margin-bottom:28px}
.formSection .formRow label{display:block;font-size:15px;font-weight:600;color:#1A0038;margin-bottom:8px}
.formSection .formRow input[type="text"],.formSection .formRow input[type="email"],.formSection .formRow input[type="tel"]{width:100%;padding:14px 18px;font-size:16px;color:#333;background:#ECEEF2;border:2px solid transparent;border-radius:16px;box-sizing:border-box;transition:all .2s ease}
.formSection .formRow input[type="text"]:focus,.formSection .formRow input[type="email"]:focus,.formSection .formRow input[type="tel"]:focus{outline:none;border-color:#FFA518;background:#fff;box-shadow:inset 0 2px 4px #1a00380f}
.formSection .formRow select{width:100%;padding:14px 18px;font-size:16px;color:#333;background:#ECEEF2;border:2px solid transparent;border-radius:16px;box-sizing:border-box;cursor:pointer;transition:all .2s ease;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%231A0038' d='M0 0l6 8 6-8z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center}
.formSection .formRow select:focus{outline:none;border-color:#FFA518;background-color:#fff;box-shadow:inset 0 2px 4px #1a00380f}
.formSection .radioGroup{display:flex;gap:24px;flex-wrap:wrap}
.formSection .radioGroup .radioOption{display:flex;align-items:center;cursor:pointer}
.formSection .radioGroup input[type="radio"]{width:20px;height:20px;margin:0 8px 0 0;cursor:pointer;accent-color:#FFA518}
.formSection .radioGroup label{margin:0;cursor:pointer;font-weight:500}
.formSection .privacyCheckbox{display:flex;align-items:flex-start;margin-bottom:32px}
.formSection .privacyCheckbox input[type="checkbox"]{width:20px;height:20px;margin:2px 12px 0 0;cursor:pointer;accent-color:#FFA518;flex-shrink:0}
.formSection .privacyCheckbox label{font-size:14px;color:#333;line-height:1.5;cursor:pointer;margin:0;font-weight:400}
.formSection .privacyCheckbox label a{color:#FFA518;text-decoration:none}
.formSection .privacyCheckbox label a:hover{text-decoration:underline}
.formSection .submitButton{width:100%;padding:16px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#FFA518 0%,#1A0038 100%);border:none;border-radius:20px;cursor:pointer;box-shadow:0 4px 12px #ffa5184d;transition:all .2s ease}
.formSection .submitButton:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ffa51866}
.formSection .submitButton:active{transform:translateY(0);box-shadow:0 2px 8px #ffa5184d}
@media (max-width: 768px) {
.titleHero{min-height:360px}
.titleHero .mainTitle{font-size:36px}
.titleHero .leadParagraph{font-size:18px}
.titleHero .closingLine{font-size:16px}
.contactDetails{padding:60px 20px}
.contactDetails .detailsGrid{gap:28px}
.formSection{padding:60px 20px 80px}
.formSection .sectionHeading{font-size:32px}
.formSection .contactForm{padding:32px 24px}
.formSection .radioGroup{flex-direction:column;gap:16px}
}
@media (max-width: 375px) {
.titleHero .mainTitle{font-size:30px}
.contactDetails .infoCard{padding:24px}
.formSection .contactForm{padding:24px 20px}
}
.heroLanding{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.heroLanding .backgroundLayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.heroLanding .backgroundLayer img{width:100%;height:100%;object-fit:cover;filter:blur(3px)}
.heroLanding .gridOverlay{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(#ffa51808 1px,transparent 1px),linear-gradient(90deg,#ffa51808 1px,transparent 1px);background-size:60px 60px;z-index:2}
.heroLanding .glassBox{position:relative;z-index:3;background:#eceef2d9;backdrop-filter:blur(12px);padding:48px 56px;border-radius:24px;max-width:720px;margin:0 20px;box-shadow:0 8px 32px #1a00381f}
.heroLanding .animatedTitle{font-size:52px;font-weight:700;line-height:1.2;color:#1A0038;margin:0;overflow:hidden}
.heroLanding .animatedTitle .wordStagger{display:inline-block;animation:revealWord .6s ease-out forwards;opacity:0;transform:translateY(30px)}
.heroLanding .animatedTitle .wordStagger:nth-child(1){animation-delay:.1s}
.heroLanding .animatedTitle .wordStagger:nth-child(2){animation-delay:.25s}
.heroLanding .animatedTitle .wordStagger:nth-child(3){animation-delay:.4s}
.heroLanding .animatedTitle .wordStagger:nth-child(4){animation-delay:.55s}
.heroLanding .animatedTitle .wordStagger:nth-child(5){animation-delay:.7s}
@keyframes revealWord {
to{opacity:1;transform:translateY(0)}
}
.programGrid{max-width:960px;margin:0 auto 90px;padding:0 20px}
.programGrid .titleRow{margin-bottom:56px}
.programGrid .titleRow h2{font-size:38px;font-weight:700;color:#FFA518;margin:0 0 16px;position:relative;display:inline-block}
.programGrid .titleRow h2::after{content:'';position:absolute;bottom:-8px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#FFA518,#1A0038);border-radius:2px}
.programGrid .descText{font-size:17px;line-height:1.7;color:#2d2d2d;max-width:680px;margin:0}
.programGrid .cardHolder{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.programGrid .courseCard{background:#fff;border-radius:20px;padding:36px 32px;box-shadow:0 4px 16px #1a003814;transition:transform .2s ease,box-shadow .2s ease;border:2px solid transparent}
.programGrid .courseCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #1a003824;border-color:#FFA518}
.programGrid .courseCard h3{font-size:24px;font-weight:700;color:#1A0038;margin:0 0 14px}
.programGrid .courseCard .cardDesc{font-size:16px;line-height:1.6;color:#3d3d3d;margin:0 0 24px}
.programGrid .courseCard .durationLabel{display:inline-block;background:linear-gradient(135deg,#FFA518,#ff8a00);color:#fff;padding:8px 18px;border-radius:16px;font-size:14px;font-weight:600}
.expertProfiles{background:linear-gradient(165deg,#ECEEF2 0%,#f8f9fb 100%);padding:80px 20px;margin-bottom:90px}
.expertProfiles .innerWrap{max-width:960px;margin:0 auto}
.expertProfiles h2{font-size:40px;font-weight:700;color:#1A0038;text-align:center;margin:0 0 60px}
.expertProfiles .profileRow{display:flex;gap:40px;align-items:flex-start}
.expertProfiles .profileBox{flex:1;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 6px 20px #1a00381a;transition:transform .22s ease}
.expertProfiles .profileBox:hover{transform:scale(1.04)}
.expertProfiles .profileBox .photoWrap{width:100%;height:280px;overflow:hidden}
.expertProfiles .profileBox .photoWrap img{width:100%;height:100%;object-fit:cover}
.expertProfiles .profileBox .textContent{padding:28px 24px}
.expertProfiles .profileBox .expertName{font-size:22px;font-weight:700;color:#1A0038;margin:0 0 8px}
.expertProfiles .profileBox .expertRole{font-size:15px;color:#FFA518;font-weight:600;margin:0 0 16px}
.expertProfiles .profileBox .bioText{font-size:15px;line-height:1.6;color:#4a4a4a;margin:0}
.interactiveTabs{max-width:960px;margin:0 auto 90px;padding:0 20px}
.interactiveTabs .sectionHeader{text-align:center;margin-bottom:48px}
.interactiveTabs .sectionHeader h2{font-size:38px;font-weight:700;color:#FFA518;margin:0 0 12px}
.interactiveTabs .sectionHeader .subline{font-size:17px;color:#3d3d3d;margin:0}
.interactiveTabs .tabContainer{background:#fff;border-radius:28px;padding:40px;box-shadow:0 6px 24px #1a003817}
.interactiveTabs input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.interactiveTabs .tabNav{display:flex;gap:16px;margin-bottom:36px;border-bottom:3px solid #ECEEF2;padding-bottom:4px}
.interactiveTabs .tabNav label{flex:1;text-align:center;padding:14px 20px;font-size:16px;font-weight:600;color:#6a6a6a;cursor:pointer;border-radius:16px 16px 0 0;transition:all .2s ease;position:relative;z-index:10}
.interactiveTabs .tabNav label:hover{color:#1A0038;background:#ffa51814}
.interactiveTabs input[type="radio"]:checked + label{color:#1A0038;background:linear-gradient(180deg,#ffa5181f,transparent);border-bottom:3px solid #FFA518;margin-bottom:-3px}
.interactiveTabs .tabPanel{display:none;animation:fadeInPanel .3s ease}
@keyframes fadeInPanel {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.interactiveTabs #tab1:checked ~ .panel1,.interactiveTabs #tab2:checked ~ .panel2,.interactiveTabs #tab3:checked ~ .panel3{display:block}
.interactiveTabs .panelContent h3{font-size:26px;font-weight:700;color:#1A0038;margin:0 0 20px}
.interactiveTabs .panelContent .contentPara{font-size:16px;line-height:1.7;color:#3d3d3d;margin:0 0 20px}
.interactiveTabs .panelContent .bulletList{list-style:none;padding:0;margin:0}
.interactiveTabs .panelContent .bulletList li{font-size:16px;line-height:1.6;color:#3d3d3d;margin-bottom:12px;padding-left:28px;position:relative}
.interactiveTabs .panelContent .bulletList li::before{content:'';position:absolute;left:0;top:8px;width:12px;height:12px;background:#FFA518;border-radius:50%}
.ctaSection{background:linear-gradient(135deg,#1A0038 0%,#3d1070 100%);padding:90px 20px;position:relative;overflow:hidden}
.ctaSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ffa51826 0%,transparent 70%);border-radius:50%}
.ctaSection .centerBox{max-width:720px;margin:0 auto;text-align:center;position:relative;z-index:2}
.ctaSection h2{font-size:42px;font-weight:700;color:#fff;margin:0 0 20px}
.ctaSection .leadPara{font-size:18px;line-height:1.6;color:#ffffffe6;margin:0 0 40px}
.ctaSection .actionButton{display:inline-block;background:linear-gradient(90deg,#FFA518,#ff8a00);color:#fff;font-size:18px;font-weight:700;padding:18px 48px;border-radius:28px;text-decoration:none;box-shadow:0 6px 20px #ffa51866;transition:transform .2s ease,box-shadow .2s ease;position:relative;z-index:20}
.ctaSection .actionButton:hover{transform:translateY(-4px);box-shadow:0 10px 28px #ffa51880}
@media (max-width: 768px) {
.heroLanding{min-height:420px;margin-bottom:60px}
.heroLanding .glassBox{padding:32px 28px}
.heroLanding .animatedTitle{font-size:36px}
.programGrid{margin-bottom:60px}
.programGrid .titleRow h2{font-size:32px}
.programGrid .cardHolder{grid-template-columns:1fr;gap:24px}
.expertProfiles{padding:60px 20px;margin-bottom:60px}
.expertProfiles h2{font-size:32px;margin-bottom:40px}
.expertProfiles .profileRow{flex-direction:column;gap:28px}
.interactiveTabs{margin-bottom:60px}
.interactiveTabs .sectionHeader h2{font-size:32px}
.interactiveTabs .tabContainer{padding:24px 20px}
.interactiveTabs .tabNav{flex-direction:column;gap:8px}
.ctaSection{padding:60px 20px}
.ctaSection h2{font-size:32px}
.ctaSection .actionButton{font-size:16px;padding:16px 36px}
}
@media (max-width: 375px) {
.heroLanding .animatedTitle{font-size:28px}
.programGrid .titleRow h2{font-size:26px}
.expertProfiles h2{font-size:28px}
.interactiveTabs .sectionHeader h2{font-size:28px}
.ctaSection h2{font-size:28px}
}
.newsPage{background:#ECEEF2;padding:0;margin:0}
.topBanner{background:linear-gradient(135deg,#1A0038 0%,#FFA518 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.topBanner::before{content:'';position:absolute;top:-50%;right:-10%;width:500px;height:500px;background:#ffa5181a;border-radius:50%}
.topBanner h1{color:#fff;font-size:52px;margin:0 0 16px;font-weight:700;position:relative}
.topBanner p{color:#ffffffe6;font-size:18px;margin:0;max-width:640px;margin-left:auto;margin-right:auto;position:relative}
.contentWrap{max-width:960px;margin:0 auto;padding:60px 20px}
.gridNews{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;margin-bottom:80px}
.articleBox{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 8px #1a003814;transition:transform 180ms,box-shadow 180ms;display:flex;flex-direction:column;position:relative}
.articleBox:hover{transform:translateY(-8px);box-shadow:0 12px 24px #1a003826}
.articleBox img{width:100%;height:200px;object-fit:cover;display:block}
.articleContent{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.tagRow{display:flex;gap:8px;margin-bottom:12px;flex-wrap:wrap}
.tagItem{background:linear-gradient(90deg,#FFA518 0%,#1A0038 100%);color:#fff;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.categoryLabel{background:#ECEEF2;color:#1A0038;padding:4px 12px;border-radius:16px;font-size:12px;font-weight:600}
.articleBox h3{font-size:22px;color:#1A0038;margin:0 0 12px;font-weight:700;line-height:1.3}
.articleBox h4{font-size:16px;color:#FFA518;margin:0 0 12px;font-weight:600;line-height:1.4}
.shortDesc{font-size:15px;color:#333;line-height:1.6;margin:0 0 16px;flex-grow:1}
.metaInfo{display:flex;align-items:center;justify-content:space-between;font-size:13px;color:#666;padding-top:16px;border-top:1px solid #ECEEF2}
.authorSection{display:flex;align-items:center;gap:8px}
.authorSection::before{content:'';width:32px;height:32px;background:linear-gradient(135deg,#FFA518 0%,#1A0038 100%);border-radius:50%;display:block}
.readTime{color:#999;font-size:12px}
.statsRow{display:flex;gap:16px;align-items:center;margin-top:8px}
.statItem{display:flex;align-items:center;gap:4px;font-size:13px;color:#666}
.statItem svg{width:16px;height:16px;fill:#FFA518}
.datePublish{font-size:13px;color:#999;margin-top:8px}
.ctaSection{background:#fff;border-radius:32px;padding:60px 40px;text-align:center;box-shadow:0 8px 16px #1a00381a;margin-bottom:80px;position:relative;overflow:hidden}
.ctaSection::after{content:'';position:absolute;bottom:-20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#ffa5181a 0%,transparent 70%);border-radius:50%}
.ctaSection h2{font-size:38px;color:#1A0038;margin:0 0 16px;font-weight:700;position:relative}
.ctaSection p{font-size:17px;color:#333;line-height:1.7;max-width:680px;margin:0 auto 32px;position:relative}
.btnAction{display:inline-block;background:linear-gradient(90deg,#FFA518 0%,#1A0038 100%);color:#fff;padding:16px 48px;border-radius:24px;text-decoration:none;font-weight:700;font-size:16px;transition:transform 150ms,box-shadow 150ms;box-shadow:0 4px 12px #ffa5184d;position:relative;z-index:2}
.btnAction:hover{transform:scale(1.05);box-shadow:0 8px 20px #ffa51866}
.featureGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px;margin-bottom:80px}
.featureCard{background:#fff;border-radius:24px;padding:36px 28px;text-align:center;box-shadow:0 4px 8px #1a003814;transition:transform 180ms;position:relative}
.featureCard:hover{transform:translateY(-6px)}
.featureCard::before{content:'';width:64px;height:64px;background:linear-gradient(135deg,#FFA518 0%,#1A0038 100%);border-radius:50%;display:block;margin:0 auto 20px}
.featureCard h3{font-size:22px;color:#1A0038;margin:0 0 12px;font-weight:700}
.featureCard p{font-size:15px;color:#333;line-height:1.6;margin:0}
.statsShowcase{background:linear-gradient(135deg,#1A0038 0%,#FFA518 100%);border-radius:32px;padding:60px 40px;margin-bottom:80px;position:relative;overflow:hidden}
.statsShowcase::before{content:'';position:absolute;top:-30%;right:-15%;width:500px;height:500px;background:#ffffff0d;border-radius:50%}
.statsShowcase h2{text-align:center;color:#fff;font-size:42px;margin:0 0 48px;font-weight:700;position:relative}
.statsInner{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;position:relative}
.statBox{text-align:center}
.statNumber{font-size:56px;color:#FFA518;font-weight:700;display:block;margin-bottom:8px;text-shadow:0 2px 8px #0003}
.statLabel{font-size:16px;color:#ffffffe6;font-weight:600}
@media (max-width: 768px) {
.topBanner h1{font-size:36px}
.topBanner p{font-size:16px}
.topBanner{padding:60px 20px}
.contentWrap{padding:40px 20px}
.gridNews{grid-template-columns:1fr;gap:24px}
.ctaSection h2{font-size:28px}
.ctaSection p{font-size:15px}
.ctaSection{padding:40px 24px}
.statsShowcase h2{font-size:32px}
.statNumber{font-size:42px}
.featureGrid{grid-template-columns:1fr}
.statsShowcase{padding:40px 24px}
}
@media (max-width: 375px) {
.topBanner h1{font-size:28px}
.articleBox h3{font-size:19px}
.gridNews{gap:20px}
}
.journalHero{background:linear-gradient(135deg,#FFA518 0%,#1A0038 100%);padding:80px 20px 60px;text-align:center;margin-bottom:60px}
.journalHero .heroContent{max-width:960px;margin:0 auto}
.journalHero h1{font-size:48px;font-weight:700;color:#FFF;margin:0 0 16px}
.journalHero .heroSubtext{font-size:18px;color:#ECEEF2;line-height:1.6;max-width:640px;margin:0 auto}
.contentWrapper{max-width:960px;margin:0 auto;padding:0 20px 80px}
.articlesGrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:32px;margin-bottom:60px}
.articleCard{background:#FFF;border-radius:24px;overflow:hidden;box-shadow:0 4px 6px #1a003814;transition:transform 0.2s,box-shadow .2s;display:flex;flex-direction:column}
.articleCard:hover{transform:translateY(-4px);box-shadow:0 8px 16px #1a003829}
.articleCard .imageHolder{width:100%;height:200px;overflow:hidden;position:relative}
.articleCard .imageHolder img{width:100%;height:100%;object-fit:cover;transition:transform .25s}
.articleCard:hover .imageHolder img{transform:scale(1.05)}
.articleCard .cardBody{padding:24px;flex-grow:1;display:flex;flex-direction:column}
.articleCard .articleTag{display:inline-block;background:linear-gradient(90deg,#FFA518,#FF8C00);color:#FFF;padding:6px 14px;border-radius:16px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;align-self:flex-start}
.articleCard .cardTitle{font-size:22px;font-weight:700;color:#1A0038;margin:0 0 10px;line-height:1.3}
.articleCard .cardSubtitle{font-size:16px;color:#FFA518;font-weight:600;margin:0 0 12px}
.articleCard .cardDescription{font-size:15px;color:#4A4A4A;line-height:1.6;margin:0 0 16px;flex-grow:1}
.articleCard .cardFooter{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid #ECEEF2}
.articleCard .publishInfo{font-size:13px;color:#6B6B6B}
.articleCard .readDuration{font-size:13px;color:#1A0038;font-weight:600;background:#ECEEF2;padding:4px 10px;border-radius:12px}
.articleCard .readMoreLink{text-decoration:none;color:inherit;display:block}
.insightSection{background:linear-gradient(180deg,#ECEEF2 0%,#FFF 100%);padding:60px 20px;margin-bottom:60px;border-radius:32px}
.insightSection .sectionInner{max-width:760px;margin:0 auto;text-align:center}
.insightSection h2{font-size:36px;font-weight:700;color:#1A0038;margin:0 0 20px;position:relative;display:inline-block}
.insightSection h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60px;height:4px;background:linear-gradient(90deg,#FFA518,#1A0038);border-radius:2px}
.insightSection .sectionText{font-size:16px;color:#4A4A4A;line-height:1.7;margin:0}
.statsDisplay{background:#1A0038;padding:60px 20px;border-radius:32px;margin-bottom:60px}
.statsDisplay .statsContainer{max-width:860px;margin:0 auto}
.statsDisplay h2{font-size:32px;font-weight:700;color:#FFF;text-align:center;margin:0 0 48px}
.statsDisplay .statsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.statsDisplay .statBox{text-align:center;padding:24px;background:#ffa5181a;border-radius:20px;border:2px solid #FFA518;transition:background .2s}
.statsDisplay .statBox:hover{background:#ffa51833}
.statsDisplay .statNumber{font-size:42px;font-weight:700;color:#FFA518;margin:0 0 8px;display:block}
.statsDisplay .statLabel{font-size:16px;color:#ECEEF2;font-weight:500;display:block}
.ctaBlock{background:linear-gradient(135deg,#FFA518 0%,#FF8C00 100%);padding:60px 20px;border-radius:32px;text-align:center}
.ctaBlock .ctaInner{max-width:640px;margin:0 auto}
.ctaBlock h2{font-size:34px;font-weight:700;color:#FFF;margin:0 0 16px}
.ctaBlock .ctaText{font-size:17px;color:#FFF;line-height:1.6;margin:0 0 32px;opacity:.95}
.ctaBlock .ctaButton{display:inline-block;background:#1A0038;color:#FFF;padding:16px 40px;border-radius:24px;font-size:16px;font-weight:700;text-decoration:none;transition:transform 0.2s,box-shadow .2s;box-shadow:0 6px 12px #1a00384d}
.ctaBlock .ctaButton:hover{transform:translateY(-2px);box-shadow:0 8px 16px #1a003866}
@media (max-width: 768px) {
.journalHero h1{font-size:36px}
.journalHero .heroSubtext{font-size:16px}
.articlesGrid{grid-template-columns:1fr;gap:24px}
.insightSection h2{font-size:28px}
.statsDisplay h2{font-size:26px}
.statsDisplay .statsGrid{grid-template-columns:1fr;gap:20px}
.ctaBlock h2{font-size:28px}
}
@media (max-width: 375px) {
.journalHero{padding:60px 16px 40px}
.journalHero h1{font-size:28px}
.articleCard .cardTitle{font-size:20px}
.contentWrapper{padding:0 16px 60px}
}
.successWrap{background:linear-gradient(to bottom,#fff0 0%,#ffa51814 100%);padding:80px 20px;min-height:500px;display:flex;align-items:center;justify-content:center}
.successInner{max-width:960px;width:100%;margin:0 auto;text-align:center;position:relative;padding:60px 40px}
.successInner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid #FFA518;border-radius:24px;opacity:.3;pointer-events:none}
.successInner::after{content:'';position:absolute;top:12px;left:12px;right:12px;bottom:12px;border:1px solid #1A0038;border-radius:20px;opacity:.15;pointer-events:none}
.successInner .mainHeading{font-size:56px;font-weight:700;color:#1A0038;margin:0 0 20px;line-height:1.2;position:relative;z-index:1}
.successInner .subHeading{font-size:22px;font-weight:400;color:#1A0038;margin:0 0 40px;line-height:1.5;opacity:.85;position:relative;z-index:1}
.successInner .actionLink{display:inline-block;padding:18px 48px;background:linear-gradient(135deg,#FFA518 0%,#1A0038 100%);color:#fff;text-decoration:none;font-size:18px;font-weight:600;border-radius:28px;transition:all 220ms ease;position:relative;z-index:2;box-shadow:0 4px 12px #ffa51840}
.successInner .actionLink:hover{transform:translateY(-3px);box-shadow:0 8px 20px #ffa51859}
.successInner .actionLink:active{transform:translateY(-1px);box-shadow:0 4px 12px #ffa51840}
.decorativeShape1{position:absolute;width:120px;height:120px;border:3px solid #FFA518;border-radius:50%;top:-40px;right:60px;opacity:.2;z-index:0}
.decorativeShape2{position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#1A0038 0%,#FFA518 100%);border-radius:16px;bottom:-25px;left:80px;opacity:.12;z-index:0;transform:rotate(15deg)}
@media (max-width: 768px) {
.successWrap{padding:60px 16px;min-height:400px}
.successInner{padding:40px 24px}
.successInner .mainHeading{font-size:36px;margin:0 0 16px}
.successInner .subHeading{font-size:18px;margin:0 0 32px}
.successInner .actionLink{padding:14px 36px;font-size:16px;border-radius:24px}
.decorativeShape1{width:80px;height:80px;top:-30px;right:20px}
.decorativeShape2{width:60px;height:60px;bottom:-20px;left:30px}
}
@media (max-width: 375px) {
.successInner .mainHeading{font-size:28px}
.successInner .subHeading{font-size:16px}
.successInner .actionLink{padding:12px 28px;font-size:15px}
}