*{margin:0;padding:0}
.SiteHeaderStructure,.SiteFooterStructure,.CookieConsentPopup .ConsentDialogContainer,.FooterContentWrapper{box-sizing:border-box}
body{font-family:'Figtree',sans-serif;background:linear-gradient(131deg,#0a0a0a 0%,#1a1a1a 50%,#0f0f0f 100%);color:#e8e8e8;line-height:1.6}
.SiteHeaderStructure{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);padding:0;position:relative;overflow:visible;box-shadow:0 4px 12px #00000080}
.HeaderTopRowContainer{padding:20px 40px;display:flex;align-items:center}
.LogoBrandingWrapper{display:flex;align-items:center}
.LogoLinkElement{display:block;line-height:0}
.BrandLogoImage{height:120px;width:120px;object-fit:contain;background:#e3f1ff0d;border-radius:8px;padding:12px;box-shadow:0 2px 8px #e3f1ff26}
.HeaderCenterRowContainer{padding:15px 110px;background:linear-gradient(90deg,#20db7114 0%,#e3f1ff0d 100%);border-top:1px solid #e3f1ff1a;border-bottom:1px solid #20db711a}
.CompanyNameDisplayArea{text-align:center}
.BrandNameHeadline{font-size:32px;font-weight:700;color:#E3F1FF;text-shadow:0 0 20px #e3f1ff66;letter-spacing:1px}
.HeaderBottomRowContainer{padding:18px 180px;display:flex;justify-content:flex-end}
.PrimaryNavigationMenu{display:flex;gap:36px;align-items:center}
.NavigationLinkItem{color:#E3F1FF;text-decoration:none;font-size:16px;font-weight:400;transition:color .3s ease;position:relative;padding:8px 0}
.NavigationLinkItem:hover{color:#20DB71}
.SiteFooterStructure{background:linear-gradient(135deg,#0f0f0f 0%,#1a1a1a 50%,#0a0a0a 100%);padding:60px 0 30px;margin-top:80px;border-top:2px solid #e3f1ff1a}
.FooterContentWrapper{max-width:1320px;margin:0 auto;padding:0 40px}
.FooterTopSection{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:60px;margin-bottom:50px}
.FooterColumnTitle{font-size:20px;font-weight:700;color:#20DB71;margin-bottom:20px;text-transform:uppercase;letter-spacing:.5px}
.FooterDescriptionText{color:#c5c5c5;font-size:15px;line-height:1.7}
.FooterLinksMenu{display:flex;flex-direction:column;gap:14px}
.FooterNavigationLink{color:#E3F1FF;text-decoration:none;font-size:15px;transition:color .3s ease}
.FooterNavigationLink:hover{color:#20DB71}
.ContactDetailsContainer{display:flex;flex-direction:column;gap:12px}
.ContactDetailItem{color:#c5c5c5;font-size:14px;display:flex;align-items:center;gap:10px}
.ContactDetailItem i{color:#20DB71;font-size:18px}
.ContactDetailItem a{color:#E3F1FF;text-decoration:none;transition:color .3s ease}
.ContactDetailItem a:hover{color:#20DB71}
.FooterBottomSection{padding-top:30px;border-top:1px solid #e3f1ff1a;text-align:center}
.CopyrightNotice{color:#888;font-size:14px}
.CookieConsentPopup{position:fixed;bottom:0;left:0;right:0;z-index:9999;display:flex;justify-content:center;align-items:flex-end;padding:20px;pointer-events:none;opacity:0;transform:translateY(100%);transition:opacity .3s ease,transform .3s ease}
.CookieConsentPopup.visible{opacity:1;transform:translateY(0);pointer-events:all}
.ConsentDialogContainer{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);border:1px solid #e3f1ff33;border-radius:10px;padding:35px;max-width:900px;width:70%;box-shadow:0 12px 40px #000000b3}
.ConsentDialogTitle{font-size:26px;font-weight:700;color:#E3F1FF;margin-bottom:12px}
.ConsentDialogDescription{color:#c5c5c5;font-size:15px;margin-bottom:28px;line-height:1.6}
.CookieCategoryGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-bottom:30px}
.CookieCategoryCard{background:#e3f1ff08;border:1px solid #e3f1ff1a;border-radius:8px;padding:20px}
.CategoryCardHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.CategoryCardTitle{font-size:16px;font-weight:700;color:#20DB71}
.CategoryToggleSwitch{position:relative;display:inline-block;width:50px;height:26px}
.CategoryCheckboxInput{opacity:0;width:0;height:0}
.ToggleSwitchSlider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#333;transition:.3s;border-radius:26px}
.ToggleSwitchSlider:before{position:absolute;content:"";height:18px;width:18px;left:4px;bottom:4px;background-color:#888;transition:.3s;border-radius:50%}
.CategoryCheckboxInput:checked + .ToggleSwitchSlider{background-color:#20DB71}
.CategoryCheckboxInput:checked + .ToggleSwitchSlider:before{transform:translateX(24px);background-color:#fff}
.CategoryCheckboxInput:disabled + .ToggleSwitchSlider{background-color:#555;cursor:not-allowed}
.CategoryCardText{color:#999;font-size:13px;line-height:1.5}
.ConsentActionButtons{display:flex;gap:15px;justify-content:center}
.ConsentActionButton{padding:12px 28px;font-size:15px;font-weight:400;border:none;border-radius:6px;cursor:pointer;transition:background-color .3s ease,color .3s ease;font-family:'Figtree',sans-serif}
.AcceptAllButton{background-color:#20DB71;color:#0a0a0a}
.AcceptAllButton:hover{background-color:#1bc661}
.DeclineAllButton{background-color:transparent;color:#E3F1FF;border:1px solid #E3F1FF}
.DeclineAllButton:hover{background-color:#e3f1ff1a}
.SavePreferencesButton{background-color:#8A2C0F;color:#E3F1FF}
.SavePreferencesButton:hover{background-color:#7a2610}
@media (max-width: 1366px) {
.HeaderCenterRowContainer{padding:15px 80px}
.HeaderBottomRowContainer{padding:18px 130px}
.FooterTopSection{gap:40px}
}
@media (max-width: 768px) {
.HeaderTopRowContainer{padding:15px 20px}
.BrandLogoImage{height:80px;width:80px}
.HeaderCenterRowContainer{padding:12px 20px}
.BrandNameHeadline{font-size:24px}
.HeaderBottomRowContainer{padding:15px 20px;justify-content:center}
.PrimaryNavigationMenu{flex-direction:column;gap:18px}
.FooterTopSection{grid-template-columns:1fr;gap:35px}
.CookieCategoryGrid{grid-template-columns:1fr}
.ConsentDialogContainer{width:90%;padding:25px}
.ConsentActionButtons{flex-direction:column}
.ConsentActionButton{width:100%}
}
@media (max-width: 375px) {
.BrandLogoImage{height:60px;width:60px}
.BrandNameHeadline{font-size:20px}
.NavigationLinkItem{font-size:14px}
.FooterColumnTitle{font-size:18px}
.ConsentDialogTitle{font-size:22px}
}
.legal-details-oblq{max-width:1320px;margin:0 auto;padding:80px 20px;background:linear-gradient(180deg,#0a0a0a 0%,#151515 100%)}
.legal-details-oblq h1{font-size:48px;line-height:1.2;color:#E3F1FF;margin:0 0 40px;font-weight:700;letter-spacing:-.5px}
.legal-details-oblq h2{font-size:36px;line-height:1.3;color:#20DB71;margin:60px 0 30px;font-weight:600;letter-spacing:-.3px}
.legal-details-oblq h3{font-size:28px;line-height:1.4;color:#E3F1FF;margin:50px 0 25px;font-weight:600}
.legal-details-oblq h4{font-size:22px;line-height:1.4;color:#20DB71;margin:40px 0 20px;font-weight:600}
.legal-details-oblq h5{font-size:18px;line-height:1.5;color:#E3F1FF;margin:30px 0 15px;font-weight:600}
.legal-details-oblq h6{font-size:16px;line-height:1.5;color:silver;margin:25px 0 15px;font-weight:600;text-transform:uppercase;letter-spacing:1px}
.legal-details-oblq p{font-size:17px;line-height:1.8;color:#d4d4d4;margin:0 0 24px}
.legal-details-oblq a{color:#20DB71;text-decoration:none;border-bottom:1px solid #20db714d;transition:all .3s ease}
.legal-details-oblq a:hover{color:#E3F1FF;border-bottom-color:#E3F1FF}
.legal-details-oblq ul{margin:0 0 30px;padding:0 0 0 30px;list-style-type:none}
.legal-details-oblq ul li{font-size:17px;line-height:1.8;color:#d4d4d4;margin:0 0 16px;padding-left:20px;position:relative}
.legal-details-oblq ul li:before{content:'';position:absolute;left:0;top:12px;width:6px;height:6px;background:#20DB71;border-radius:50%}
.legal-details-oblq ol{margin:0 0 30px;padding:0 0 0 30px;list-style-type:none;counter-reset:policy-counter}
.legal-details-oblq ol li{font-size:17px;line-height:1.8;color:#d4d4d4;margin:0 0 16px;padding-left:20px;position:relative;counter-increment:policy-counter}
.legal-details-oblq ol li:before{content:counter(policy-counter) '.';position:absolute;left:0;top:0;color:#20DB71;font-weight:600}
.legal-details-oblq hr{border:none;height:2px;background:linear-gradient(90deg,#20db7100 0%,#20DB71 50%,#20db7100 100%);margin:60px 0}
.legal-details-oblq div{margin:0 0 24px}
@media (max-width: 1366px) {
.legal-details-oblq{padding:70px 30px}
.legal-details-oblq h1{font-size:42px}
.legal-details-oblq h2{font-size:32px}
.legal-details-oblq h3{font-size:24px}
}
@media (max-width: 768px) {
.legal-details-oblq{padding:50px 20px}
.legal-details-oblq h1{font-size:32px;margin-bottom:30px}
.legal-details-oblq h2{font-size:26px;margin:50px 0 25px}
.legal-details-oblq h3{font-size:22px;margin:40px 0 20px}
.legal-details-oblq h4{font-size:19px}
.legal-details-oblq h5{font-size:17px}
.legal-details-oblq h6{font-size:15px}
.legal-details-oblq p{font-size:16px;line-height:1.7}
.legal-details-oblq ul li{font-size:16px;line-height:1.7}
.legal-details-oblq ol li{font-size:16px;line-height:1.7}
.legal-details-oblq ul{padding-left:20px}
.legal-details-oblq ol{padding-left:20px}
}
@media (max-width: 375px) {
.legal-details-oblq{padding:40px 15px}
.legal-details-oblq h1{font-size:28px}
.legal-details-oblq h2{font-size:23px}
.legal-details-oblq h3{font-size:20px}
.legal-details-oblq p{font-size:15px}
.legal-details-oblq ul li{font-size:15px}
.legal-details-oblq ol li{font-size:15px}
}
.ReviewPageMainLayout{background:linear-gradient(180deg,#0a0f1a 0%,#141b2e 100%);color:#e8ecf2}
.TitleBlockWrapper{position:relative;min-height:85vh;display:flex;align-items:flex-end;overflow:hidden;margin-bottom:4rem}
.TitleBlockWrapper .BackgroundImageContainer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.TitleBlockWrapper .BackgroundImageContainer img{width:100%;height:100%;object-fit:cover;filter:blur(3px) brightness(0.4)}
.TitleBlockWrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(0deg,#0a0f1a 0%,transparent 100%);z-index:2;pointer-events:none}
.TitleBlockWrapper .GlowAccentLeft{position:absolute;top:20%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#e3f1ff26 0%,transparent 70%);border-radius:50%;z-index:2;filter:blur(60px)}
.TitleBlockWrapper .GlowAccentRight{position:absolute;bottom:10%;right:-5%;width:350px;height:350px;background:radial-gradient(circle,#20db711f 0%,transparent 70%);border-radius:50%;z-index:2;filter:blur(70px)}
.TitleBlockWrapper .ContentLowerThird{position:relative;z-index:3;max-width:1320px;width:100%;margin:0 auto;padding:0 24px 5rem}
.TitleBlockWrapper .ContentLowerThird h1{font-size:3.8rem;font-weight:700;line-height:1.1;margin:0 0 1.5rem;color:#fff;text-shadow:0 4px 12px #0009}
.TitleBlockWrapper .ContentLowerThird .ThesesTextBlock{font-size:1.15rem;line-height:1.7;color:#d0dae6;max-width:680px}
.ReviewsGridSectionWrapper{max-width:1320px;width:100%;margin:0 auto 6rem;padding:0 24px}
.ReviewsGridSectionWrapper .SectionIntroText{text-align:center;margin-bottom:3.5rem}
.ReviewsGridSectionWrapper .SectionIntroText h2{font-size:2.6rem;font-weight:700;margin:0 0 1rem;color:#fff;position:relative;display:inline-block}
.ReviewsGridSectionWrapper .SectionIntroText h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#E3F1FF 0%,#20DB71 100%)}
.ReviewsGridSectionWrapper .SectionIntroText p{font-size:1.05rem;color:#a8b8ce;max-width:620px;margin:1.5rem auto 0}
.ReviewsGridSectionWrapper .ReviewCardsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2rem}
.ReviewCardsGrid .SingleReviewCard{background:linear-gradient(145deg,#1a2332 0%,#0f1621 100%);border:1px solid #e3f1ff1a;border-radius:8px;padding:2rem;transition:all .3s ease;box-shadow:0 4px 16px #0000004d}
.ReviewCardsGrid .SingleReviewCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #20db7126;border-color:#20db714d}
.SingleReviewCard .ReviewerHeaderInfo{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}
.SingleReviewCard .ReviewerHeaderInfo img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid #e3f1ff33}
.SingleReviewCard .ReviewerNameBlock h3{font-size:1.15rem;font-weight:600;margin:0 0 .25rem;color:#E3F1FF}
.SingleReviewCard .ReviewerNameBlock .ReviewerPosition{font-size:.9rem;color:#7a8ca3}
.SingleReviewCard .RatingStarsDisplay{display:flex;gap:.25rem;margin-bottom:1rem}
.RatingStarsDisplay .StarIcon{width:18px;height:18px;fill:#20DB71}
.SingleReviewCard .ReviewTextContent{font-size:1rem;line-height:1.65;color:#c2d0e2}
.DetailedFeedbackContainer{max-width:1320px;width:100%;margin:0 auto 6rem;padding:0 24px}
.DetailedFeedbackContainer .FeedbackLayoutGrid{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:start}
.FeedbackLayoutGrid .FeedbackLeftColumn h2{font-size:2.4rem;font-weight:700;margin:0 0 1.2rem;color:#fff;line-height:1.2}
.FeedbackLayoutGrid .FeedbackLeftColumn .IntroductoryParagraph{font-size:1.05rem;line-height:1.7;color:#b0c1d6;margin-bottom:2rem}
.FeedbackLeftColumn .HighlightStatBox{background:linear-gradient(135deg,#e3f1ff14 0%,#20db7114 100%);border-left:4px solid #20DB71;padding:1.5rem;border-radius:6px}
.HighlightStatBox .StatNumber{font-size:2.8rem;font-weight:700;color:#20DB71;margin:0 0 .5rem;line-height:1}
.HighlightStatBox .StatDescription{font-size:1rem;color:#d0dae6}
.FeedbackLayoutGrid .FeedbackRightColumn .DetailedReviewItem{background:#141e30;border:1px solid #8a2c0f33;border-radius:8px;padding:2rem;margin-bottom:2rem;position:relative;overflow:hidden}
.DetailedReviewItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#8A2C0F 0%,#E3F1FF 100%)}
.DetailedReviewItem .ReviewMetaHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}
.ReviewMetaHeader .ReviewerFullName{font-size:1.15rem;font-weight:600;color:#E3F1FF;margin:0}
.ReviewMetaHeader .ReviewDateStamp{font-size:.88rem;color:#7a8ca3}
.DetailedReviewItem .ReviewFullText{font-size:1rem;line-height:1.7;color:#c2d0e2;margin-bottom:1rem}
.DetailedReviewItem .ReviewCourseReference{display:inline-block;font-size:.9rem;color:#20DB71;background:#20db711a;padding:.4rem .8rem;border-radius:4px}
.InteractiveMetricsBlock{max-width:1320px;width:100%;margin:0 auto 6rem;padding:0 24px}
.InteractiveMetricsBlock .MetricsIntroHeader{text-align:center;margin-bottom:3rem}
.MetricsIntroHeader h2{font-size:2.4rem;font-weight:700;margin:0 0 1rem;color:#fff}
.MetricsIntroHeader .SubheadingText{font-size:1.05rem;color:#a8b8ce;max-width:580px;margin:0 auto}
.InteractiveMetricsBlock .MetricsCardsWrapper{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}
.MetricsCardsWrapper .SingleMetricCard{background:linear-gradient(135deg,#1a2332 0%,#0f1621 100%);border:2px solid #e3f1ff1f;border-radius:10px;padding:2.5rem;flex:1 1 280px;max-width:340px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.SingleMetricCard::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#20db711a 0%,transparent 70%);opacity:0;transition:opacity .4s ease}
.SingleMetricCard:hover::before{opacity:1}
.SingleMetricCard:hover{transform:scale(1.05);border-color:#20db7166;box-shadow:0 12px 32px #20db7133}
.SingleMetricCard .MetricIconBox{width:64px;height:64px;margin:0 auto 1.5rem;background:linear-gradient(135deg,#e3f1ff26 0%,#20db7126 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.MetricIconBox svg{width:32px;height:32px;fill:#20DB71}
.SingleMetricCard .MetricValue{font-size:3rem;font-weight:700;color:#E3F1FF;margin:0 0 .5rem;line-height:1}
.SingleMetricCard .MetricLabel{font-size:1.05rem;color:#a8b8ce;margin:0}
.ActionInviteBlock{max-width:1100px;width:100%;margin:0 auto 4rem;padding:0 24px}
.ActionInviteBlock .InviteBoxContainer{background:linear-gradient(131deg,#1a2332 0%,#0f1621 50%,#1a2332 100%);border:2px solid #20db714d;border-radius:12px;padding:3.5rem 2.5rem;text-align:center;position:relative;overflow:hidden}
.InviteBoxContainer::before{content:'';position:absolute;top:-100px;right:-100px;width:300px;height:300px;background:radial-gradient(circle,#e3f1ff14 0%,transparent 70%);border-radius:50%}
.InviteBoxContainer::after{content:'';position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:radial-gradient(circle,#8a2c0f1a 0%,transparent 70%);border-radius:50%}
.InviteBoxContainer .InviteHeadingText{font-size:2.2rem;font-weight:700;margin:0 0 1rem;color:#fff;position:relative;z-index:2}
.InviteBoxContainer .InviteDescriptionText{font-size:1.1rem;line-height:1.6;color:#c2d0e2;margin:0 auto 2rem;max-width:620px;position:relative;z-index:2}
.InviteBoxContainer .ButtonGroupCenter{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.ButtonGroupCenter .PrimaryActionButton{background:linear-gradient(135deg,#20DB71 0%,#17a857 100%);color:#0a0f1a;font-size:1.05rem;font-weight:600;padding:1rem 2.5rem;border:none;border-radius:6px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;box-shadow:0 4px 16px #20db714d}
.ButtonGroupCenter .PrimaryActionButton:hover{transform:translateY(-2px);box-shadow:0 8px 24px #20db7180}
.ButtonGroupCenter .SecondaryActionButton{background:transparent;color:#E3F1FF;font-size:1.05rem;font-weight:600;padding:1rem 2.5rem;border:2px solid #E3F1FF;border-radius:6px;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.ButtonGroupCenter .SecondaryActionButton:hover{background:#e3f1ff1a;border-color:#20DB71;color:#20DB71}
@media (max-width: 1366px) {
.TitleBlockWrapper .ContentLowerThird h1{font-size:3.2rem}
.ReviewsGridSectionWrapper .SectionIntroText h2,.FeedbackLayoutGrid .FeedbackLeftColumn h2{font-size:2.2rem}
}
@media (max-width: 768px) {
.TitleBlockWrapper{min-height:70vh}
.TitleBlockWrapper .ContentLowerThird h1{font-size:2.4rem}
.TitleBlockWrapper .ContentLowerThird .ThesesTextBlock{font-size:1rem}
.ReviewsGridSectionWrapper .ReviewCardsGrid{grid-template-columns:1fr}
.DetailedFeedbackContainer .FeedbackLayoutGrid{grid-template-columns:1fr;gap:2rem}
.MetricsCardsWrapper .SingleMetricCard{flex:1 1 100%;max-width:100%}
.InviteBoxContainer .InviteHeadingText{font-size:1.8rem}
.ButtonGroupCenter{flex-direction:column;align-items:stretch}
.ButtonGroupCenter .PrimaryActionButton,.ButtonGroupCenter .SecondaryActionButton{width:100%}
}
@media (max-width: 375px) {
.TitleBlockWrapper .ContentLowerThird h1{font-size:2rem}
.ReviewsGridSectionWrapper .SectionIntroText h2{font-size:1.8rem}
.InviteBoxContainer{padding:2.5rem 1.5rem}
}
.IntroductionSection{background:linear-gradient(131deg,#0a0f1a 0%,#1a2332 50%,#0d1117 100%);padding:80px 20px;position:relative;overflow:hidden}
.IntroductionSection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#e3f1ff14 0%,transparent 70%);border-radius:50%;animation:pulseGlowEffect 8s ease-in-out infinite}
@keyframes pulseGlowEffect {
0%,100%{transform:scale(1);opacity:.4}
50%{transform:scale(1.15);opacity:.6}
}
.IntroductionSection .ContentContainerWrapper{max-width:1320px;margin:0 auto;display:flex;gap:60px;align-items:center;position:relative;z-index:2}
.IntroductionSection .TextualContent{flex:1}
.IntroductionSection .MainHeadingTitle{font-size:48px;font-weight:700;color:#E3F1FF;margin:0 0 24px;line-height:1.2;position:relative}
.IntroductionSection .MainHeadingTitle::after{content:'';position:absolute;bottom:-12px;left:0;width:80px;height:4px;background:linear-gradient(90deg,#20DB71 0%,#E3F1FF 100%)}
.IntroductionSection .DescriptiveParagraph{font-size:18px;line-height:1.7;color:#e3f1ffd9;margin:36px 0 0}
.IntroductionSection .ImageVisualContainer{flex:0 0 420px;position:relative}
.IntroductionSection .ImageVisualContainer img{width:100%;height:420px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #00000080 0 0 48px #20db7126;animation:floatImageEffect 6s ease-in-out infinite}
@keyframes floatImageEffect {
0%,100%{transform:translateY(0)}
50%{transform:translateY(-12px)}
}
.TrialAccessModule{background:#0d1117;padding:90px 20px;position:relative}
.TrialAccessModule .SectionMainTitle{text-align:center;font-size:40px;font-weight:700;color:#E3F1FF;margin:0 0 16px;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.TrialAccessModule .SectionMainTitle::before{content:'';position:absolute;top:50%;left:-60px;width:40px;height:2px;background:linear-gradient(90deg,transparent 0%,#20DB71 100%)}
.TrialAccessModule .SectionMainTitle::after{content:'';position:absolute;top:50%;right:-60px;width:40px;height:2px;background:linear-gradient(90deg,#20DB71 0%,transparent 100%)}
.TrialAccessModule .IntroductionText{text-align:center;max-width:720px;margin:0 auto 64px;font-size:17px;line-height:1.6;color:#e3f1ffbf}
.TrialAccessModule .TrialOptionsGrid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.TrialAccessModule .TrialOptionCard{background:linear-gradient(145deg,#1a2332 0%,#0f1621 100%);padding:40px 28px;border-radius:10px;border:1px solid #e3f1ff1a;position:relative;transition:all .35s ease}
.TrialAccessModule .TrialOptionCard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#20DB71 0%,#E3F1FF 100%);opacity:0;transition:opacity .35s ease}
.TrialAccessModule .TrialOptionCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #20db7133;border-color:#20db7166}
.TrialAccessModule .TrialOptionCard:hover::before{opacity:1}
.TrialAccessModule .CardTitleText{font-size:24px;font-weight:600;color:#E3F1FF;margin:0 0 16px}
.TrialAccessModule .CardDescriptionText{font-size:16px;line-height:1.6;color:#e3f1ffb3;margin:0 0 24px}
.TrialAccessModule .MaterialsList{list-style:none;padding:0;margin:0}
.TrialAccessModule .MaterialsList li{font-size:15px;color:#e3f1ffa6;padding:8px 0 8px 28px;position:relative}
.TrialAccessModule .MaterialsList li::before{content:'→';position:absolute;left:0;color:#20DB71;font-weight:700}
.CommitmentTransparencyBlock{background:linear-gradient(131deg,#1a2332 0%,#0d1117 50%,#1a2332 100%);padding:85px 20px}
.CommitmentTransparencyBlock .ContentHolder{max-width:1320px;margin:0 auto;display:flex;gap:80px;align-items:center}
.CommitmentTransparencyBlock .ImagePanelContainer{flex:0 0 480px}
.CommitmentTransparencyBlock .ImagePanelContainer img{width:100%;height:480px;object-fit:cover;border-radius:10px;box-shadow:0 8px 24px #0009}
.CommitmentTransparencyBlock .TextPanelContainer{flex:1}
.CommitmentTransparencyBlock .BlockHeading{font-size:38px;font-weight:700;color:#E3F1FF;margin:0 0 28px;position:relative;padding-left:20px}
.CommitmentTransparencyBlock .BlockHeading::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#20DB71 0%,#8A2C0F 100%)}
.CommitmentTransparencyBlock .GuaranteeItemsGroup{display:flex;flex-direction:column;gap:28px}
.CommitmentTransparencyBlock .GuaranteeItem{background:#e3f1ff08;padding:24px;border-radius:8px;border-left:3px solid #20DB71;transition:background .3s ease}
.CommitmentTransparencyBlock .GuaranteeItem:hover{background:#e3f1ff0f}
.CommitmentTransparencyBlock .GuaranteeItemTitle{font-size:20px;font-weight:600;color:#20DB71;margin:0 0 12px}
.CommitmentTransparencyBlock .GuaranteeItemDescription{font-size:16px;line-height:1.6;color:#e3f1ffbf;margin:0}
.TeamExpertiseSegment{background:#0a0f1a;padding:90px 20px}
.TeamExpertiseSegment .CentralizedHeader{text-align:center;margin-bottom:70px}
.TeamExpertiseSegment .SectionLargeTitle{font-size:42px;font-weight:700;color:#E3F1FF;margin:0 0 20px}
.TeamExpertiseSegment .SectionSubtitleText{font-size:18px;line-height:1.6;color:#e3f1ffb3;max-width:680px;margin:0 auto}
.TeamExpertiseSegment .ExpertProfilesGrid{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.TeamExpertiseSegment .ProfileCardWrapper{background:linear-gradient(135deg,#1a2332 0%,#0f1621 100%);padding:36px;border-radius:10px;display:flex;gap:32px;align-items:flex-start;border:1px solid #e3f1ff14;transition:all .4s ease;position:relative;overflow:hidden}
.TeamExpertiseSegment .ProfileCardWrapper::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#20db711a 50%,transparent 100%);transition:left .6s ease}
.TeamExpertiseSegment .ProfileCardWrapper:hover{transform:translateY(-4px);box-shadow:0 12px 36px #20db7126;border-color:#20db714d}
.TeamExpertiseSegment .ProfileCardWrapper:hover::after{left:100%}
.TeamExpertiseSegment .ProfileImageBox{flex:0 0 140px}
.TeamExpertiseSegment .ProfileImageBox img{width:140px;height:140px;object-fit:cover;border-radius:8px;border:2px solid #20db714d}
.TeamExpertiseSegment .ProfileTextBox{flex:1}
.TeamExpertiseSegment .ProfileName{font-size:24px;font-weight:600;color:#E3F1FF;margin:0 0 8px}
.TeamExpertiseSegment .ProfileRole{font-size:16px;color:#20DB71;margin:0 0 16px;font-weight:500}
.TeamExpertiseSegment .ProfileBiography{font-size:15px;line-height:1.6;color:#e3f1ffb3;margin:0}
.AllianceNetworkSection{background:linear-gradient(131deg,#0d1117 0%,#1a2332 50%,#0d1117 100%);padding:85px 20px}
.AllianceNetworkSection .NetworkIntroductionHeader{max-width:1320px;margin:0 auto 60px;text-align:center}
.AllianceNetworkSection .NetworkMainHeading{font-size:40px;font-weight:700;color:#E3F1FF;margin:0 0 20px}
.AllianceNetworkSection .NetworkDescriptionParagraph{font-size:17px;line-height:1.6;color:#e3f1ffbf;max-width:740px;margin:0 auto}
.AllianceNetworkSection .PartnershipDisplay{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px}
.AllianceNetworkSection .PartnershipShowcase{background:#e3f1ff08;padding:40px;border-radius:10px;border:1px solid #e3f1ff1a;position:relative}
.AllianceNetworkSection .PartnershipShowcase::before{content:'';position:absolute;top:-2px;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent 0%,#20DB71 50%,transparent 100%)}
.AllianceNetworkSection .ShowcaseImageWrapper{margin-bottom:28px}
.AllianceNetworkSection .ShowcaseImageWrapper img{width:100%;height:340px;object-fit:cover;border-radius:8px}
.AllianceNetworkSection .ShowcaseTitle{font-size:26px;font-weight:600;color:#E3F1FF;margin:0 0 16px}
.AllianceNetworkSection .ShowcaseDescription{font-size:16px;line-height:1.6;color:#e3f1ffb3;margin:0 0 24px}
.AllianceNetworkSection .BenefitPointsList{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.AllianceNetworkSection .BenefitPointsList li{font-size:15px;color:#e3f1ffbf;padding-left:32px;position:relative}
.AllianceNetworkSection .BenefitPointsList li::before{content:'✓';position:absolute;left:0;color:#20DB71;font-weight:700;font-size:18px}
@media (max-width: 1366px) {
.IntroductionSection .ContentContainerWrapper{gap:48px}
.IntroductionSection .ImageVisualContainer{flex:0 0 360px}
.IntroductionSection .ImageVisualContainer img{height:360px}
.IntroductionSection .MainHeadingTitle{font-size:42px}
.CommitmentTransparencyBlock .ImagePanelContainer{flex:0 0 420px}
.CommitmentTransparencyBlock .ImagePanelContainer img{height:420px}
}
@media (max-width: 768px) {
.IntroductionSection{padding:60px 20px}
.IntroductionSection .ContentContainerWrapper{flex-direction:column;gap:36px}
.IntroductionSection .ImageVisualContainer{flex:1 1 auto;width:100%}
.IntroductionSection .ImageVisualContainer img{height:320px}
.IntroductionSection .MainHeadingTitle{font-size:34px}
.IntroductionSection .DescriptiveParagraph{font-size:16px}
.TrialAccessModule{padding:70px 20px}
.TrialAccessModule .SectionMainTitle{font-size:32px}
.TrialAccessModule .SectionMainTitle::before,.TrialAccessModule .SectionMainTitle::after{display:none}
.TrialAccessModule .TrialOptionsGrid{grid-template-columns:1fr;gap:24px}
.CommitmentTransparencyBlock{padding:70px 20px}
.CommitmentTransparencyBlock .ContentHolder{flex-direction:column;gap:40px}
.CommitmentTransparencyBlock .ImagePanelContainer{flex:1 1 auto;width:100%}
.CommitmentTransparencyBlock .ImagePanelContainer img{height:360px}
.CommitmentTransparencyBlock .BlockHeading{font-size:30px}
.TeamExpertiseSegment{padding:70px 20px}
.TeamExpertiseSegment .SectionLargeTitle{font-size:34px}
.TeamExpertiseSegment .ExpertProfilesGrid{grid-template-columns:1fr;gap:32px}
.TeamExpertiseSegment .ProfileCardWrapper{flex-direction:column;align-items:center;text-align:center}
.TeamExpertiseSegment .ProfileImageBox{flex:none}
.AllianceNetworkSection{padding:70px 20px}
.AllianceNetworkSection .NetworkMainHeading{font-size:32px}
.AllianceNetworkSection .PartnershipDisplay{grid-template-columns:1fr;gap:36px}
}
@media (max-width: 375px) {
.IntroductionSection .MainHeadingTitle{font-size:28px}
.TrialAccessModule .SectionMainTitle{font-size:28px}
.CommitmentTransparencyBlock .BlockHeading{font-size:26px}
.TeamExpertiseSegment .SectionLargeTitle{font-size:28px}
.AllianceNetworkSection .NetworkMainHeading{font-size:28px}
}
.CircularContactIntro{background:#0a0a0c;padding:3.5rem 1.5rem;position:relative;overflow:hidden}
.CircularContactIntro::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:linear-gradient(131deg,#E3F1FF 0%,#20DB71 50%,#8A2C0F 100%);opacity:.08;border-radius:50%;z-index:1}
.CircularContactIntro .WrapperForCircularContent{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.CircularContactIntro .CircularLayoutGrid{display:grid;grid-template-columns:1fr;gap:2.5rem;align-items:center}
.CircularContactIntro .CentralTextZone{text-align:center;padding:2rem;background:#e3f1ff08;border-radius:50%;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;border:2px solid #20db7126;position:relative}
.CircularContactIntro .CentralTextZone::after{content:'';position:absolute;bottom:35%;left:50%;transform:translateX(-50%);width:60%;height:2px;background:linear-gradient(90deg,transparent,#20DB71,transparent)}
.CircularContactIntro .PrimaryContactHeading{font-size:2.8rem;font-weight:700;color:#E3F1FF;margin:0 0 .8rem;line-height:1.2}
.CircularContactIntro .SecondaryContactHeading{font-size:1.6rem;font-weight:500;color:#20DB71;margin:0 0 1.5rem;line-height:1.3}
.CircularContactIntro .DescriptiveContactText{font-size:1.05rem;color:#b8c4d0;line-height:1.65;max-width:420px}
.CircularContactIntro .BackgroundImageHolder{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 12px 32px #00000080}
.CircularContactIntro .BackgroundImageHolder img{width:100%;height:auto;display:block;object-fit:cover}
.TechnologicalFormSection{background:#0d0d0f;padding:4rem 1.5rem;position:relative}
.TechnologicalFormSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:1px;background:linear-gradient(90deg,transparent,#8A2C0F,transparent)}
.TechnologicalFormSection .MainFormContainer{max-width:1320px;margin:0 auto}
.TechnologicalFormSection .FormLayoutGrid{display:grid;grid-template-columns:1fr;gap:3rem}
.TechnologicalFormSection .CompanyDetailsPanel{background:linear-gradient(135deg,#e3f1ff0a 0%,#20db7105 100%);padding:2.5rem;border-radius:8px;border:1px solid #e3f1ff14}
.TechnologicalFormSection .CompanyDetailsPanel h2{font-size:2rem;color:#E3F1FF;margin:0 0 2rem;font-weight:600;position:relative;padding-bottom:1rem}
.TechnologicalFormSection .CompanyDetailsPanel h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:3px;background:#20DB71}
.TechnologicalFormSection .ContactDetailItem{margin-bottom:1.8rem;display:flex;align-items:flex-start;gap:1rem}
.TechnologicalFormSection .ContactDetailItem:last-child{margin-bottom:0}
.TechnologicalFormSection .DetailIconBox{width:42px;height:42px;background:#20db711a;border-radius:6px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.TechnologicalFormSection .DetailIconBox i{color:#20DB71;font-size:1.3rem}
.TechnologicalFormSection .DetailTextContent h3{font-size:.95rem;color:#8A2C0F;margin:0 0 .4rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.TechnologicalFormSection .DetailTextContent p{font-size:1.05rem;color:#b8c4d0;margin:0;line-height:1.6}
.TechnologicalFormSection .DetailTextContent a{color:#E3F1FF;text-decoration:none;transition:color .3s ease}
.TechnologicalFormSection .DetailTextContent a:hover{color:#20DB71}
.TechnologicalFormSection .TechFormPanel{background:#0a0a0c99;padding:2.5rem;border-radius:8px;border:1px solid #8a2c0f33;box-shadow:0 8px 24px #0006}
.TechnologicalFormSection .TechFormPanel h2{font-size:2rem;color:#E3F1FF;margin:0 0 1.5rem;font-weight:600}
.TechnologicalFormSection .TechFormPanel p{font-size:1rem;color:#9ca8b4;margin:0 0 2rem;line-height:1.6}
.TechnologicalFormSection .ActualContactForm{display:flex;flex-direction:column;gap:1.5rem}
.TechnologicalFormSection .FormInputGroup{display:flex;flex-direction:column;gap:.5rem}
.TechnologicalFormSection .FormInputGroup label{font-size:.9rem;color:#b8c4d0;font-weight:500;letter-spacing:.3px}
.TechnologicalFormSection .FormInputGroup input[type="text"],.TechnologicalFormSection .FormInputGroup input[type="email"]{background:#e3f1ff08;border:1px solid #e3f1ff1f;border-radius:6px;padding:.95rem 1.2rem;font-size:1rem;color:#E3F1FF;transition:all .3s ease}
.TechnologicalFormSection .FormInputGroup input[type="text"]:focus,.TechnologicalFormSection .FormInputGroup input[type="email"]:focus{outline:none;border-color:#20DB71;background:#e3f1ff0d;box-shadow:0 0 0 3px #20db711a}
.TechnologicalFormSection .AdditionalOptionsWrapper{display:grid;grid-template-columns:1fr;gap:1rem}
.TechnologicalFormSection .OptionCheckboxItem{position:relative}
.TechnologicalFormSection .OptionCheckboxItem input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.TechnologicalFormSection .OptionCheckboxItem label{display:flex;align-items:center;gap:.8rem;cursor:pointer;padding:.9rem 1.2rem;background:#20db710a;border:1px solid #20db7126;border-radius:6px;transition:all .3s ease;font-size:.95rem;color:#b8c4d0}
.TechnologicalFormSection .OptionCheckboxItem label::before{content:'';width:20px;height:20px;border:2px solid #20db714d;border-radius:4px;background:#0a0a0c80;flex-shrink:0;transition:all .3s ease}
.TechnologicalFormSection .OptionCheckboxItem input[type="checkbox"]:checked + label{background:#20db7114;border-color:#20DB71}
.TechnologicalFormSection .OptionCheckboxItem input[type="checkbox"]:checked + label::before{background:#20DB71;border-color:#20DB71;box-shadow:inset 0 0 0 3px #0d0d0f}
.TechnologicalFormSection .OptionCheckboxItem label:hover{background:#20db710f;border-color:#20db7140}
.TechnologicalFormSection .PrivacyConsentWrapper{margin-top:.5rem}
.TechnologicalFormSection .PrivacyConsentWrapper input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.TechnologicalFormSection .PrivacyConsentWrapper label{display:flex;align-items:flex-start;gap:.7rem;cursor:pointer;font-size:.88rem;color:#9ca8b4;line-height:1.5}
.TechnologicalFormSection .PrivacyConsentWrapper label::before{content:'';width:18px;height:18px;border:2px solid #e3f1ff33;border-radius:3px;background:#0a0a0c66;flex-shrink:0;margin-top:2px;transition:all .3s ease}
.TechnologicalFormSection .PrivacyConsentWrapper input[type="checkbox"]:checked + label::before{background:#8A2C0F;border-color:#8A2C0F;box-shadow:inset 0 0 0 3px #0d0d0f}
.TechnologicalFormSection .PrivacyConsentWrapper label a{color:#20DB71;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}
.TechnologicalFormSection .PrivacyConsentWrapper label a:hover{border-bottom-color:#20DB71}
.TechnologicalFormSection .SubmitButtonWrapper{margin-top:1rem}
.TechnologicalFormSection .SubmitFormButton{width:100%;padding:1.1rem 2rem;background:linear-gradient(135deg,#20DB71 0%,#8A2C0F 100%);border:none;border-radius:6px;color:#E3F1FF;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 6px 18px #20db7133}
.TechnologicalFormSection .SubmitFormButton:hover{transform:translateY(-2px);box-shadow:0 10px 28px #20db714d}
.TechnologicalFormSection .SubmitFormButton:active{transform:translateY(0)}
@media (min-width: 768px) {
.CircularContactIntro{padding:5rem 2rem}
.CircularContactIntro .CircularLayoutGrid{grid-template-columns:1fr 1fr;gap:3.5rem}
.CircularContactIntro .PrimaryContactHeading{font-size:3.2rem}
.CircularContactIntro .SecondaryContactHeading{font-size:1.8rem}
.TechnologicalFormSection{padding:5rem 2rem}
.TechnologicalFormSection .FormLayoutGrid{grid-template-columns:1fr 1.2fr;gap:4rem}
.TechnologicalFormSection .AdditionalOptionsWrapper{grid-template-columns:1fr 1fr}
}
@media (min-width: 1366px) {
.CircularContactIntro{padding:6rem 2rem}
.CircularContactIntro .CircularLayoutGrid{gap:4rem}
.CircularContactIntro .PrimaryContactHeading{font-size:3.6rem}
.TechnologicalFormSection{padding:6rem 2rem}
.TechnologicalFormSection .FormLayoutGrid{gap:5rem}
}
.programIntro{position:relative;background:linear-gradient(131deg,#0a0d14 0%,#1a1d24 100%);overflow:hidden;padding:80px 20px 120px}
.programIntro .decorBackCircles{position:absolute;top:-150px;right:-100px;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#e3f1ff14 0%,transparent 70%);pointer-events:none}
.programIntro .decorBackCircles::before{content:'';position:absolute;bottom:-200px;left:-250px;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#20db710f 0%,transparent 70%)}
.programIntro .contentWrapperCentered{max-width:1320px;margin:0 auto;position:relative;z-index:2}
.programIntro .collageHolder{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:60px;max-width:900px}
.programIntro .imagePieceContainer{position:relative;height:280px;overflow:hidden;clip-path:polygon(8% 0%,100% 0%,92% 100%,0% 100%)}
.programIntro .imagePieceContainer:nth-child(2){clip-path:polygon(0% 0%,92% 0%,100% 100%,8% 100%)}
.programIntro .imagePieceContainer img{width:100%;height:100%;object-fit:cover}
.programIntro .imageOverlayGradient{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(131deg,#e3f1ff26 0%,#8a2c0f40 100%);pointer-events:none}
.programIntro .textOverlayArea{background:linear-gradient(131deg,#0a0d14d9 0%,#1a1d24e6 100%);padding:50px 40px;max-width:820px;border-left:3px solid #20DB71}
.programIntro .mainTitleProgram{font-size:46px;line-height:1.3;color:#E3F1FF;margin:0 0 22px;font-weight:700}
.programIntro .leadTextDescription{font-size:19px;line-height:1.65;color:#e3f1ffd9;margin:0 0 18px}
.programIntro .secondaryNoteText{font-size:17px;line-height:1.6;color:#e3f1ffb3;margin:0}
.curriculumPathway{background:#0f1218;padding:90px 20px}
.curriculumPathway .contentWrapperCentered{max-width:1320px;margin:0 auto}
.curriculumPathway .sectionHeaderBlock{text-align:center;margin-bottom:70px}
.curriculumPathway .headingSecondary{font-size:38px;line-height:1.3;color:#E3F1FF;margin:0 0 16px;font-weight:700}
.curriculumPathway .descriptionUnderHeading{font-size:18px;line-height:1.6;color:#e3f1ffbf;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.curriculumPathway .stagePathContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.curriculumPathway .stageItemCard{background:linear-gradient(145deg,#151a22 0%,#1a1f28 100%);padding:36px 28px;border:1px solid #e3f1ff1a;border-radius:8px;position:relative;transition:all .35s ease}
.curriculumPathway .stageItemCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#20DB71 0%,#E3F1FF 100%);transition:height .35s ease}
.curriculumPathway .stageItemCard:hover{transform:translateY(-6px);border-color:#20db7166;box-shadow:0 12px 28px #20db7126}
.curriculumPathway .stageItemCard:hover::before{height:100%}
.curriculumPathway .stageNumberBadge{display:inline-block;background:#20db7126;color:#20DB71;padding:8px 18px;border-radius:6px;font-size:15px;font-weight:600;margin-bottom:20px}
.curriculumPathway .stageTitle{font-size:24px;line-height:1.4;color:#E3F1FF;margin:0 0 14px;font-weight:700}
.curriculumPathway .stageDescription{font-size:16px;line-height:1.65;color:#e3f1ffb3;margin:0 0 20px}
.curriculumPathway .topicListItems{list-style:none;padding:0;margin:0}
.curriculumPathway .topicListItems li{font-size:15px;line-height:1.6;color:#e3f1ffa6;padding-left:24px;position:relative;margin-bottom:10px}
.curriculumPathway .topicListItems li::before{content:'';position:absolute;left:0;top:8px;width:6px;height:6px;background:#20DB71;border-radius:50%}
.approachSection{background:linear-gradient(131deg,#0d1015 0%,#1c2229 50%,#0f1319 100%);padding:85px 20px;position:relative}
.approachSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#20DB71 50%,transparent 100%)}
.approachSection .contentWrapperCentered{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.approachSection .imageContainerApproach{position:relative}
.approachSection .imageContainerApproach img{width:100%;height:520px;object-fit:cover;border-radius:10px;box-shadow:0 18px 40px #00000080}
.approachSection .imageContainerApproach::after{content:'';position:absolute;bottom:-20px;right:-20px;width:160px;height:160px;background:radial-gradient(circle,#8a2c0f4d 0%,transparent 70%);border-radius:50%;pointer-events:none}
.approachSection .contentTextApproach h2{font-size:36px;line-height:1.35;color:#E3F1FF;margin:0 0 24px;font-weight:700}
.approachSection .contentTextApproach h2::before{content:'';display:inline-block;width:50px;height:4px;background:linear-gradient(90deg,#20DB71 0%,#E3F1FF 100%);margin-right:16px;vertical-align:middle}
.approachSection .paraGraphApproach{font-size:17px;line-height:1.7;color:#e3f1ffbf;margin:0 0 20px}
.approachSection .highlightBoxInsight{background:#20db7114;border-left:3px solid #20DB71;padding:22px 26px;margin-top:30px}
.approachSection .highlightBoxInsight p{font-size:16px;line-height:1.65;color:#e3f1ffcc;margin:0}
.participantExperienceArea{background:#0a0e14;padding:80px 20px}
.participantExperienceArea .contentWrapperCentered{max-width:1320px;margin:0 auto}
.participantExperienceArea .headingCenteredArea{text-align:center;margin-bottom:60px}
.participantExperienceArea .headingCenteredArea h2{font-size:40px;line-height:1.3;color:#E3F1FF;margin:0 0 16px;font-weight:700}
.participantExperienceArea .testimonialsFlexContainer{display:flex;gap:28px;flex-wrap:wrap}
.participantExperienceArea .testimonialCard{flex:1 1 calc(50% - 14px);background:linear-gradient(145deg,#12161d 0%,#181c24 100%);padding:40px 34px;border:1px solid #e3f1ff14;border-radius:8px;position:relative;transition:all .3s ease}
.participantExperienceArea .testimonialCard:hover{border-color:#e3f1ff33;box-shadow:0 14px 32px #0006}
.participantExperienceArea .quoteIconWrapper{width:48px;height:48px;background:#20db711f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.participantExperienceArea .quoteIconWrapper svg{width:22px;height:22px;fill:#20DB71}
.participantExperienceArea .testimonialText{font-size:17px;line-height:1.7;color:#e3f1ffcc;margin:0 0 26px}
.participantExperienceArea .authorInfoSection{display:flex;align-items:center;gap:18px}
.participantExperienceArea .authorPhotoCircle{width:64px;height:64px;border-radius:50%;overflow:hidden;border:2px solid #20db714d}
.participantExperienceArea .authorPhotoCircle img{width:100%;height:100%;object-fit:cover}
.participantExperienceArea .authorNameRole h4{font-size:18px;line-height:1.4;color:#E3F1FF;margin:0 0 6px;font-weight:600}
.participantExperienceArea .authorNameRole p{font-size:15px;line-height:1.5;color:#e3f1ff99;margin:0}
.enrollmentInvitation{background:linear-gradient(131deg,#0f1218 0%,#1a1f28 50%,#0d1116 100%);padding:100px 20px;position:relative;overflow:hidden}
.enrollmentInvitation::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,#e3f1ff0a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.enrollmentInvitation .contentWrapperCentered{max-width:1320px;margin:0 auto;text-align:center;position:relative;z-index:2}
.enrollmentInvitation .finalHeadingLarge{font-size:44px;line-height:1.3;color:#E3F1FF;margin:0 0 22px;font-weight:700}
.enrollmentInvitation .finalDescriptionText{font-size:19px;line-height:1.65;color:#e3f1ffbf;margin:0 0 42px;max-width:760px;margin-left:auto;margin-right:auto}
.enrollmentInvitation .actionButtonsRow{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.enrollmentInvitation .primaryActionButton{display:inline-flex;align-items:center;gap:10px;background:linear-gradient(131deg,#20DB71 0%,#1abc5e 100%);color:#0a0d14;padding:16px 38px;font-size:17px;font-weight:600;border:none;border-radius:7px;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 8px 20px #20db7140;z-index:10;position:relative}
.enrollmentInvitation .primaryActionButton:hover{transform:translateY(-3px);box-shadow:0 12px 28px #20db7159}
.enrollmentInvitation .secondaryActionButton{display:inline-flex;align-items:center;gap:10px;background:transparent;color:#E3F1FF;padding:16px 38px;font-size:17px;font-weight:600;border:2px solid #e3f1ff4d;border-radius:7px;cursor:pointer;transition:all .3s ease;text-decoration:none;z-index:10;position:relative}
.enrollmentInvitation .secondaryActionButton:hover{border-color:#E3F1FF;background:#e3f1ff0d;transform:translateY(-3px)}
@media (max-width: 1366px) {
.programIntro .mainTitleProgram{font-size:40px}
.curriculumPathway .headingSecondary{font-size:34px}
}
@media (max-width: 768px) {
.programIntro{padding:60px 20px 80px}
.programIntro .collageHolder{grid-template-columns:1fr;gap:14px;margin-bottom:40px}
.programIntro .imagePieceContainer{height:220px}
.programIntro .textOverlayArea{padding:36px 24px}
.programIntro .mainTitleProgram{font-size:32px;margin-bottom:18px}
.programIntro .leadTextDescription{font-size:17px}
.curriculumPathway{padding:60px 20px}
.curriculumPathway .sectionHeaderBlock{margin-bottom:50px}
.curriculumPathway .headingSecondary{font-size:28px}
.curriculumPathway .stagePathContainer{grid-template-columns:1fr;gap:24px}
.approachSection{padding:60px 20px}
.approachSection .contentWrapperCentered{grid-template-columns:1fr;gap:40px}
.approachSection .imageContainerApproach img{height:360px}
.approachSection .contentTextApproach h2{font-size:28px}
.participantExperienceArea{padding:60px 20px}
.participantExperienceArea .headingCenteredArea h2{font-size:32px}
.participantExperienceArea .testimonialCard{flex:1 1 100%}
.enrollmentInvitation{padding:70px 20px}
.enrollmentInvitation .finalHeadingLarge{font-size:34px}
.enrollmentInvitation .finalDescriptionText{font-size:17px}
.enrollmentInvitation .actionButtonsRow{flex-direction:column;align-items:center}
.enrollmentInvitation .primaryActionButton,.enrollmentInvitation .secondaryActionButton{width:100%;max-width:320px;justify-content:center}
}
@media (max-width: 375px) {
.programIntro .mainTitleProgram{font-size:28px}
.curriculumPathway .headingSecondary{font-size:24px}
.approachSection .contentTextApproach h2{font-size:24px}
.enrollmentInvitation .finalHeadingLarge{font-size:28px}
}
.success-main-container{background:linear-gradient(180deg,#0a0f1a 0%,#1a1f2e 50%,#0d1219 100%);min-height:90vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.success-main-container::before{content:'';position:absolute;top:-50%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#e3f1ff14 0%,transparent 70%);border-radius:50%;animation:floatShapeOne 15s ease-in-out infinite}
.success-main-container::after{content:'';position:absolute;bottom:-30%;right:-5%;width:400px;height:400px;background:radial-gradient(circle,#20db710f 0%,transparent 70%);border-radius:50%;animation:floatShapeTwo 18s ease-in-out infinite}
@keyframes floatShapeOne {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(30px,-40px) scale(1.1)}
}
@keyframes floatShapeTwo {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-40px,30px) scale(1.15)}
}
.success-content-wrapper{max-width:720px;width:100%;position:relative;z-index:2}
.success-icon-container{width:120px;height:120px;margin:0 auto 36px;position:relative;display:flex;align-items:center;justify-content:center}
.success-icon-background{position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#e3f1ff1f 0%,#20db711f 100%);border-radius:50%;animation:pulseGlow 2.5s ease-in-out infinite}
.success-icon-background::before{content:'';position:absolute;inset:-3px;background:linear-gradient(135deg,#E3F1FF 0%,#20DB71 100%);border-radius:50%;opacity:.15;filter:blur(8px)}
@keyframes pulseGlow {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.08);opacity:.85}
}
.success-icon-svg{position:relative;z-index:1;width:56px;height:56px}
.success-icon-svg .check-circle{fill:none;stroke:#20DB71;stroke-width:3;stroke-linecap:round;stroke-dasharray:150;stroke-dashoffset:150;animation:drawCircle .8s ease-out forwards}
.success-icon-svg .check-mark{fill:none;stroke:#E3F1FF;stroke-width:3.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:48;stroke-dashoffset:48;animation:drawCheck .6s ease-out .5s forwards}
@keyframes drawCircle {
to{stroke-dashoffset:0}
}
@keyframes drawCheck {
to{stroke-dashoffset:0}
}
.success-heading-main{font-size:42px;font-weight:700;line-height:1.2;text-align:center;margin:0 0 22px;color:#E3F1FF;letter-spacing:-.5px}
.success-heading-main .pause-fragment{display:block;margin-top:8px;color:#20DB71}
.success-message-text{font-size:18px;line-height:1.65;text-align:center;margin:0 0 40px;color:#e3f1ffd1}
.success-action-container{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.success-button-primary{padding:16px 36px;background:linear-gradient(135deg,#20DB71 0%,#18a858 100%);color:#0a0f1a;font-size:16px;font-weight:600;border:none;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:transform .25s ease,box-shadow .25s ease;box-shadow:0 4px 16px #20db7140;position:relative;z-index:10}
.success-button-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px #20db7159}
.success-button-primary:active{transform:translateY(0)}
.success-button-secondary{padding:16px 36px;background:transparent;color:#E3F1FF;font-size:16px;font-weight:600;border:2px solid #e3f1ff40;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;gap:10px;transition:border-color .25s ease,background-color .25s ease;position:relative;z-index:10}
.success-button-secondary:hover{border-color:#e3f1ff73;background-color:#e3f1ff0d}
.decorative-polygon{position:absolute;width:180px;height:180px;opacity:.04;pointer-events:none}
.polygon-top-left{top:10%;left:5%;fill:#E3F1FF;transform:rotate(-15deg)}
.polygon-bottom-right{bottom:15%;right:8%;fill:#20DB71;transform:rotate(25deg)}
@media (max-width: 768px) {
.success-main-container{padding:40px 16px}
.success-icon-container{width:100px;height:100px;margin-bottom:28px}
.success-icon-svg{width:48px;height:48px}
.success-heading-main{font-size:32px;margin-bottom:18px}
.success-message-text{font-size:16px;margin-bottom:32px}
.success-action-container{flex-direction:column;gap:12px}
.success-button-primary,.success-button-secondary{width:100%;justify-content:center;padding:14px 28px;font-size:15px}
.decorative-polygon{width:120px;height:120px}
}
@media (max-width: 375px) {
.success-heading-main{font-size:28px}
.success-message-text{font-size:15px}
}