*{margin:0;padding:0;box-sizing:border-box}
:root{font-size:16px}
html{scroll-behavior:smooth}
body{font-family:'Noto Sans',sans-serif;font-weight:400;line-height:1.6;color:#2c2c2c;background:#FFF}
.MainHeaderWrapper{background:linear-gradient(135deg,#391B84 0%,#5a2db8 100%);box-shadow:0 4px 12px #391b8426;position:relative}
.TopBrandRow{background:#fbd24a1f;padding:12px 0;border-bottom:1px solid #fbd24a33}
.TopBrandRow .container{max-width:1280px;margin:0 auto;padding:0 20px;text-align:center}
.CompanyNameHeader{font-size:1.5rem;font-weight:700;color:#FBD24A;letter-spacing:.5px}
.MiddleInfoRow{padding:20px 0}
.MiddleInfoRow .container{max-width:1280px;margin:0 auto;padding:0 20px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.LogoContainerBox{flex-shrink:0}
.LogoImage{height:90px;width:90px;display:block;background:#FFF;padding:8px;border-radius:12px;box-shadow:0 3px 10px #00000026}
.ContactDetailsWrapper{display:flex;gap:35px;flex-wrap:wrap;align-items:center}
.ContactItemBox{display:flex;align-items:center;gap:10px;color:#FFF}
.ContactItemBox i{font-size:1.4rem;color:#FBD24A}
.ContactItemBox a{color:#FFF;text-decoration:none;font-size:.95rem;transition:color .2s}
.ContactItemBox a:hover{color:#FBD24A}
.BottomNavRow{background:#00000026;padding:0}
.BottomNavRow .container{max-width:1280px;margin:0 auto;padding:0 20px}
.MainNavigation{display:flex;justify-content:center;list-style:none;gap:0}
.MainNavigation li{margin:0}
.MainNavigation a{display:block;padding:16px 24px;color:#FFF;text-decoration:none;font-weight:400;font-size:1rem;transition:background 0.2s,color .2s;position:relative}
.MainNavigation a:hover{background:#fbd24a26;color:#FBD24A}
.FooterMainWrapper{background:linear-gradient(180deg,#391B84 0%,#2a1362 100%);padding:40px 0 20px;margin-top:60px;color:#FFF}
.FooterContentGrid{max-width:1280px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:30px}
.FooterNavSection h3{color:#FBD24A;font-size:1.1rem;margin-bottom:15px;font-weight:700}
.FooterLinksWrapper{list-style:none;display:flex;flex-direction:column;gap:8px}
.FooterLinksWrapper a{color:#ffffffd9;text-decoration:none;font-size:.95rem;transition:color .2s}
.FooterLinksWrapper a:hover{color:#FBD24A}
.FooterContactSection h3{color:#FBD24A;font-size:1.1rem;margin-bottom:15px;font-weight:700}
.FooterContactDetails{display:flex;flex-direction:column;gap:12px}
.FooterContactItem{display:flex;align-items:flex-start;gap:10px;color:#ffffffd9;font-size:.95rem}
.FooterContactItem i{color:#FBD24A;font-size:1.2rem;margin-top:2px}
.FooterContactItem a{color:#ffffffd9;text-decoration:none;transition:color .2s}
.FooterContactItem a:hover{color:#FBD24A}
.CopyrightBar{max-width:1280px;margin:0 auto;padding:20px 20px 0;border-top:1px solid #fbd24a33;text-align:center;color:#ffffffb3;font-size:.9rem}
.CookieConsentPanel{position:fixed;left:0;top:50%;transform:translateY(-50%);background:#FFF;width:380px;max-height:90vh;overflow-y:auto;box-shadow:4px 0 24px #0003;border-radius:0 16px 16px 0;z-index:10000;opacity:0;transition:opacity .4s ease}
.CookieConsentPanel.ShowPanel{opacity:1}
.CookiePanelHeader{background:linear-gradient(135deg,#391B84,#FBD24A);padding:20px;color:#FFF}
.CookiePanelHeader h2{font-size:1.3rem;margin-bottom:8px;font-weight:700}
.PolicyLinkBox a{color:#FFF;text-decoration:underline;font-size:.9rem}
.CookiePanelBody{padding:20px}
.CookieDescription{margin-bottom:20px;color:#2c2c2c;font-size:.95rem;line-height:1.5}
.CookieCategoryGrid{display:grid;gap:12px;margin-bottom:20px}
.CategoryCard{background:#f8f8f8;border:2px solid #e0e0e0;border-radius:10px;padding:15px;transition:border-color .2s}
.CategoryCard:hover{border-color:#391B84}
.CategoryHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}
.CategoryHeader h4{font-size:1rem;color:#391B84;font-weight:700}
.ToggleSwitch{position:relative;width:48px;height:24px}
.ToggleSwitch input{opacity:0;width:0;height:0}
.SliderToggle{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#ccc;border-radius:24px;transition:background .3s}
.SliderToggle:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background:#fff;border-radius:50%;transition:transform .3s}
.ToggleSwitch input:checked + .SliderToggle{background:#391B84}
.ToggleSwitch input:checked + .SliderToggle:before{transform:translateX(24px)}
.ToggleSwitch input:disabled + .SliderToggle{opacity:.5;cursor:not-allowed}
.CategoryDescription{font-size:.85rem;color:#666;line-height:1.4}
.DataSaleOptOut{background:#fff5e6;border:2px solid #FBD24A;border-radius:10px;padding:15px;margin-bottom:20px}
.DataSaleOptOut h4{font-size:.95rem;color:#391B84;margin-bottom:8px;font-weight:700}
.DataSaleOptOut p{font-size:.85rem;color:#666;margin-bottom:10px}
.ButtonGroupWrapper{display:flex;gap:10px;flex-direction:column}
.BtnGradient{border:none;padding:12px 20px;border-radius:10px;font-weight:700;font-size:1rem;cursor:pointer;transition:transform 0.2s,box-shadow .2s;font-family:'Noto Sans',sans-serif}
.BtnGradient:hover{transform:translateY(-2px);box-shadow:0 6px 16px #00000026}
.BtnAccept{background:linear-gradient(135deg,#391B84,#5a2db8);color:#FFF}
.BtnDecline{background:linear-gradient(135deg,#666,#888);color:#FFF}
@media (max-width: 768px) {
.MiddleInfoRow .container{flex-direction:column;text-align:center}
.ContactDetailsWrapper{justify-content:center;width:100%}
.MainNavigation{flex-direction:column;align-items:stretch}
.MainNavigation a{text-align:center;border-bottom:1px solid #ffffff1a}
.FooterContentGrid{grid-template-columns:1fr;gap:30px}
.CookieConsentPanel{width:95%;left:2.5%;top:auto;bottom:20px;transform:none;border-radius:16px}
.CompanyNameHeader{font-size:1.25rem}
.LogoImage{height:75px;width:75px}
}
@media (max-width: 480px) {
.ContactDetailsWrapper{flex-direction:column;gap:15px}
.ButtonGroupWrapper{gap:8px}
.BtnGradient{padding:10px 16px;font-size:.95rem}
}
.doc-section{max-width:1280px;margin:0 auto;padding:80px 20px;background:#FFF}
.doc-section strong,.doc-section b{font-weight:700;color:#391B84}
.doc-section em,.doc-section i{font-style:italic;color:#391B84}
.doc-section a{color:#391B84;text-decoration:none;border-bottom:2px solid #FBD24A;transition:all .3s ease;font-weight:600}
.doc-section a:hover{color:#FBD24A;border-bottom-color:#391B84;background:linear-gradient(90deg,#fbd24a1a,#391b841a)}
.doc-section a:focus{outline:3px solid #FBD24A;outline-offset:2px;border-radius:4px}
.doc-section hr{border:none;height:3px;background:linear-gradient(90deg,#FBD24A 0%,#391B84 100%);margin:60px 0;border-radius:8px;box-shadow:0 2px 8px #391b8426}
.doc-section div{margin-bottom:32px;line-height:1.8;color:#2c2c2c}
.doc-section h1{font-size:48px;font-weight:700;color:#391B84;margin-bottom:24px;line-height:1.2;text-shadow:2px 2px 4px #fbd24a33}
.doc-section h2{font-size:36px;font-weight:700;color:#391B84;margin-top:56px;margin-bottom:20px;line-height:1.3;border-left:6px solid #FBD24A;padding-left:20px;background:linear-gradient(90deg,#fbd24a14,transparent);padding-top:8px;padding-bottom:8px;border-radius:0 8px 8px 0}
.doc-section h3{font-size:28px;font-weight:600;color:#391B84;margin-top:44px;margin-bottom:16px;line-height:1.4}
.doc-section h4{font-size:22px;font-weight:600;color:#391B84;margin-top:36px;margin-bottom:12px;line-height:1.4}
.doc-section h5{font-size:18px;font-weight:600;color:#391B84;margin-top:28px;margin-bottom:12px;line-height:1.5}
.doc-section h6{font-size:16px;font-weight:600;color:#391B84;margin-top:24px;margin-bottom:12px;line-height:1.5}
.doc-section p{font-size:17px;line-height:1.8;color:#2c2c2c;margin-bottom:24px}
.doc-section ul,.doc-section ol{margin-bottom:28px;padding-left:40px;line-height:1.8}
.doc-section ul li,.doc-section ol li{margin-bottom:12px;font-size:17px;color:#2c2c2c}
.doc-section ul li{list-style-type:none;position:relative}
.doc-section ul li:before{content:"";position:absolute;left:-28px;top:10px;width:10px;height:10px;background:linear-gradient(135deg,#FBD24A,#391B84);border-radius:50%;box-shadow:0 2px 4px #391b8433}
.doc-section ol{counter-reset:policy-counter}
.doc-section ol li{counter-increment:policy-counter;position:relative}
.doc-section ol li:before{content:counter(policy-counter) ".";position:absolute;left:-40px;font-weight:700;color:#391B84}
.doc-section blockquote{border-left:6px solid #FBD24A;background:linear-gradient(90deg,#fbd24a1a,#391b840d);padding:24px 28px;margin:32px 0;font-style:italic;color:#391B84;border-radius:0 12px 12px 0;box-shadow:4px 4px 12px #391b8414}
.doc-section table{width:100%;border-collapse:separate;border-spacing:0;margin:32px 0;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px #391b841a}
.doc-section table thead{background:linear-gradient(135deg,#391B84,#5a3db8)}
.doc-section table thead th{color:#FFF;font-weight:700;padding:16px 20px;text-align:left;font-size:16px}
.doc-section table tbody tr{background:#FFF;transition:background .3s ease}
.doc-section table tbody tr:nth-child(even){background:#fbd24a0d}
.doc-section table tbody tr:hover{background:#fbd24a26}
.doc-section table tbody td{padding:14px 20px;border-bottom:1px solid #391b841a;color:#2c2c2c;font-size:16px}
.doc-section code{background:#391b8414;color:#391B84;padding:3px 8px;border-radius:6px;font-family:"Courier New",monospace;font-size:15px;border:1px solid #391b8426}
.doc-section pre{background:#391b840d;border-left:4px solid #FBD24A;padding:20px;margin:28px 0;border-radius:8px;overflow-x:auto;box-shadow:inset 2px 2px 6px #391b841a}
.doc-section pre code{background:none;border:none;padding:0}
@media (max-width: 768px) {
.doc-section{padding:60px 16px}
.doc-section h1{font-size:36px}
.doc-section h2{font-size:28px;margin-top:44px}
.doc-section h3{font-size:24px}
.doc-section h4{font-size:20px}
.doc-section p,.doc-section ul li,.doc-section ol li{font-size:16px}
.doc-section ul,.doc-section ol{padding-left:28px}
.doc-section table{font-size:14px}
.doc-section table thead th,.doc-section table tbody td{padding:12px 14px}
}
@media (max-width: 480px) {
.doc-section{padding:40px 12px}
.doc-section h1{font-size:30px}
.doc-section h2{font-size:24px;padding-left:14px}
.doc-section h3{font-size:20px}
.doc-section blockquote{padding:18px 20px}
}
.TopBlock{background:linear-gradient(135deg,#391B84 0%,#FBD24A 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.TopBlock::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbd24a4d 0%,transparent 70%);border-radius:50%}
.TopBlock .ContentWrap{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.TopBlock .TextSide{flex:1;color:#FFF}
.TopBlock .TextSide h1{font-size:48px;line-height:1.2;margin:0 0 24px;font-weight:700}
.TopBlock .TextSide .SubLine{font-size:20px;line-height:1.6;margin:0 0 32px;opacity:.95}
.TopBlock .TextSide .ActionBtn{display:inline-block;background:#FFF;color:#391B84;padding:16px 40px;border-radius:12px;text-decoration:none;font-weight:600;font-size:18px;transition:all .3s ease;box-shadow:0 4px 12px #00000026}
.TopBlock .TextSide .ActionBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0003}
.TopBlock .ImageSide{flex:1;position:relative}
.TopBlock .ImageSide .ImgFrame{position:relative;transform:rotate(-3deg);border-radius:16px;overflow:hidden;box-shadow:0 20px 40px #0000004d}
.TopBlock .ImageSide .ImgFrame::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(0deg,#391b8408 0px,transparent 1px,transparent 2px,#391b8408 3px);pointer-events:none}
.TopBlock .ImageSide .ImgFrame img{width:100%;height:480px;object-fit:cover;display:block}
.SupportSection{padding:100px 20px;background:#FFF}
.SupportSection .InnerWrap{max-width:1280px;margin:0 auto}
.SupportSection .SectionHead{text-align:center;margin-bottom:60px}
.SupportSection .SectionHead h2{font-size:40px;color:#391B84;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.SupportSection .SectionHead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FBD24A,#391B84);border-radius:2px}
.SupportSection .SectionHead .IntroText{font-size:18px;color:#555;line-height:1.7;max-width:700px;margin:24px auto 0}
.SupportSection .CardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}
.SupportSection .SupportCard{background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);padding:40px 32px;border-radius:16px;border:2px solid transparent;transition:all .3s ease;position:relative}
.SupportSection .SupportCard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:16px;padding:2px;background:linear-gradient(135deg,#FBD24A,#391B84);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .3s ease}
.SupportSection .SupportCard:hover::before{opacity:1}
.SupportSection .SupportCard:hover{transform:translateY(-5px);box-shadow:0 12px 30px #391b8426}
.SupportSection .SupportCard .CardIcon{width:64px;height:64px;background:linear-gradient(135deg,#FBD24A,#391B84);border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:32px;color:#FFF}
.SupportSection .SupportCard h3{font-size:22px;color:#391B84;margin:0 0 16px;font-weight:600}
.SupportSection .SupportCard .CardText{font-size:16px;color:#666;line-height:1.7;margin:0}
.FlexibilityArea{padding:100px 20px;background:linear-gradient(180deg,#FFF 0%,#f5f5f5 100%);position:relative}
.FlexibilityArea .ContentContainer{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:80px}
.FlexibilityArea .VisualColumn{flex:1}
.FlexibilityArea .VisualColumn img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #0000001f}
.FlexibilityArea .TextColumn{flex:1}
.FlexibilityArea .TextColumn h2{font-size:38px;color:#391B84;margin:0 0 24px;font-weight:700}
.FlexibilityArea .TextColumn .DescriptionPara{font-size:17px;color:#555;line-height:1.8;margin:0 0 32px}
.FlexibilityArea .PathOptions{display:flex;flex-direction:column;gap:20px}
.FlexibilityArea .PathItem{background:#FFF;padding:24px;border-radius:12px;border-left:4px solid #FBD24A;box-shadow:0 4px 12px #0000000f;transition:all .3s ease}
.FlexibilityArea .PathItem:hover{border-left-color:#391B84;transform:translateX(8px);box-shadow:0 6px 18px #0000001a}
.FlexibilityArea .PathItem h4{font-size:19px;color:#391B84;margin:0 0 10px;font-weight:600}
.FlexibilityArea .PathItem .PathDetail{font-size:15px;color:#666;line-height:1.6;margin:0}
.EcosystemZone{padding:100px 20px;background:linear-gradient(135deg,#391B84 0%,#5a3ba8 100%);color:#FFF}
.EcosystemZone .MainContainer{max-width:1280px;margin:0 auto}
.EcosystemZone .HeadingArea{text-align:center;margin-bottom:70px}
.EcosystemZone .HeadingArea h2{font-size:42px;margin:0 0 20px;font-weight:700}
.EcosystemZone .HeadingArea .LeadText{font-size:19px;line-height:1.7;max-width:750px;margin:0 auto;opacity:.95}
.EcosystemZone .StageGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.EcosystemZone .StageBox{background:#ffffff14;padding:36px 28px;border-radius:14px;backdrop-filter:blur(10px);border:1px solid #ffffff26;transition:all .3s ease;position:relative}
.EcosystemZone .StageBox:hover{background:#ffffff1f;transform:translateY(-6px);box-shadow:0 12px 30px #0003}
.EcosystemZone .StageBox .StageNum{font-size:48px;font-weight:700;color:#FBD24A;margin:0 0 16px;line-height:1}
.EcosystemZone .StageBox h3{font-size:20px;margin:0 0 14px;font-weight:600}
.EcosystemZone .StageBox .StageInfo{font-size:15px;line-height:1.6;margin:0;opacity:.9}
.AboutPlatform{padding:100px 20px;background:#FFF}
.AboutPlatform .WrapContent{max-width:1280px;margin:0 auto;display:flex;align-items:center;gap:70px}
.AboutPlatform .LeftContent{flex:1}
.AboutPlatform .LeftContent h2{font-size:40px;color:#391B84;margin:0 0 28px;font-weight:700;position:relative;padding-left:24px}
.AboutPlatform .LeftContent h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#FBD24A,#391B84);border-radius:3px}
.AboutPlatform .LeftContent .StoryText{font-size:17px;color:#555;line-height:1.8;margin:0 0 24px}
.AboutPlatform .LeftContent .HighlightBox{background:linear-gradient(135deg,#FBD24A 0%,#fbd24a33 100%);padding:28px 32px;border-radius:12px;border-left:5px solid #391B84;margin-top:32px}
.AboutPlatform .LeftContent .HighlightBox .QuoteText{font-size:18px;color:#391B84;line-height:1.7;margin:0;font-weight:500;font-style:italic}
.AboutPlatform .RightContent{flex:1}
.AboutPlatform .RightContent img{width:100%;height:500px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #0000001f}
.AboutPlatform .MetricsRow{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.AboutPlatform .MetricItem{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#f9f9f9 0%,#fff 100%);border-radius:12px;box-shadow:0 4px 12px #0000000f}
.AboutPlatform .MetricItem .BigNum{font-size:48px;font-weight:700;color:#391B84;margin:0 0 12px;line-height:1}
.AboutPlatform .MetricItem .MetricLabel{font-size:16px;color:#666;margin:0;line-height:1.5}
@media (max-width: 1024px) {
.TopBlock .ContentWrap{flex-direction:column;gap:40px}
.TopBlock .ImageSide .ImgFrame img{height:380px}
.SupportSection .CardsGrid{grid-template-columns:repeat(2,1fr);gap:30px}
.FlexibilityArea .ContentContainer{flex-direction:column;gap:50px}
.EcosystemZone .StageGrid{grid-template-columns:repeat(2,1fr);gap:25px}
.AboutPlatform .WrapContent{flex-direction:column-reverse;gap:50px}
.AboutPlatform .MetricsRow{grid-template-columns:repeat(2,1fr);gap:30px}
}
@media (max-width: 768px) {
.TopBlock{padding:60px 20px 70px}
.TopBlock .TextSide h1{font-size:36px}
.TopBlock .TextSide .SubLine{font-size:18px}
.TopBlock .ImageSide .ImgFrame img{height:300px}
.SupportSection,.FlexibilityArea,.EcosystemZone,.AboutPlatform{padding:70px 20px}
.SupportSection .SectionHead h2,.FlexibilityArea .TextColumn h2,.EcosystemZone .HeadingArea h2,.AboutPlatform .LeftContent h2{font-size:32px}
.SupportSection .CardsGrid{grid-template-columns:1fr;gap:25px}
.FlexibilityArea .VisualColumn img{height:350px}
.EcosystemZone .StageGrid{grid-template-columns:1fr;gap:20px}
.AboutPlatform .RightContent img{height:350px}
.AboutPlatform .MetricsRow{grid-template-columns:1fr;gap:20px}
}
.TitleWrapper{max-width:1280px;margin:80px auto 0;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TitleWrapper .TextContent h1{font-size:48px;line-height:1.2;color:#391B84;margin:0 0 24px}
.TitleWrapper .TextContent h1 .FirstPhrase{display:block;background:linear-gradient(135deg,#FBD24A 0%,#391B84 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px}
.TitleWrapper .TextContent .IntroText{font-size:18px;line-height:1.7;color:#333;margin:0}
.TitleWrapper .ImageSection{position:relative;padding:16px}
.TitleWrapper .ImageSection::before{content:'';position:absolute;top:0;left:0;width:200px;height:200px;border:3px solid #FBD24A;border-right:none;border-bottom:none;z-index:1}
.TitleWrapper .ImageSection img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 16px 32px #391b8433;position:relative;z-index:2}
.StoryContainer{max-width:1280px;margin:120px auto;padding:0 20px;display:flex;gap:80px;align-items:flex-start}
.StoryContainer .LeftColumn{flex:1}
.StoryContainer .LeftColumn h2{font-size:36px;color:#391B84;margin:0 0 20px;line-height:1.3}
.StoryContainer .LeftColumn .StoryParagraph{font-size:16px;line-height:1.8;color:#444;margin:0 0 20px}
.StoryContainer .RightColumn{flex:1;background:linear-gradient(135deg,#FBD24A 0%,#FFE17A 100%);padding:48px;border-radius:16px;box-shadow:0 12px 24px #fbd24a4d}
.StoryContainer .RightColumn h3{font-size:28px;color:#391B84;margin:0 0 24px}
.StoryContainer .RightColumn .MilestoneList{list-style:none;padding:0;margin:0}
.StoryContainer .RightColumn .MilestoneList li{display:flex;align-items:center;margin-bottom:20px;font-size:16px;color:#391B84;line-height:1.6}
.StoryContainer .RightColumn .MilestoneList li::before{content:'';width:12px;height:12px;background:#391B84;border-radius:50%;margin-right:16px;flex-shrink:0}
.ApproachGrid{background:linear-gradient(180deg,#F8F5FF 0%,#FFF 100%);padding:100px 20px}
.ApproachGrid .GridContainer{max-width:1280px;margin:0 auto}
.ApproachGrid .GridContainer h2{font-size:40px;color:#391B84;text-align:center;margin:0 0 60px}
.ApproachGrid .GridContainer h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#FBD24A 0%,#391B84 100%);margin:16px auto 0}
.ApproachGrid .CardsWrapper{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.ApproachGrid .ApproachCard{background:#FFF;padding:40px 32px;border-radius:12px;box-shadow:0 8px 16px #391b841a;transition:transform 0.3s,box-shadow .3s}
.ApproachGrid .ApproachCard:hover{transform:translateY(-8px);box-shadow:0 16px 32px #391b8426}
.ApproachGrid .ApproachCard .IconCircle{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#FBD24A 0%,#FFE17A 100%);display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.ApproachGrid .ApproachCard .IconCircle i{font-size:32px;color:#391B84}
.ApproachGrid .ApproachCard h4{font-size:22px;color:#391B84;margin:0 0 16px}
.ApproachGrid .ApproachCard p{font-size:15px;line-height:1.7;color:#555;margin:0}
.TeamShowcase{max-width:1280px;margin:100px auto;padding:0 20px}
.TeamShowcase h2{font-size:38px;color:#391B84;margin:0 0 48px;text-align:center}
.TeamShowcase .ProcessTimeline{position:relative;padding:40px 0}
.TeamShowcase .ProcessTimeline::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FBD24A 0%,#391B84 100%);transform:translateX(-50%)}
.TeamShowcase .TimelineItem{display:flex;margin-bottom:60px;position:relative}
.TeamShowcase .TimelineItem:nth-child(odd){flex-direction:row}
.TeamShowcase .TimelineItem:nth-child(even){flex-direction:row-reverse}
.TeamShowcase .TimelineItem .ItemContent{flex:1;padding:0 40px}
.TeamShowcase .TimelineItem .ItemContent h5{font-size:24px;color:#391B84;margin:0 0 16px}
.TeamShowcase .TimelineItem .ItemContent p{font-size:16px;line-height:1.7;color:#444;margin:0}
.TeamShowcase .TimelineItem .TimelineMarker{position:absolute;left:50%;transform:translateX(-50%);width:24px;height:24px;background:#FBD24A;border:4px solid #391B84;border-radius:50%;z-index:3}
.TeamShowcase .ImageGallery{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:60px}
.TeamShowcase .ImageGallery img{width:100%;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 8px 16px #391b8426}
.ValueSection{background:#391B84;padding:100px 20px;position:relative;overflow:hidden}
.ValueSection::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fbd24a1a 0%,transparent 70%);border-radius:50%}
.ValueSection .ContentWrapper{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.ValueSection .ContentWrapper h2{font-size:42px;color:#FBD24A;margin:0 0 32px;text-align:center}
.ValueSection .ContentWrapper .ValueText{font-size:18px;line-height:1.8;color:#FFF;max-width:900px;margin:0 auto 48px;text-align:center}
.ValueSection .StatsDisplay{display:flex;justify-content:space-around;gap:40px}
.ValueSection .StatCard{text-align:center;flex:1}
.ValueSection .StatCard .StatNumber{font-size:56px;font-weight:700;color:#FBD24A;margin:0 0 12px;line-height:1}
.ValueSection .StatCard .StatLabel{font-size:16px;color:#FFF;margin:0;opacity:.9}
.ValueSection .CTAButton{display:inline-block;background:linear-gradient(135deg,#FBD24A 0%,#FFE17A 100%);color:#391B84;padding:18px 48px;border-radius:10px;text-decoration:none;font-size:18px;font-weight:700;margin:40px auto 0;display:block;width:fit-content;box-shadow:0 8px 16px #fbd24a4d;transition:transform 0.3s,box-shadow .3s;z-index:10;position:relative}
.ValueSection .CTAButton:hover{transform:translateY(-4px);box-shadow:0 12px 24px #fbd24a66}
@media (max-width: 968px) {
.TitleWrapper{grid-template-columns:1fr;gap:40px;margin-top:60px}
.TitleWrapper .TextContent h1{font-size:36px}
.TitleWrapper .ImageSection img{height:360px}
.StoryContainer{flex-direction:column;gap:40px;margin:80px auto}
.ApproachGrid .CardsWrapper{grid-template-columns:1fr;gap:24px}
.TeamShowcase .ProcessTimeline::before{left:20px}
.TeamShowcase .TimelineItem,.TeamShowcase .TimelineItem:nth-child(even){flex-direction:row}
.TeamShowcase .TimelineItem .ItemContent{padding-left:60px;padding-right:0}
.TeamShowcase .TimelineItem .TimelineMarker{left:20px;transform:none}
.TeamShowcase .ImageGallery{grid-template-columns:1fr}
.ValueSection .StatsDisplay{flex-direction:column;gap:32px}
}
@media (max-width: 640px) {
.TitleWrapper .TextContent h1{font-size:28px}
.TitleWrapper .ImageSection::before{width:120px;height:120px}
.TitleWrapper .ImageSection img{height:280px}
.StoryContainer .RightColumn{padding:32px 24px}
.ApproachGrid{padding:60px 20px}
.ApproachGrid .GridContainer h2{font-size:32px}
.ValueSection{padding:60px 20px}
.ValueSection .ContentWrapper h2{font-size:32px}
.ValueSection .StatCard .StatNumber{font-size:42px}
}
.HeroContactWrap{background:linear-gradient(135deg,#391B84 0%,#FBD24A 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroContactWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#fbd24a33 0%,transparent 70%);border-radius:50%}
.HeroContactWrap::after{content:'';position:absolute;bottom:-30%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,#ffffff1a 0%,transparent 60%);border-radius:50%}
.hero-inner-container{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.hero-qa-block{max-width:720px;margin:0 auto;text-align:center}
.hero-qa-block .question-text{font-size:2.8rem;color:#FFF;margin-bottom:24px;font-weight:700;line-height:1.2}
.hero-qa-block .answer-text{font-size:1.25rem;color:#fffffff2;line-height:1.6}
.ContactInfoSection{padding:90px 20px;background:#FFF}
.ContactInfoSection .info-container{max-width:1280px;margin:0 auto}
.ContactInfoSection .section-intro{text-align:center;margin-bottom:70px}
.ContactInfoSection .section-intro h2{font-size:2.4rem;color:#391B84;margin-bottom:16px}
.ContactInfoSection .section-intro p{font-size:1.1rem;color:#555;max-width:680px;margin:0 auto;line-height:1.7}
.ContactCardGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.contact-card-item{background:linear-gradient(135deg,#F8F9FA 0%,#FFF 100%);padding:40px 28px;border-radius:12px;border:2px solid #FBD24A;text-align:center;transition:all .3s ease;position:relative}
.contact-card-item:hover{transform:translateY(-6px);box-shadow:0 12px 28px #391b8426}
.contact-card-item .card-icon{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#391B84 0%,#5A2DB8 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.contact-card-item .card-icon i{font-size:32px;color:#FBD24A}
.contact-card-item h3{font-size:1.4rem;color:#391B84;margin-bottom:12px}
.contact-card-item .card-detail{font-size:1rem;color:#666;line-height:1.6}
.contact-card-item .card-detail a{color:#391B84;text-decoration:none;transition:color .3s ease}
.contact-card-item .card-detail a:hover{color:#FBD24A}
.FormSectionWrap{padding:90px 20px;background:linear-gradient(180deg,#F5F0FF 0%,#FFF 100%)}
.FormSectionWrap .form-main-container{max-width:880px;margin:0 auto}
.FormSectionWrap .form-header-text{text-align:center;margin-bottom:50px}
.FormSectionWrap .form-header-text h2{font-size:2.2rem;color:#391B84;margin-bottom:14px}
.FormSectionWrap .form-header-text p{font-size:1.05rem;color:#666;line-height:1.6}
.ContactFormBox{background:#FFF;padding:50px 45px;border-radius:16px;box-shadow:0 8px 24px #391b841a}
.ContactFormBox .form-row-2{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.ContactFormBox .form-group{margin-bottom:24px}
.ContactFormBox label{display:block;font-size:.95rem;color:#391B84;margin-bottom:8px;font-weight:600}
.ContactFormBox input[type="text"],.ContactFormBox input[type="email"],.ContactFormBox input[type="tel"],.ContactFormBox textarea,.ContactFormBox select{width:100%;padding:14px 16px;border:2px solid #E0E0E0;border-radius:8px;font-size:1rem;color:#333;transition:all .3s ease;background:#FFF}
.ContactFormBox input[type="text"]:focus,.ContactFormBox input[type="email"]:focus,.ContactFormBox input[type="tel"]:focus,.ContactFormBox textarea:focus,.ContactFormBox select:focus{outline:none;border-color:#FBD24A;box-shadow:0 0 0 3px #fbd24a33}
.ContactFormBox textarea{resize:vertical;min-height:140px}
.ContactFormBox select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23391B84' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}
.ContactFormBox .preference-group{margin-bottom:28px}
.ContactFormBox .preference-group label{margin-bottom:12px}
.ContactFormBox .time-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px}
.ContactFormBox .time-option-wrapper{position:relative}
.ContactFormBox .time-option-wrapper input[type="radio"]{position:absolute;opacity:0}
.ContactFormBox .time-option-wrapper label.time-label{display:block;padding:12px 16px;border:2px solid #E0E0E0;border-radius:8px;text-align:center;cursor:pointer;transition:all .3s ease;font-weight:500;color:#666}
.ContactFormBox .time-option-wrapper input[type="radio"]:checked + label.time-label{background:linear-gradient(135deg,#391B84 0%,#5A2DB8 100%);border-color:#391B84;color:#FFF}
.ContactFormBox .time-option-wrapper label.time-label:hover{border-color:#FBD24A}
.ContactFormBox .privacy-checkbox-wrapper{margin-bottom:28px;display:flex;align-items:flex-start;gap:10px}
.ContactFormBox .privacy-checkbox-wrapper input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#391B84}
.ContactFormBox .privacy-checkbox-wrapper label{font-size:.9rem;color:#666;line-height:1.5;margin-bottom:0;font-weight:400}
.ContactFormBox .privacy-checkbox-wrapper label a{color:#391B84;text-decoration:underline;transition:color .3s ease}
.ContactFormBox .privacy-checkbox-wrapper label a:hover{color:#FBD24A}
.ContactFormBox .submit-btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#391B84 0%,#5A2DB8 100%);color:#FFF;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}
.ContactFormBox .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #391b844d}
.ContactFormBox .submit-btn:active{transform:translateY(0)}
.MapAlternativeSection{padding:90px 20px;background:#FFF}
.MapAlternativeSection .alternative-container{max-width:1280px;margin:0 auto}
.MapAlternativeSection .location-visual{background:linear-gradient(135deg,#391B84 0%,#FBD24A 100%);border-radius:16px;padding:60px 40px;text-align:center;position:relative;overflow:hidden}
.MapAlternativeSection .location-visual::before{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#ffffff26 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.MapAlternativeSection .location-visual .marker-icon{width:80px;height:80px;margin:0 auto 24px;background:#FFF;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2}
.MapAlternativeSection .location-visual .marker-icon i{font-size:40px;color:#391B84}
.MapAlternativeSection .location-visual h3{font-size:2rem;color:#FFF;margin-bottom:16px;position:relative;z-index:2}
.MapAlternativeSection .location-visual .address-text{font-size:1.15rem;color:#fffffff2;line-height:1.7;max-width:540px;margin:0 auto;position:relative;z-index:2}
.FAQContactSection{padding:90px 20px;background:linear-gradient(180deg,#FFF 0%,#F5F0FF 100%)}
.FAQContactSection .faq-container{max-width:900px;margin:0 auto}
.FAQContactSection .faq-header{text-align:center;margin-bottom:60px}
.FAQContactSection .faq-header h2{font-size:2.3rem;color:#391B84;margin-bottom:14px}
.FAQContactSection .faq-header p{font-size:1.05rem;color:#666}
.faq-item-wrapper{margin-bottom:20px}
.faq-item-wrapper input[type="radio"]{display:none}
.faq-item-wrapper .faq-question-label{display:block;padding:22px 28px;background:#FFF;border:2px solid #E0E0E0;border-radius:10px;cursor:pointer;transition:all .3s ease;font-size:1.15rem;font-weight:600;color:#391B84;position:relative}
.faq-item-wrapper .faq-question-label::after{content:'+';position:absolute;right:28px;top:50%;transform:translateY(-50%);font-size:1.8rem;color:#FBD24A;transition:transform .3s ease}
.faq-item-wrapper input[type="radio"]:checked + .faq-question-label{background:linear-gradient(135deg,#391B84 0%,#5A2DB8 100%);border-color:#391B84;color:#FFF}
.faq-item-wrapper input[type="radio"]:checked + .faq-question-label::after{content:'−';transform:translateY(-50%) rotate(180deg);color:#FBD24A}
.faq-item-wrapper .faq-question-label:hover{border-color:#FBD24A}
.faq-item-wrapper .faq-answer-content{max-height:0;overflow:hidden;transition:max-height .4s ease;background:#F8F9FA;border-radius:0 0 10px 10px}
.faq-item-wrapper input[type="radio"]:checked ~ .faq-answer-content{max-height:400px;border:2px solid #E0E0E0;border-top:none;margin-top:-10px;padding-top:10px}
.faq-item-wrapper .faq-answer-inner{padding:20px 28px;font-size:1rem;color:#555;line-height:1.7}
@media (max-width: 768px) {
.HeroContactWrap{padding:60px 20px}
.hero-qa-block .question-text{font-size:2rem}
.hero-qa-block .answer-text{font-size:1.1rem}
.ContactInfoSection{padding:60px 20px}
.ContactInfoSection .section-intro h2{font-size:1.9rem}
.ContactCardGrid{grid-template-columns:1fr;gap:24px}
.FormSectionWrap{padding:60px 20px}
.FormSectionWrap .form-header-text h2{font-size:1.8rem}
.ContactFormBox{padding:35px 25px}
.ContactFormBox .form-row-2{grid-template-columns:1fr;gap:20px}
.ContactFormBox .time-options{grid-template-columns:1fr}
.MapAlternativeSection{padding:60px 20px}
.MapAlternativeSection .location-visual{padding:40px 25px}
.MapAlternativeSection .location-visual h3{font-size:1.6rem}
.FAQContactSection{padding:60px 20px}
.FAQContactSection .faq-header h2{font-size:1.9rem}
.faq-item-wrapper .faq-question-label{padding:18px 50px 18px 20px;font-size:1.05rem}
.faq-item-wrapper .faq-question-label::after{right:20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.ContactCardGrid{grid-template-columns:repeat(2,1fr)}
.ContactFormBox .time-options{grid-template-columns:repeat(2,1fr)}
}
.HeroBlock{background:linear-gradient(135deg,#391B84 0%,#FBD24A 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroBlock::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 30% 50%,#fbd24a33 0%,transparent 50%);pointer-events:none}
.HeroBlock .content-wrap{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.HeroBlock .text-area h1{font-size:56px;line-height:1.1;color:#FFF;margin:0 0 16px}
.HeroBlock .text-area .subtitle{font-size:28px;line-height:1.3;color:#FBD24A;margin:0 0 24px}
.HeroBlock .text-area .description{font-size:18px;line-height:1.6;color:#ffffffe6;margin:0}
.HeroBlock .image-area{position:relative}
.HeroBlock .image-area::before{content:'';position:absolute;top:-20px;left:-20px;right:20px;bottom:20px;background:#fbd24a26;border-radius:12px;z-index:1}
.HeroBlock .image-area img{width:100%;height:420px;object-fit:cover;border-radius:12px;position:relative;z-index:2;box-shadow:0 12px 32px #0000004d}
.CoursePathway{padding:90px 20px;background:#FFF}
.CoursePathway .pathway-container{max-width:1280px;margin:0 auto}
.CoursePathway .section-header{text-align:center;margin-bottom:60px}
.CoursePathway .section-header h2{font-size:42px;color:#391B84;margin:0 0 16px;position:relative;display:inline-block}
.CoursePathway .section-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FBD24A,#391B84);border-radius:2px}
.CoursePathway .section-header p{font-size:18px;color:#555;max-width:720px;margin:0 auto;line-height:1.6}
.CoursePathway .pathway-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.CoursePathway .pathway-step{background:linear-gradient(135deg,#FFF 0%,#f8f8f8 100%);border:2px solid #FBD24A;border-radius:12px;padding:32px 24px;position:relative;transition:all .3s ease}
.CoursePathway .pathway-step:hover{transform:translateY(-8px);box-shadow:0 16px 40px #391b8426;border-color:#391B84}
.CoursePathway .pathway-step .step-number{position:absolute;top:-16px;left:24px;width:44px;height:44px;background:linear-gradient(135deg,#391B84,#5a3db8);color:#FBD24A;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;box-shadow:0 4px 12px #391b844d}
.CoursePathway .pathway-step h3{font-size:22px;color:#391B84;margin:16px 0 12px}
.CoursePathway .pathway-step p{font-size:15px;color:#666;line-height:1.6;margin:0}
.CoursePathway .pathway-step .icon-holder{font-size:36px;color:#FBD24A;margin-bottom:8px}
.DetailedBreakdown{padding:90px 20px;background:linear-gradient(to bottom,#f9f9f9 0%,#FFF 100%)}
.DetailedBreakdown .breakdown-wrapper{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:380px 1fr;gap:70px;align-items:start}
.DetailedBreakdown .image-column img{width:100%;height:520px;object-fit:cover;border-radius:16px;box-shadow:0 8px 24px #0000001f}
.DetailedBreakdown .content-column h2{font-size:40px;color:#391B84;margin:0 0 32px}
.DetailedBreakdown .module-list{display:flex;flex-direction:column;gap:24px}
.DetailedBreakdown .module-item{background:#FFF;border-left:5px solid #FBD24A;border-radius:8px;padding:24px 28px;box-shadow:0 4px 16px #0000000f;transition:all .3s ease}
.DetailedBreakdown .module-item:hover{border-left-color:#391B84;box-shadow:0 8px 24px #391b841f;transform:translateX(8px)}
.DetailedBreakdown .module-item h4{font-size:20px;color:#391B84;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.DetailedBreakdown .module-item h4 i{color:#FBD24A;font-size:24px}
.DetailedBreakdown .module-item p{font-size:15px;color:#666;line-height:1.7;margin:0}
.SkillComparison{padding:90px 20px;background:#391B84;position:relative;overflow:hidden}
.SkillComparison::before{content:'';position:absolute;top:0;right:0;width:500px;height:500px;background:radial-gradient(circle,#fbd24a1a 0%,transparent 70%);pointer-events:none}
.SkillComparison .comparison-container{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.SkillComparison .comparison-container h2{font-size:38px;color:#FBD24A;text-align:center;margin:0 0 56px}
.SkillComparison .skills-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.SkillComparison .skill-card{background:#ffffff0d;border:2px solid #fbd24a4d;border-radius:12px;padding:32px 28px;backdrop-filter:blur(10px);transition:all .3s ease}
.SkillComparison .skill-card:hover{background:#ffffff14;border-color:#FBD24A;transform:scale(1.05)}
.SkillComparison .skill-card h3{font-size:24px;color:#FBD24A;margin:0 0 20px}
.SkillComparison .progress-bar{background:#ffffff1a;height:8px;border-radius:4px;margin-bottom:16px;overflow:hidden}
.SkillComparison .progress-fill{height:100%;background:linear-gradient(90deg,#FBD24A 0%,#ffd970 100%);border-radius:4px;transition:width .6s ease}
.SkillComparison .skill-card:nth-child(1) .progress-fill{width:85%}
.SkillComparison .skill-card:nth-child(2) .progress-fill{width:78%}
.SkillComparison .skill-card:nth-child(3) .progress-fill{width:92%}
.SkillComparison .skill-card:nth-child(4) .progress-fill{width:70%}
.SkillComparison .skill-card:nth-child(5) .progress-fill{width:88%}
.SkillComparison .skill-card:nth-child(6) .progress-fill{width:95%}
.SkillComparison .skill-card p{font-size:15px;color:#ffffffd9;line-height:1.6;margin:0}
.NextSteps{padding:90px 20px;background:linear-gradient(135deg,#FFF 0%,#f5f5f5 100%)}
.NextSteps .steps-container{max-width:1280px;margin:0 auto;text-align:center}
.NextSteps h2{font-size:40px;color:#391B84;margin:0 0 20px}
.NextSteps .intro-text{font-size:18px;color:#666;max-width:740px;margin:0 auto 48px;line-height:1.7}
.NextSteps .action-cards{display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.NextSteps .action-card{background:#FFF;border-radius:14px;padding:40px 32px;width:100%;max-width:380px;box-shadow:0 6px 20px #00000014;transition:all .3s ease}
.NextSteps .action-card:hover{box-shadow:0 12px 36px #391b8426;transform:translateY(-6px)}
.NextSteps .action-card .card-icon{font-size:52px;color:#FBD24A;margin-bottom:20px}
.NextSteps .action-card h3{font-size:26px;color:#391B84;margin:0 0 16px}
.NextSteps .action-card p{font-size:16px;color:#666;line-height:1.6;margin:0 0 28px}
.NextSteps .action-card .btn-primary{display:inline-block;background:linear-gradient(135deg,#391B84 0%,#5a3db8 100%);color:#FBD24A;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #391b8433;border:none;cursor:pointer;position:relative;z-index:10}
.NextSteps .action-card .btn-primary:hover{transform:scale(1.05);box-shadow:0 6px 18px #391b8459;background:linear-gradient(135deg,#2d1566 0%,#4a2e9a 100%)}
.NextSteps .action-card .btn-secondary{display:inline-block;background:transparent;color:#391B84;padding:14px 32px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;border:2px solid #391B84;transition:all .3s ease;cursor:pointer;position:relative;z-index:10}
.NextSteps .action-card .btn-secondary:hover{background:#391B84;color:#FBD24A;transform:scale(1.05)}
@media (max-width: 968px) {
.HeroBlock .content-wrap{grid-template-columns:1fr;gap:40px}
.HeroBlock .text-area h1{font-size:42px}
.HeroBlock .text-area .subtitle{font-size:22px}
.CoursePathway .pathway-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.DetailedBreakdown .breakdown-wrapper{grid-template-columns:1fr;gap:40px}
.DetailedBreakdown .image-column img{height:400px}
.SkillComparison .skills-grid{grid-template-columns:repeat(2,1fr);gap:24px}
.NextSteps .action-cards{flex-direction:column;align-items:center}
}
@media (max-width: 640px) {
.HeroBlock{padding:60px 20px}
.HeroBlock .text-area h1{font-size:32px}
.HeroBlock .text-area .subtitle{font-size:18px}
.HeroBlock .image-area img{height:300px}
.CoursePathway{padding:60px 20px}
.CoursePathway .section-header h2{font-size:32px}
.CoursePathway .pathway-grid{grid-template-columns:1fr}
.DetailedBreakdown{padding:60px 20px}
.DetailedBreakdown .content-column h2{font-size:30px}
.SkillComparison{padding:60px 20px}
.SkillComparison .comparison-container h2{font-size:30px}
.SkillComparison .skills-grid{grid-template-columns:1fr}
.NextSteps{padding:60px 20px}
.NextSteps h2{font-size:30px}
}
.HeroUpcoming{position:relative;max-width:1280px;margin:0 auto;padding:80px 24px;overflow:hidden}
.HeroUpcoming .BackgroundShapes{position:absolute;top:0;right:0;width:50%;height:100%;display:flex;align-items:center;justify-content:center;z-index:1}
.HeroUpcoming .BackgroundShapes svg{width:100%;height:auto;opacity:.12}
.HeroUpcoming .ContentGrid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.HeroUpcoming .TextSide h1{font-size:3.2rem;font-weight:700;color:#391B84;margin:0 0 24px;line-height:1.2;position:relative}
.HeroUpcoming .TextSide h1::before{content:'';position:absolute;left:-20px;top:10px;width:6px;height:60%;background:linear-gradient(180deg,#FBD24A 0%,#391B84 100%);border-radius:3px}
.HeroUpcoming .TextSide .Explanation{font-size:1.1rem;line-height:1.7;color:#333;margin:0;padding-left:8px;border-left:2px solid #FBD24A}
.HeroUpcoming .ImageSide{position:relative}
.HeroUpcoming .ImageSide img{width:100%;height:480px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #391b8426;filter:saturate(0.85) contrast(1.05)}
.HeroUpcoming .DecorativeDots{position:absolute;bottom:-30px;right:40px;display:flex;gap:12px}
.HeroUpcoming .DecorativeDots span{width:8px;height:8px;border-radius:50%;background:#FBD24A}
.HeroUpcoming .DecorativeDots span:nth-child(2){background:linear-gradient(135deg,#FBD24A 0%,#391B84 100%)}
.HeroUpcoming .DecorativeDots span:nth-child(3){background:#391B84}
@media (max-width: 968px) {
.HeroUpcoming .ContentGrid{grid-template-columns:1fr;gap:40px}
.HeroUpcoming .BackgroundShapes{width:100%;opacity:.6}
.HeroUpcoming .TextSide h1{font-size:2.4rem}
.HeroUpcoming .ImageSide img{height:360px}
}
@media (max-width: 640px) {
.HeroUpcoming{padding:50px 20px}
.HeroUpcoming .TextSide h1{font-size:2rem}
.HeroUpcoming .ImageSide img{height:280px}
}
.CourseCatalog{max-width:1280px;margin:0 auto;padding:90px 24px;background:linear-gradient(135deg,#fbd24a14 0%,#391b840a 100%)}
.CourseCatalog .SectionHeader{text-align:center;margin-bottom:60px}
.CourseCatalog .SectionHeader h2{font-size:2.6rem;font-weight:700;color:#391B84;margin:0 0 16px;position:relative;display:inline-block}
.CourseCatalog .SectionHeader h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FBD24A 0%,#391B84 100%);border-radius:2px}
.CourseCatalog .SectionHeader p{font-size:1.05rem;color:#555;margin:20px auto 0;max-width:680px;line-height:1.6}
.CourseCatalog .CardGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CourseCatalog .CourseCard{background:#FFF;border-radius:12px;padding:32px 28px;box-shadow:0 4px 12px #00000014;transition:transform .3s ease,box-shadow .3s ease;border-top:4px solid #FBD24A}
.CourseCatalog .CourseCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #391b842e}
.CourseCatalog .CourseCard .CourseIcon{width:56px;height:56px;background:linear-gradient(135deg,#FBD24A 0%,#391B84 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.CourseCatalog .CourseCard .CourseIcon i{font-size:28px;color:#FFF}
.CourseCatalog .CourseCard h3{font-size:1.5rem;font-weight:700;color:#391B84;margin:0 0 12px;line-height:1.3}
.CourseCatalog .CourseCard .Duration{font-size:.9rem;color:#777;margin:0 0 16px;font-weight:500}
.CourseCatalog .CourseCard .CourseDescription{font-size:1rem;line-height:1.6;color:#444;margin:0 0 20px}
.CourseCatalog .CourseCard .DetailsRow{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:1px solid #e8e8e8}
.CourseCatalog .CourseCard .StartDate{font-size:.95rem;color:#555;font-weight:600}
.CourseCatalog .CourseCard .EnrollButton{background:#391B84;color:#FFF;padding:10px 24px;border-radius:8px;text-decoration:none;font-weight:600;font-size:.95rem;transition:background .3s ease,transform .2s ease;display:inline-block}
.CourseCatalog .CourseCard .EnrollButton:hover{background:#2a1463;transform:scale(1.05)}
@media (max-width: 968px) {
.CourseCatalog .CardGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.CourseCatalog .SectionHeader h2{font-size:2.2rem}
}
@media (max-width: 640px) {
.CourseCatalog{padding:60px 20px}
.CourseCatalog .CardGrid{grid-template-columns:1fr}
.CourseCatalog .SectionHeader h2{font-size:1.9rem}
.CourseCatalog .CourseCard{padding:24px 20px}
}
.LearningPath{max-width:1280px;margin:0 auto;padding:90px 24px;position:relative}
.LearningPath .PathContainer{display:grid;grid-template-columns:380px 1fr;gap:80px;align-items:start}
.LearningPath .ImageColumn img{width:100%;height:620px;object-fit:cover;border-radius:16px;box-shadow:0 16px 40px #391b8433;filter:saturate(0.9) brightness(1.05)}
.LearningPath .ContentColumn h2{font-size:2.8rem;font-weight:700;color:#391B84;margin:0 0 32px;line-height:1.2}
.LearningPath .StepTimeline{position:relative;padding-left:40px}
.LearningPath .StepTimeline::before{content:'';position:absolute;left:15px;top:12px;bottom:12px;width:3px;background:linear-gradient(180deg,#FBD24A 0%,#391B84 100%);border-radius:2px}
.LearningPath .TimelineStep{position:relative;margin-bottom:36px;padding-bottom:36px}
.LearningPath .TimelineStep:last-child{margin-bottom:0;padding-bottom:0}
.LearningPath .TimelineStep::before{content:'';position:absolute;left:-32px;top:6px;width:14px;height:14px;background:#FBD24A;border:3px solid #FFF;border-radius:50%;box-shadow:0 2px 8px #391b8440;z-index:2}
.LearningPath .TimelineStep:nth-child(2)::before{background:linear-gradient(135deg,#FBD24A 0%,#391B84 100%)}
.LearningPath .TimelineStep:nth-child(3)::before{background:#391B84}
.LearningPath .TimelineStep h3{font-size:1.4rem;font-weight:700;color:#391B84;margin:0 0 12px}
.LearningPath .TimelineStep p{font-size:1.05rem;line-height:1.7;color:#444;margin:0}
.LearningPath .PathCta{margin-top:40px;padding-left:40px}
.LearningPath .PathCta a{display:inline-block;background:linear-gradient(135deg,#FBD24A 0%,#391B84 100%);color:#FFF;padding:16px 40px;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.05rem;box-shadow:0 6px 20px #391b844d;transition:transform .3s ease,box-shadow .3s ease}
.LearningPath .PathCta a:hover{transform:translateY(-3px);box-shadow:0 10px 30px #391b8466}
@media (max-width: 968px) {
.LearningPath .PathContainer{grid-template-columns:1fr;gap:50px}
.LearningPath .ImageColumn img{height:400px}
.LearningPath .ContentColumn h2{font-size:2.3rem}
}
@media (max-width: 640px) {
.LearningPath{padding:60px 20px}
.LearningPath .ImageColumn img{height:320px}
.LearningPath .ContentColumn h2{font-size:2rem}
.LearningPath .StepTimeline{padding-left:32px}
.LearningPath .PathCta{padding-left:0}
}
.EnrollmentProcess{max-width:1280px;margin:0 auto;padding:90px 24px;background:linear-gradient(180deg,#391b8408 0%,#fbd24a0f 100%)}
.EnrollmentProcess h2{font-size:2.6rem;font-weight:700;color:#391B84;margin:0 0 20px;text-align:center}
.EnrollmentProcess .ProcessIntro{font-size:1.05rem;line-height:1.7;color:#555;text-align:center;margin:0 auto 60px;max-width:720px}
.EnrollmentProcess .StepsWrapper{display:flex;justify-content:space-between;align-items:stretch;gap:28px;position:relative}
.EnrollmentProcess .StepsWrapper::before{content:'';position:absolute;top:50px;left:10%;right:10%;height:3px;background:linear-gradient(90deg,#FBD24A 0%,#391B84 100%);z-index:1}
.EnrollmentProcess .ProcessStep{flex:1;background:#FFF;border-radius:12px;padding:48px 28px 32px;text-align:center;position:relative;z-index:2;box-shadow:0 6px 18px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.EnrollmentProcess .ProcessStep:hover{transform:translateY(-8px);box-shadow:0 12px 32px #391b8429}
.EnrollmentProcess .ProcessStep .StepNumber{position:absolute;top:-24px;left:50%;transform:translateX(-50%);width:56px;height:56px;background:linear-gradient(135deg,#FBD24A 0%,#391B84 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.6rem;font-weight:700;color:#FFF;box-shadow:0 4px 16px #391b844d}
.EnrollmentProcess .ProcessStep .StepIcon{font-size:48px;color:#391B84;margin-bottom:20px}
.EnrollmentProcess .ProcessStep h3{font-size:1.35rem;font-weight:700;color:#391B84;margin:0 0 16px}
.EnrollmentProcess .ProcessStep p{font-size:1rem;line-height:1.6;color:#555;margin:0}
.EnrollmentProcess .FinalCta{text-align:center;margin-top:60px}
.EnrollmentProcess .FinalCta a{display:inline-block;background:#391B84;color:#FFF;padding:18px 50px;border-radius:10px;text-decoration:none;font-weight:700;font-size:1.1rem;box-shadow:0 8px 24px #391b844d;transition:background .3s ease,transform .3s ease}
.EnrollmentProcess .FinalCta a:hover{background:#2a1463;transform:translateY(-3px)}
@media (max-width: 968px) {
.EnrollmentProcess .StepsWrapper{flex-direction:column;gap:40px}
.EnrollmentProcess .StepsWrapper::before{display:none}
.EnrollmentProcess h2{font-size:2.2rem}
}
@media (max-width: 640px) {
.EnrollmentProcess{padding:60px 20px}
.EnrollmentProcess h2{font-size:1.9rem}
.EnrollmentProcess .ProcessStep{padding:40px 20px 28px}
}
.SuccessWrapper{max-width:1280px;margin:0 auto;padding:0}
.HeroSuccess{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#391B84 0%,#FBD24A 100%);overflow:hidden}
.HeroSuccess::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:repeating-linear-gradient(0deg,transparent,transparent 2px,#ffffff08 2px,#ffffff08 4px),repeating-linear-gradient(90deg,transparent,transparent 2px,#ffffff08 2px,#ffffff08 4px);pointer-events:none}
.HeroSuccess::after{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#fbd24a26 0%,transparent 70%);border-radius:50%}
.DiagonalFrame{position:absolute;top:40px;left:40px;right:40px;bottom:40px;border:2px solid #fff3;transform:skewY(-2deg);pointer-events:none}
.HeroContentZone{position:relative;z-index:2;max-width:1280px;margin:0 auto;padding:80px 40px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.TextZoneHero{transform:translateX(-20px)}
.MainHeadingSuccess{font-size:3.2rem;font-weight:700;color:#FFF;margin:0 0 16px;line-height:1.1;text-shadow:0 2px 12px #391b844d}
.SecondaryHeadingSuccess{font-size:1.8rem;font-weight:500;color:#FBD24A;margin:0 0 24px;line-height:1.3}
.DescriptionSuccess{font-size:1.1rem;line-height:1.7;color:#ffffffeb;margin:0}
.ImageZoneHero{position:relative;transform:translateX(20px)}
.FauxImageSuccess{width:100%;height:420px;background:linear-gradient(165deg,#ffffff26 0%,#ffffff0d 100%);border-radius:12px;position:relative;overflow:hidden;border:1px solid #fff3;box-shadow:0 12px 40px #0003}
.FauxImageSuccess::before{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(45deg,transparent 0px,transparent 2px,#00000005 2px,#00000005 4px);opacity:.6}
.FauxImageSuccess::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120px;height:120px;background:#fbd24a40;border-radius:50%;border:3px solid #fff6}
.IconCheckmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:4rem;color:#FFF;z-index:3}
.NextStepsBlock{background:#FFF;padding:100px 40px}
.NextStepsInner{max-width:1280px;margin:0 auto}
.StepsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.StepCardWrapper{background:linear-gradient(135deg,#FFF 0%,#F8F9FA 100%);border-radius:14px;padding:44px 32px;box-shadow:0 4px 16px #391b8414;border:2px solid transparent;transition:all .3s ease;position:relative}
.StepCardWrapper::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#FBD24A 0%,#391B84 100%);border-radius:14px 14px 0 0;opacity:0;transition:opacity .3s ease}
.StepCardWrapper:hover{transform:translateY(-6px);box-shadow:0 12px 32px #391b8426;border-color:#fbd24a4d}
.StepCardWrapper:hover::before{opacity:1}
.StepNumber{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:linear-gradient(135deg,#391B84 0%,#5A2FB8 100%);color:#FFF;font-size:1.6rem;font-weight:700;border-radius:50%;margin-bottom:24px;box-shadow:0 6px 20px #391b8440}
.StepTitleText{font-size:1.5rem;font-weight:600;color:#391B84;margin:0 0 16px;line-height:1.3}
.StepDescription{font-size:1.05rem;line-height:1.65;color:#4A5568;margin:0 0 28px}
.StepActionLink{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,#FBD24A 0%,#F5C731 100%);color:#391B84;text-decoration:none;border-radius:10px;font-weight:600;font-size:1rem;transition:all .3s ease;box-shadow:0 4px 12px #fbd24a4d;position:relative;z-index:10}
.StepActionLink:hover{background:linear-gradient(135deg,#F5C731 0%,#FBD24A 100%);transform:translateX(4px);box-shadow:0 6px 18px #fbd24a73}
.StepActionLink i{font-size:1.2rem}
.StepActionLink.Outlined{background:transparent;border:2px solid #391B84;color:#391B84;box-shadow:none}
.StepActionLink.Outlined:hover{background:#391B84;color:#FFF;transform:translateX(4px)}
@media (max-width: 968px) {
.HeroContentZone{grid-template-columns:1fr;gap:40px;padding:60px 32px}
.TextZoneHero,.ImageZoneHero{transform:none}
.MainHeadingSuccess{font-size:2.4rem}
.SecondaryHeadingSuccess{font-size:1.4rem}
.StepsGrid{grid-template-columns:1fr;gap:24px}
.DiagonalFrame{display:none}
}
@media (max-width: 640px) {
.HeroSuccess{min-height:400px}
.HeroContentZone{padding:40px 20px}
.MainHeadingSuccess{font-size:2rem}
.SecondaryHeadingSuccess{font-size:1.2rem}
.DescriptionSuccess{font-size:1rem}
.FauxImageSuccess{height:280px}
.NextStepsBlock{padding:60px 20px}
.StepCardWrapper{padding:32px 24px}
}