html{box-sizing:border-box}
*,::before,::after{box-sizing:inherit}
body{margin:0;padding:0;font-family:'Rubik',sans-serif;font-size:16px;line-height:1.6;color:#1a1a1a;background:#EFEFEF}
.HeaderWrapper{background:linear-gradient(128deg,#085176 0%,#0a6a93 100%);box-shadow:0 4px 16px #08517626;padding:18px 0}
.MainHeaderRow{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:32px}
.LogoHolder{flex-shrink:0}
.BrandLink{display:block;width:90px;height:90px}
.CompanyLogo{width:100%;height:100%;object-fit:contain;background:#ffffff1f;border-radius:8px;padding:8px;box-shadow:0 2px 8px #0000001a}
.CenterIdentity{flex:0 1 auto;text-align:center;margin:0 auto}
.CompanyTitle{font-size:32px;font-weight:700;color:#EFEFEF;letter-spacing:.5px;text-shadow:0 2px 6px #0003}
.MainNav{display:flex;align-items:center;gap:28px;flex-shrink:0}
.MainNav .NavLink{color:#EFEFEF;text-decoration:none;font-size:15px;font-weight:500;padding:8px 12px;border-radius:6px;transition:background 280ms ease,color 280ms ease;white-space:nowrap}
.MainNav .NavLink:hover{background:#ed52002e;color:#fff}
.FooterContainer{background:linear-gradient(142deg,#085176 0%,#064966 100%);padding:64px 24px 28px}
.FooterTopZone{max-width:1200px;margin:0 auto 48px;display:grid;grid-template-columns:repeat(3,1fr);gap:56px}
.FooterBlock--primary{padding-left:16px}
.FooterBlock--secondary{border-left:3px solid #ED5200;padding-left:28px}
.FooterBlock--tertiary{padding-right:16px}
.FooterBlockTitle{font-size:20px;font-weight:700;color:#EFEFEF;margin:0 0 20px;text-transform:uppercase;letter-spacing:1px}
.FooterNav{display:flex;flex-direction:column;gap:12px}
.FooterNavLink{color:#d4d4d4;text-decoration:none;font-size:15px;font-weight:400;transition:color 300ms ease,padding-left 300ms ease;display:inline-block}
.FooterNavLink:hover{color:#ED5200;padding-left:6px}
.FooterNavLink.SubLink{padding-left:18px;font-size:14px;color:#b8b8b8}
.FooterNavLink.SubLink:hover{padding-left:24px}
.ContactDetails{display:flex;flex-direction:column;gap:14px}
.ContactItem{color:#d4d4d4;font-size:14px;margin:0;display:flex;align-items:center;gap:10px}
.ContactItem .f7-icons{color:#ED5200;font-size:18px}
.FooterBottomZone{max-width:1200px;margin:0 auto;padding-top:32px;border-top:1px solid #efefef26;text-align:center}
.CopyrightText{color:#a8a8a8;font-size:13px;margin:0}
.ConsentPopup{position:fixed;bottom:24px;right:24px;max-width:480px;background:#fff;border-radius:8px;box-shadow:0 12px 32px #08517638;padding:28px 32px;z-index:9999;transform:translateX(600px);opacity:0;transition:transform 350ms ease-out,opacity 350ms ease-out}
.ConsentPopup[data-visible="true"]{transform:translateX(0);opacity:1}
.ConsentPopup[data-visible="false"]{transform:translateX(-600px)}
.ConsentHeading{font-size:19px;font-weight:700;color:#085176;margin:0 0 14px}
.ConsentDescription{font-size:14px;color:#444;margin:0 0 20px;line-height:1.5}
.ConsentOptions{display:flex;flex-direction:column;gap:12px;margin-bottom:24px}
.ConsentOption{display:flex;align-items:center;gap:10px;cursor:pointer}
.ConsentCheck{width:18px;height:18px;cursor:pointer}
.ConsentLabel{font-size:14px;color:#333;font-weight:500}
.ConsentActions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.ConsentBtn{padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:background 280ms ease,box-shadow 280ms ease;font-family:'Rubik',sans-serif}
.ConsentBtn--accept{background:#ED5200;color:#fff}
.ConsentBtn--accept:hover{background:#c94500;box-shadow:0 4px 12px #ed52004d}
.ConsentBtn--decline{background:#EFEFEF;color:#085176}
.ConsentBtn--decline:hover{background:#d8d8d8}
.ConsentLink{color:#085176;font-size:13px;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom 280ms ease}
.ConsentLink:hover{border-bottom:1px solid #085176}
@media (max-width: 968px) {
.MainHeaderRow{flex-direction:column;gap:18px;padding:0 18px}
.LogoHolder{order:1}
.CenterIdentity{order:2;margin:0}
.CompanyTitle{font-size:26px}
.MainNav{order:3;flex-wrap:wrap;justify-content:center;gap:16px}
.FooterTopZone{grid-template-columns:1fr;gap:40px}
.FooterBlock--secondary{border-left:none;border-top:3px solid #ED5200;padding-left:0;padding-top:24px}
.ConsentPopup{bottom:16px;right:16px;left:16px;max-width:none;padding:22px 24px}
}
@media (max-width: 580px) {
.CompanyTitle{font-size:22px}
.MainNav .NavLink{font-size:14px;padding:6px 10px}
.ConsentActions{flex-direction:column;align-items:stretch}
.ConsentBtn{width:100%}
}
.policy-q-info{max-width:1200px;margin:0 auto;padding:60px 20px;background:#EFEFEF}
.policy-q-info h1{font-size:42px;font-weight:700;color:#085176;margin:0 0 40px;line-height:1.2;letter-spacing:-.5px}
.policy-q-info h2{font-size:32px;font-weight:600;color:#085176;margin:50px 0 24px;line-height:1.3;border-bottom:3px solid #ED5200;padding-bottom:12px}
.policy-q-info h3{font-size:24px;font-weight:600;color:#085176;margin:36px 0 20px;line-height:1.4}
.policy-q-info h4{font-size:20px;font-weight:600;color:#085176;margin:28px 0 16px;line-height:1.4}
.policy-q-info h5{font-size:18px;font-weight:600;color:#085176;margin:24px 0 14px;line-height:1.5}
.policy-q-info h6{font-size:16px;font-weight:600;color:#085176;margin:20px 0 12px;line-height:1.5;text-transform:uppercase;letter-spacing:.5px}
.policy-q-info p{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 20px}
.policy-q-info ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none}
.policy-q-info ul li{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 12px;padding-left:20px;position:relative}
.policy-q-info ul li::before{content:"";position:absolute;left:0;top:10px;width:8px;height:8px;background:linear-gradient(135deg,#085176,#ED5200);transform:rotate(45deg)}
.policy-q-info ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:none;counter-reset:policy-counter}
.policy-q-info ol li{font-size:16px;line-height:1.8;color:#2c3e50;margin:0 0 12px;padding-left:20px;position:relative;counter-increment:policy-counter}
.policy-q-info ol li::before{content:counter(policy-counter) ".";position:absolute;left:0;font-weight:700;color:#085176}
.policy-q-info em,.policy-q-info i{font-style:italic;color:#085176}
.policy-q-info strong{font-weight:700;color:#085176}
.policy-q-info a{color:#ED5200;text-decoration:none;border-bottom:2px solid transparent;transition:border-color 300ms}
.policy-q-info a:hover{border-bottom-color:#ED5200}
.policy-q-info table{width:100%;border-collapse:collapse;margin:30px 0;background:#fff;box-shadow:0 4px 16px #08517614;border-radius:8px;overflow:hidden}
.policy-q-info thead{background:linear-gradient(135deg,#085176,#0a6490)}
.policy-q-info thead tr th{font-size:15px;font-weight:600;color:#fff;text-align:left;padding:18px 20px;text-transform:uppercase;letter-spacing:.5px}
.policy-q-info tbody{background:#fff}
.policy-q-info tbody tr{border-bottom:1px solid #e5e5e5;transition:background 280ms}
.policy-q-info tbody tr:hover{background:#f9f9f9}
.policy-q-info tbody tr:last-child{border-bottom:none}
.policy-q-info tbody tr td{font-size:15px;line-height:1.6;color:#2c3e50;padding:16px 20px}
.policy-q-info th{font-weight:600}
.policy-q-info td{font-weight:400}
.policy-q-info hr{border:none;height:2px;background:linear-gradient(90deg,#085176,#ED5200,#085176);margin:50px 0;opacity:.3}
.policy-q-info div{margin:0 0 20px}
.policy-q-info blockquote{margin:30px 0;padding:20px 24px;background:#fff;border-left:6px solid #ED5200;box-shadow:0 2px 12px #0851760f;font-style:italic;color:#34495e}
.policy-q-info code{font-family:'Courier New',monospace;background:#fff;padding:2px 8px;border-radius:4px;font-size:14px;color:#085176;border:1px solid #e0e0e0}
@media (max-width: 768px) {
.policy-q-info{padding:40px 16px}
.policy-q-info h1{font-size:32px;margin-bottom:30px}
.policy-q-info h2{font-size:26px;margin:40px 0 20px}
.policy-q-info h3{font-size:22px;margin:30px 0 16px}
.policy-q-info h4{font-size:19px;margin:24px 0 14px}
.policy-q-info h5{font-size:17px;margin:20px 0 12px}
.policy-q-info h6{font-size:15px;margin:18px 0 10px}
.policy-q-info p,.policy-q-info ul li,.policy-q-info ol li{font-size:15px}
.policy-q-info table{font-size:14px}
.policy-q-info thead tr th,.policy-q-info tbody tr td{padding:12px 14px;font-size:14px}
}
@media (max-width: 480px) {
.policy-q-info{padding:30px 12px}
.policy-q-info h1{font-size:28px;margin-bottom:24px}
.policy-q-info h2{font-size:23px;margin:32px 0 16px}
.policy-q-info table{display:block;overflow-x:auto}
.policy-q-info thead tr th,.policy-q-info tbody tr td{padding:10px 12px;font-size:13px}
}
.TitleZone{position:relative;overflow:hidden;background:linear-gradient(134deg,#085176 0%,#0a6b95 100%);padding:0;margin:0 0 64px}
.TitleZone .ImageLayer{width:100%;height:480px;position:relative}
.TitleZone .ImageLayer img{width:100%;height:100%;object-fit:cover;filter:brightness(0.4) contrast(1.15)}
.TitleZone .CurveDecor{position:absolute;bottom:0;left:0;width:100%;height:220px;overflow:hidden;pointer-events:none}
.TitleZone .CurveDecor svg{position:absolute;bottom:-2px;left:0;width:100%;height:100%}
.TitleZone .TextWrap{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;max-width:840px;width:90%;background:#efefeff0;padding:48px 56px;border-radius:8px;box-shadow:0 16px 48px #00000047}
.TitleZone .MainHeadline{font-size:3rem;line-height:1.2;color:#085176;margin:0;font-weight:700}
.TitleZone .MainHeadline .Pause{display:block;margin-top:8px}
.WhatWeOffer{max-width:1200px;margin:0 auto 72px;padding:0 24px}
.WhatWeOffer .IntroHeader{text-align:center;margin-bottom:56px}
.WhatWeOffer .IntroHeader h2{font-size:2.4rem;color:#085176;margin:0 0 16px;font-weight:700}
.WhatWeOffer .IntroHeader .SubText{font-size:1.125rem;color:#4a4a4a;line-height:1.6;max-width:720px;margin:0 auto}
.WhatWeOffer .CourseListing{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.WhatWeOffer .CourseCard{background:#EFEFEF;border-radius:10px;padding:36px 28px;box-shadow:0 8px 24px #08517614;transition:transform 320ms,box-shadow 320ms;position:relative}
.WhatWeOffer .CourseCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#ED5200 0%,#ff7a33 100%);border-radius:10px 0 0 10px}
.WhatWeOffer .CourseCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #08517629}
.WhatWeOffer .CourseCard h3{font-size:1.5rem;color:#085176;margin:0 0 16px;font-weight:700}
.WhatWeOffer .CourseCard .CourseDesc{font-size:1rem;color:#5a5a5a;line-height:1.65;margin:0 0 20px}
.WhatWeOffer .CourseCard .DurationBadge{display:inline-block;background:#085176;color:#EFEFEF;font-size:.875rem;padding:6px 14px;border-radius:6px;font-weight:600}
.SkillProgression{background:linear-gradient(162deg,#EFEFEF 0%,#dcdcdc 100%);padding:80px 24px;margin:0 0 72px}
.SkillProgression .ProgressWrap{max-width:1200px;margin:0 auto}
.SkillProgression .ProgressWrap h2{font-size:2.2rem;color:#085176;text-align:center;margin:0 0 48px;font-weight:700}
.SkillProgression .StageHolder{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px}
.SkillProgression .StageItem{flex:1;background:#fff;border-radius:8px;padding:32px 24px;box-shadow:0 4px 16px #0000000f;position:relative}
.SkillProgression .StageItem .StageNumber{width:48px;height:48px;background:linear-gradient(135deg,#ED5200 0%,#ff6f2e 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 0 20px}
.SkillProgression .StageItem h4{font-size:1.3rem;color:#085176;margin:0 0 12px;font-weight:700}
.SkillProgression .StageItem .StageDetail{font-size:1rem;color:#5a5a5a;line-height:1.6;margin:0}
.ComparisonLayout{max-width:1200px;margin:0 auto 72px;padding:0 24px}
.ComparisonLayout h2{font-size:2.3rem;color:#085176;text-align:center;margin:0 0 52px;font-weight:700}
.ComparisonLayout .TabInterface{position:relative}
.ComparisonLayout .TabInterface input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.ComparisonLayout .TabNav{display:flex;flex-direction:row;gap:16px;margin-bottom:36px;justify-content:center}
.ComparisonLayout .TabNav label{flex:0 1 auto;padding:14px 32px;background:#EFEFEF;color:#085176;font-size:1.125rem;font-weight:600;border-radius:8px;cursor:pointer;transition:background 280ms,color 280ms,box-shadow 280ms;box-shadow:0 4px 12px #08517614}
.ComparisonLayout .TabNav label:hover{background:#e0e0e0;box-shadow:0 6px 16px #0851761f}
.ComparisonLayout input[type="radio"]:checked + label{background:#085176;color:#EFEFEF;box-shadow:0 8px 20px #0851763d}
.ComparisonLayout .TabContent{display:none}
.ComparisonLayout input[type="radio"]:checked ~ .TabContent[data-panel="1"],.ComparisonLayout input[type="radio"]:nth-of-type(2):checked ~ .TabContent[data-panel="2"],.ComparisonLayout input[type="radio"]:nth-of-type(3):checked ~ .TabContent[data-panel="3"]{display:block}
.ComparisonLayout .TabContent .ContentGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.ComparisonLayout .TabContent .FeatureBox{background:#EFEFEF;padding:28px 24px;border-radius:8px;box-shadow:0 6px 18px #0000000f}
.ComparisonLayout .TabContent .FeatureBox h5{font-size:1.25rem;color:#ED5200;margin:0 0 12px;font-weight:700}
.ComparisonLayout .TabContent .FeatureBox p{font-size:1rem;color:#5a5a5a;line-height:1.65;margin:0}
.TestimonialSection{background:linear-gradient(218deg,#085176 0%,#0a6b95 100%);padding:80px 24px;margin:0 0 72px}
.TestimonialSection .TestiWrap{max-width:1200px;margin:0 auto}
.TestimonialSection h2{font-size:2.2rem;color:#EFEFEF;text-align:center;margin:0 0 56px;font-weight:700}
.TestimonialSection .TestiGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:36px}
.TestimonialSection .TestiBox{background:#efefeff5;padding:32px 28px;border-radius:10px;box-shadow:0 12px 32px #0000003d;position:relative}
.TestimonialSection .TestiBox::before{content:'';position:absolute;top:-6px;left:24px;width:60px;height:4px;background:#ED5200;border-radius:4px}
.TestimonialSection .TestiBox .QuoteText{font-size:1.05rem;color:#4a4a4a;line-height:1.7;margin:0 0 20px;font-style:italic}
.TestimonialSection .TestiBox .AuthorInfo{display:flex;flex-direction:row;align-items:center;gap:16px}
.TestimonialSection .TestiBox .AuthorInfo .AuthorIcon{width:52px;height:52px;background:linear-gradient(135deg,#085176 0%,#0a6b95 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#EFEFEF;font-size:1.5rem;font-weight:700;flex-shrink:0}
.TestimonialSection .TestiBox .AuthorInfo .AuthorText{flex:1}
.TestimonialSection .TestiBox .AuthorInfo .AuthorText .Name{font-size:1.125rem;color:#085176;font-weight:700;margin:0 0 4px}
.TestimonialSection .TestiBox .AuthorInfo .AuthorText .Role{font-size:.95rem;color:#6a6a6a;margin:0}
.EnrollmentCall{max-width:1200px;margin:0 auto;padding:0 24px 80px}
.EnrollmentCall .CallBox{background:linear-gradient(147deg,#EFEFEF 0%,#e5e5e5 100%);padding:64px 48px;border-radius:10px;text-align:center;box-shadow:0 12px 36px #0851761f;position:relative;overflow:hidden}
.EnrollmentCall .CallBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#ED5200 0%,#085176 100%)}
.EnrollmentCall .CallBox h2{font-size:2.4rem;color:#085176;margin:0 0 20px;font-weight:700}
.EnrollmentCall .CallBox .CallDesc{font-size:1.125rem;color:#5a5a5a;line-height:1.65;max-width:680px;margin:0 auto 36px}
.EnrollmentCall .CallBox .ActionButtons{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center}
.EnrollmentCall .CallBox .ActionButtons .PrimaryBtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#ED5200 0%,#ff6f2e 100%);color:#EFEFEF;font-size:1.125rem;font-weight:700;text-decoration:none;border-radius:8px;box-shadow:0 8px 24px #ed520052;transition:transform 300ms,box-shadow 300ms;position:relative;z-index:10}
.EnrollmentCall .CallBox .ActionButtons .PrimaryBtn:hover{transform:translateY(-4px);box-shadow:0 12px 32px #ed520066}
.EnrollmentCall .CallBox .ActionButtons .SecondaryBtn{display:inline-block;padding:16px 40px;background:transparent;color:#085176;font-size:1.125rem;font-weight:700;text-decoration:none;border:2px solid #085176;border-radius:8px;transition:background 300ms,color 300ms;position:relative;z-index:10}
.EnrollmentCall .CallBox .ActionButtons .SecondaryBtn:hover{background:#085176;color:#EFEFEF}
@media (max-width: 1024px) {
.WhatWeOffer .CourseListing{grid-template-columns:repeat(2,1fr);gap:28px}
.SkillProgression .StageHolder{flex-direction:column}
.ComparisonLayout .TabContent .ContentGrid{grid-template-columns:1fr}
.TestimonialSection .TestiGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.TitleZone .ImageLayer{height:360px}
.TitleZone .TextWrap{padding:36px 32px;width:92%}
.TitleZone .MainHeadline{font-size:2.2rem}
.WhatWeOffer .CourseListing{grid-template-columns:1fr;gap:24px}
.WhatWeOffer .IntroHeader h2{font-size:2rem}
.SkillProgression{padding:60px 24px}
.SkillProgression .ProgressWrap h2{font-size:1.9rem}
.ComparisonLayout h2{font-size:2rem}
.ComparisonLayout .TabNav{flex-direction:column;gap:12px}
.ComparisonLayout .TabNav label{text-align:center}
.TestimonialSection{padding:60px 24px}
.TestimonialSection h2{font-size:1.9rem}
.EnrollmentCall .CallBox{padding:48px 32px}
.EnrollmentCall .CallBox h2{font-size:2rem}
.EnrollmentCall .CallBox .ActionButtons{flex-direction:column;gap:16px}
.EnrollmentCall .CallBox .ActionButtons .PrimaryBtn,.EnrollmentCall .CallBox .ActionButtons .SecondaryBtn{width:100%;text-align:center}
}
@media (max-width: 480px) {
.TitleZone .ImageLayer{height:280px}
.TitleZone .TextWrap{padding:28px 24px}
.TitleZone .MainHeadline{font-size:1.8rem}
.WhatWeOffer .IntroHeader h2{font-size:1.75rem}
.SkillProgression .ProgressWrap h2{font-size:1.7rem}
.ComparisonLayout h2{font-size:1.75rem}
.TestimonialSection h2{font-size:1.7rem}
.EnrollmentCall .CallBox h2{font-size:1.75rem}
}
.HeroIntro{position:relative;background:linear-gradient(152deg,#085176 0%,#0a668f 48%,#085176 100%);padding:0;overflow:hidden;min-height:420px;display:flex;align-items:center}
.HeroIntro::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:1px solid #efefef26;pointer-events:none;z-index:2}
.HeroIntro::after{content:'';position:absolute;top:28px;left:28px;right:28px;bottom:28px;border:1px solid #efefef14;pointer-events:none;z-index:2}
.HeroIntro .BackdropShape{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:grayscale(100%);z-index:1}
.HeroIntro .ContentLayer{position:relative;z-index:3;max-width:1200px;margin:0 auto;padding:80px 20px;color:#EFEFEF}
.HeroIntro .PrimaryStatement{font-size:3.2rem;line-height:1.2;font-weight:700;margin:0 0 24px;letter-spacing:-.02em}
.HeroIntro .SupportText{font-size:1.25rem;line-height:1.6;opacity:.92;max-width:680px;margin:0}
@media (max-width: 768px) {
.HeroIntro{min-height:340px}
.HeroIntro .ContentLayer{padding:60px 18px}
.HeroIntro .PrimaryStatement{font-size:2.2rem}
.HeroIntro .SupportText{font-size:1.05rem}
}
.ApproachSection{background:#EFEFEF;padding:90px 20px}
.ApproachSection .WrapHolder{max-width:1200px;margin:0 auto}
.ApproachSection .SectionLabel{font-size:2.6rem;line-height:1.25;font-weight:700;color:#085176;margin:0 0 52px;text-align:center}
.ApproachSection .GridDisplay{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.ApproachSection .FeatureCard{background:#fff;padding:36px 28px;border-radius:8px;box-shadow:0 6px 18px #08517614;transition:all 320ms ease;border-top:3px solid transparent}
.ApproachSection .FeatureCard:hover{transform:translateY(-4px);box-shadow:0 12px 28px #08517624;border-top-color:#ED5200}
.ApproachSection .IconFrame{width:64px;height:64px;background:linear-gradient(135deg,#085176 0%,#0a668f 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.ApproachSection .IconFrame svg{width:32px;height:32px;fill:#EFEFEF}
.ApproachSection .CardTitle{font-size:1.35rem;font-weight:700;color:#085176;margin:0 0 14px}
.ApproachSection .CardDescription{font-size:1rem;line-height:1.65;color:#333;margin:0}
@media (max-width: 992px) {
.ApproachSection .GridDisplay{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 640px) {
.ApproachSection{padding:60px 18px}
.ApproachSection .SectionLabel{font-size:2rem;margin-bottom:38px}
.ApproachSection .GridDisplay{grid-template-columns:1fr;gap:24px}
}
.JourneyBlock{background:#fff;padding:0;position:relative}
.JourneyBlock .DualPanel{display:grid;grid-template-columns:1fr 1fr;max-width:1200px;margin:0 auto;min-height:540px}
.JourneyBlock .VisualSide{position:relative;overflow:hidden;background:linear-gradient(225deg,#085176 0%,#0a5a7f 100%)}
.JourneyBlock .VisualSide img{width:100%;height:100%;object-fit:cover;opacity:.75;mix-blend-mode:multiply}
.JourneyBlock .ContentSide{padding:72px 56px;display:flex;flex-direction:column;justify-content:center;background:#EFEFEF}
.JourneyBlock .HeadingText{font-size:2.4rem;font-weight:700;color:#085176;margin:0 0 28px;line-height:1.3}
.JourneyBlock .BodyText{font-size:1.05rem;line-height:1.7;color:#333;margin:0 0 18px}
.JourneyBlock .BodyText:last-of-type{margin-bottom:0}
@media (max-width: 768px) {
.JourneyBlock .DualPanel{grid-template-columns:1fr;min-height:auto}
.JourneyBlock .VisualSide{min-height:280px}
.JourneyBlock .ContentSide{padding:48px 24px}
.JourneyBlock .HeadingText{font-size:1.9rem}
}
.TeamReveal{background:linear-gradient(178deg,#085176 0%,#063f5a 100%);padding:85px 20px;position:relative;overflow:hidden}
.TeamReveal::before{content:'';position:absolute;width:420px;height:420px;background:radial-gradient(circle,#ed52001f 0%,transparent 70%);top:-120px;right:-80px;border-radius:50%;pointer-events:none}
.TeamReveal .InnerWrap{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.TeamReveal .TitleRow{text-align:center;margin-bottom:64px}
.TeamReveal .MainHeading{font-size:2.8rem;font-weight:700;color:#EFEFEF;margin:0 0 18px}
.TeamReveal .SubHeading{font-size:1.15rem;color:#efefefd9;margin:0;line-height:1.6}
.TeamReveal .InteractivePanel{background:#ffffff0d;border-radius:10px;padding:48px 40px;backdrop-filter:blur(8px);border:1px solid #efefef1a}
.TeamReveal .TabsContainer input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.TeamReveal .TabsNav{display:flex;gap:16px;margin-bottom:42px;border-bottom:2px solid #efefef26}
.TeamReveal .TabsNav label{font-size:1.1rem;font-weight:600;color:#efefefa6;padding:12px 24px;cursor:pointer;transition:all 280ms ease;border-bottom:3px solid transparent;margin-bottom:-2px;position:relative}
.TeamReveal .TabsNav label:hover{color:#efefefe6}
.TeamReveal input#Philosophy:checked ~ .TabsNav label[for="Philosophy"],.TeamReveal input#Process:checked ~ .TabsNav label[for="Process"],.TeamReveal input#Values:checked ~ .TabsNav label[for="Values"]{color:#EFEFEF;border-bottom-color:#ED5200}
.TeamReveal .TabPanel{display:none}
.TeamReveal input#Philosophy:checked ~ .TabPanel[data-tab="Philosophy"],.TeamReveal input#Process:checked ~ .TabPanel[data-tab="Process"],.TeamReveal input#Values:checked ~ .TabPanel[data-tab="Values"]{display:block}
.TeamReveal .PanelContent{display:grid;grid-template-columns:460px 1fr;gap:44px;align-items:start}
.TeamReveal .ImageColumn img{width:100%;height:340px;object-fit:cover;border-radius:8px;box-shadow:0 8px 24px #00000040;loading:lazy}
.TeamReveal .TextColumn h4{font-size:1.6rem;font-weight:700;color:#EFEFEF;margin:0 0 20px}
.TeamReveal .TextColumn p{font-size:1.05rem;line-height:1.75;color:#efefefe0;margin:0 0 16px}
.TeamReveal .TextColumn p:last-child{margin-bottom:0}
@media (max-width: 992px) {
.TeamReveal .PanelContent{grid-template-columns:1fr;gap:32px}
.TeamReveal .ImageColumn img{height:280px}
}
@media (max-width: 640px) {
.TeamReveal{padding:60px 18px}
.TeamReveal .MainHeading{font-size:2.1rem}
.TeamReveal .InteractivePanel{padding:32px 24px}
.TeamReveal .TabsNav{flex-direction:column;gap:8px;border-bottom:none}
.TeamReveal .TabsNav label{border-bottom:none;border-left:3px solid transparent;padding-left:16px}
.TeamReveal input#Philosophy:checked ~ .TabsNav label[for="Philosophy"],.TeamReveal input#Process:checked ~ .TabsNav label[for="Process"],.TeamReveal input#Values:checked ~ .TabsNav label[for="Values"]{border-bottom-color:transparent;border-left-color:#ED5200}
.TeamReveal .ImageColumn img{height:240px}
}
.StartPageHero{background:linear-gradient(148deg,#085176 0%,#084963 100%);padding:72px 24px 86px;position:relative;overflow:hidden}
.StartPageHero::before{content:'';position:absolute;top:-40px;right:-60px;width:380px;height:380px;background:radial-gradient(circle,#ed520026 0%,transparent 70%);border-radius:50%}
.MainHeroHolder{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.PrimaryTextArea h1{font-size:48px;line-height:1.15;color:#EFEFEF;margin:0 0 24px;font-weight:700}
.PrimaryTextArea p{font-size:18px;line-height:1.65;color:#EFEFEF;margin:0 0 32px;opacity:.92}
.HeroActionRow{display:flex;gap:16px;align-items:center}
.PrimaryActionBtn{background:#ED5200;color:#EFEFEF;padding:15px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all 320ms;display:inline-block;box-shadow:0 4px 16px #ed520040}
.PrimaryActionBtn:hover{background:#d14700;box-shadow:0 6px 24px #ed520059;transform:translateY(-2px)}
.SecondaryActionBtn{background:transparent;color:#EFEFEF;padding:15px 36px;border:2px solid #efefef66;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;transition:all 320ms;display:inline-block}
.SecondaryActionBtn:hover{border-color:#EFEFEF;background:#efefef1a}
.VisualAnchorArea{position:relative;height:420px}
.VisualAnchorArea img{width:100%;height:100%;object-fit:cover;border-radius:12px;box-shadow:0 24px 48px #0000004d}
.DecorativePattern{position:absolute;bottom:-20px;right:-20px;width:140px;height:140px;background:repeating-linear-gradient(45deg,#ED5200,#ED5200 8px,transparent 8px,transparent 16px);opacity:.3;border-radius:50%;z-index:-1}
.PlatformFeatures{padding:96px 24px;background:#EFEFEF}
.ContentHolder{max-width:1200px;margin:0 auto}
.SectionLabelBar{text-align:center;margin-bottom:56px}
.SectionLabelBar h2{font-size:38px;color:#085176;margin:0 0 16px;font-weight:700}
.SectionLabelBar p{font-size:17px;color:#333;margin:0;line-height:1.6;max-width:720px;margin:0 auto}
.AdvantageGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.AdvantageCard{background:#fff;padding:36px 28px;border-radius:10px;box-shadow:0 8px 24px #08517614;transition:all 340ms;border:1px solid #0851761a}
.AdvantageCard:hover{box-shadow:0 16px 40px #08517629;transform:translateY(-4px)}
.AdvantageCard svg{width:52px;height:52px;margin-bottom:20px}
.AdvantageCard h3{font-size:22px;color:#085176;margin:0 0 12px;font-weight:600}
.AdvantageCard p{font-size:15px;color:#444;margin:0;line-height:1.65}
.CareerPathways{padding:88px 24px;background:linear-gradient(165deg,#085176 0%,#063d59 100%)}
.CareerPathways .ContentHolder{max-width:1200px;margin:0 auto}
.CareerPathways h2{font-size:36px;color:#EFEFEF;margin:0 0 48px;text-align:center;font-weight:700}
.PathwayRow{display:grid;grid-template-columns:1fr 1.2fr;gap:52px;align-items:start}
.PathwayImage img{width:100%;height:380px;object-fit:cover;border-radius:10px;box-shadow:0 20px 48px #0000004d}
.PathwayDescription h3{font-size:28px;color:#EFEFEF;margin:0 0 20px;font-weight:600}
.PathwayDescription p{font-size:16px;color:#EFEFEF;line-height:1.7;margin:0 0 24px;opacity:.9}
.SkillMarkers{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.SkillTag{background:#ed5200d9;color:#EFEFEF;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:500;box-shadow:0 4px 12px #ed520033}
.LearningRhythm{padding:92px 24px;background:#fff}
.LearningRhythm .ContentHolder{max-width:1200px;margin:0 auto}
.RhythmIntro{text-align:center;margin-bottom:64px}
.RhythmIntro h2{font-size:36px;color:#085176;margin:0 0 18px;font-weight:700}
.RhythmIntro p{font-size:17px;color:#333;line-height:1.65;max-width:680px;margin:0 auto}
.ScheduleOptions{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.ScheduleBlock{background:linear-gradient(135deg,#EFEFEF 0%,#e0e0e0 100%);padding:42px 36px;border-radius:10px;border-left:5px solid #ED5200;box-shadow:0 8px 20px #0000000f}
.ScheduleBlock h3{font-size:24px;color:#085176;margin:0 0 16px;font-weight:600}
.ScheduleBlock p{font-size:15px;color:#333;line-height:1.7;margin:0 0 20px}
.ScheduleBlock ul{list-style:none;padding:0;margin:0}
.ScheduleBlock ul li{font-size:15px;color:#444;padding:8px 0 8px 28px;position:relative;line-height:1.6}
.ScheduleBlock ul li::before{content:'';position:absolute;left:0;top:14px;width:14px;height:14px;background:#ED5200;border-radius:50%}
.ExpertiseSource{padding:86px 24px;background:#EFEFEF;position:relative}
.ExpertiseSource::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#085176 0%,#ED5200 100%)}
.ExpertiseSource .ContentHolder{max-width:1200px;margin:0 auto}
.ExpertiseLayout{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.ExpertiseContent h2{font-size:36px;color:#085176;margin:0 0 24px;font-weight:700}
.ExpertiseContent p{font-size:16px;color:#333;line-height:1.7;margin:0 0 28px}
.CredibilityMarkers{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:32px}
.CredibilityItem{background:#fff;padding:24px 20px;border-radius:8px;box-shadow:0 6px 16px #08517614}
.CredibilityItem h4{font-size:32px;color:#ED5200;margin:0 0 8px;font-weight:700}
.CredibilityItem p{font-size:14px;color:#555;margin:0;line-height:1.5}
.ExpertiseVisual img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 16px 40px #08517626}
.OutcomesDisplay{padding:92px 24px;background:linear-gradient(142deg,#085176 0%,#074d6b 100%)}
.OutcomesDisplay .ContentHolder{max-width:1200px;margin:0 auto}
.OutcomesDisplay h2{font-size:36px;color:#EFEFEF;text-align:center;margin:0 0 56px;font-weight:700}
.OutcomesList{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.OutcomeModule{background:#ffffff14;padding:36px 28px;border-radius:10px;border:1px solid #efefef26;transition:all 340ms}
.OutcomeModule:hover{background:#ffffff1f;border-color:#ed520066;transform:translateY(-3px)}
.OutcomeModule svg{width:46px;height:46px;margin-bottom:18px}
.OutcomeModule h3{font-size:20px;color:#EFEFEF;margin:0 0 14px;font-weight:600}
.OutcomeModule p{font-size:15px;color:#EFEFEF;line-height:1.65;margin:0;opacity:.88}
.EnrollmentPrompt{padding:84px 24px;background:#EFEFEF;text-align:center}
.EnrollmentPrompt .ContentHolder{max-width:840px;margin:0 auto}
.EnrollmentPrompt h2{font-size:38px;color:#085176;margin:0 0 20px;font-weight:700}
.EnrollmentPrompt p{font-size:17px;color:#333;line-height:1.65;margin:0 0 36px}
.EnrollmentActions{display:flex;gap:18px;justify-content:center;align-items:center}
.EnrollmentBtn{background:#ED5200;color:#EFEFEF;padding:16px 44px;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;transition:all 320ms;box-shadow:0 6px 20px #ed520040}
.EnrollmentBtn:hover{background:#d14700;box-shadow:0 8px 28px #ed520059;transform:translateY(-2px)}
.ContactLink{background:transparent;color:#085176;padding:16px 44px;border:2px solid #085176;border-radius:8px;text-decoration:none;font-size:17px;font-weight:600;transition:all 320ms}
.ContactLink:hover{background:#085176;color:#EFEFEF}
@media (max-width: 968px) {
.MainHeroHolder{grid-template-columns:1fr;gap:40px}
.PrimaryTextArea h1{font-size:38px}
.AdvantageGrid{grid-template-columns:repeat(2,1fr);gap:24px}
.PathwayRow{grid-template-columns:1fr;gap:36px}
.ScheduleOptions{grid-template-columns:1fr;gap:28px}
.ExpertiseLayout{grid-template-columns:1fr;gap:40px}
.OutcomesList{grid-template-columns:repeat(2,1fr);gap:24px}
.EnrollmentActions{flex-direction:column;gap:14px}
}
@media (max-width: 640px) {
.StartPageHero{padding:52px 20px 64px}
.PrimaryTextArea h1{font-size:32px}
.HeroActionRow{flex-direction:column;gap:12px;align-items:stretch}
.PrimaryActionBtn,.SecondaryActionBtn{text-align:center}
.AdvantageGrid{grid-template-columns:1fr}
.CredibilityMarkers{grid-template-columns:1fr}
.OutcomesList{grid-template-columns:1fr}
.SectionLabelBar h2{font-size:30px}
.EnrollmentPrompt h2{font-size:30px}
}
.ContactsStage{background:linear-gradient(127deg,#085176 0%,#0a6489 100%);padding:80px 20px;position:relative;overflow:hidden}
.ContactsStage::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#ed520026,transparent);top:-100px;right:-100px;border-radius:50%}
.ContactsStage::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#efefef14,transparent);bottom:-80px;left:-80px;border-radius:50%}
.ManifestHolder{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:center;position:relative;z-index:2}
.VisualSide{width:100%;height:320px;background:linear-gradient(217deg,#ed5200d9,#085176bf);border-radius:8px;position:relative;box-shadow:0 12px 28px #00000040;transform:translateY(0);transition:transform 350ms}
.VisualSide:hover{transform:translateY(-8px)}
.VisualSide::before{content:'';position:absolute;top:20px;left:20px;right:20px;bottom:20px;border:2px solid #efefef4d;border-radius:6px}
.ManifestoText{color:#EFEFEF;text-align:center}
.ManifestoText h1{font-size:42px;margin:0 0 24px;font-weight:700;line-height:1.2}
.ManifestoText p{font-size:18px;line-height:1.6;margin:0;opacity:.95}
.ConnectionArea{background:#EFEFEF;padding:90px 20px}
.ConnectionContent{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.InfoModule h2{font-size:36px;color:#085176;margin:0 0 32px;font-weight:700}
.DetailGroup{margin-bottom:28px}
.DetailGroup h3{font-size:16px;color:#085176;margin:0 0 8px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.DetailGroup p{font-size:18px;color:#333;margin:0;line-height:1.5}
.DetailGroup a{color:#ED5200;text-decoration:none;transition:color 280ms}
.DetailGroup a:hover{color:#085176}
.MessagingPanel{background:linear-gradient(143deg,#085176,#0a6489);padding:50px;border-radius:10px;box-shadow:0 16px 32px #08517633}
.MessagingPanel h2{font-size:28px;color:#EFEFEF;margin:0 0 32px;font-weight:700}
.InputRow{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:24px}
.FieldBox{display:flex;flex-direction:column}
.FieldBox label{font-size:14px;color:#EFEFEF;margin-bottom:8px;font-weight:500}
.FieldBox input[type="text"],.FieldBox input[type="email"],.FieldBox textarea{padding:14px 16px;border:2px solid #efefef4d;border-radius:6px;background:#ffffff1f;color:#EFEFEF;font-size:16px;transition:all 300ms}
.FieldBox input[type="text"]:focus,.FieldBox input[type="email"]:focus,.FieldBox textarea:focus{outline:none;border-color:#ED5200;background:#ffffff2e}
.FieldBox input[type="text"]::placeholder,.FieldBox input[type="email"]::placeholder,.FieldBox textarea::placeholder{color:#efefef99}
.FullWidth{grid-column:1 / -1}
.FieldBox textarea{min-height:140px;resize:vertical;font-family:inherit}
.ChoiceSection{margin:28px 0}
.ChoiceSection p{font-size:16px;color:#EFEFEF;margin:0 0 16px;font-weight:500}
.OptionSet{display:flex;flex-direction:column;gap:12px}
.RadioChoice{display:flex;align-items:center}
.RadioChoice input[type="radio"]{width:20px;height:20px;margin-right:10px;cursor:pointer;accent-color:#ED5200}
.RadioChoice label{font-size:16px;color:#EFEFEF;cursor:pointer}
.ConsentBox{margin:24px 0;display:flex;align-items:start}
.ConsentBox input[type="checkbox"]{width:18px;height:18px;margin-right:10px;margin-top:2px;cursor:pointer;accent-color:#ED5200}
.ConsentBox label{font-size:14px;color:#EFEFEF;line-height:1.5}
.ConsentBox a{color:#ED5200;text-decoration:underline}
.SubmitButton{width:100%;padding:16px;background:#ED5200;color:#EFEFEF;border:none;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all 320ms;box-shadow:0 8px 20px #ed52004d}
.SubmitButton:hover{background:#d94900;transform:translateY(-2px);box-shadow:0 12px 26px #ed520066}
.SubmitButton:active{transform:translateY(0)}
.DirectoryRegion{background:linear-gradient(234deg,#085176,#063d5a);padding:80px 20px;position:relative}
.DirectoryRegion::before{content:'';position:absolute;width:100%;height:4px;top:0;left:0;background:linear-gradient(90deg,transparent,#ED5200,transparent)}
.DirectoryLayout{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.PathCard{background:#efefef14;padding:36px 28px;border-radius:8px;border:1px solid #efefef26;transition:all 340ms;position:relative}
.PathCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:#ED5200;border-radius:8px 0 0 8px;transform:scaleY(0);transition:transform 340ms}
.PathCard:hover{background:#efefef1f;transform:translateY(-6px)}
.PathCard:hover::before{transform:scaleY(1)}
.PathCard h3{font-size:22px;color:#EFEFEF;margin:0 0 16px;font-weight:600}
.PathCard p{font-size:16px;color:#efefefd9;line-height:1.6;margin:0 0 20px}
.PathCard a{display:inline-block;padding:10px 24px;background:#ed520033;color:#ED5200;text-decoration:none;border-radius:6px;font-weight:600;font-size:15px;border:2px solid #ED5200;transition:all 300ms}
.PathCard a:hover{background:#ED5200;color:#EFEFEF}
@media (max-width: 968px) {
.ManifestHolder{grid-template-columns:1fr;gap:30px}
.VisualSide{height:240px}
.ManifestoText h1{font-size:34px}
.ConnectionContent{grid-template-columns:1fr;gap:50px}
.DirectoryLayout{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.ContactsStage{padding:60px 16px}
.ManifestoText h1{font-size:28px}
.ManifestoText p{font-size:16px}
.ConnectionArea{padding:60px 16px}
.InfoModule h2{font-size:28px}
.MessagingPanel{padding:32px 24px}
.InputRow{grid-template-columns:1fr}
.DirectoryRegion{padding:60px 16px}
}
.ProgramDisplay{background:linear-gradient(152deg,#085176 0%,#0a5f89 48%,#085176 100%);padding:84px 24px 88px;position:relative;overflow:hidden}
.ProgramDisplay::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:repeating-linear-gradient(45deg,transparent,transparent 2px,#ed520008 2px,#ed520008 4px);pointer-events:none}
.ProgramDisplay .primary-holder{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;position:relative;z-index:2}
.ProgramDisplay .TextSection h1{font-size:52px;color:#EFEFEF;margin:0 0 24px;line-height:1.1;font-weight:700}
.ProgramDisplay .TextSection .desc-area{font-size:19px;color:#EFEFEF;line-height:1.6;margin:0;opacity:.94}
.ProgramDisplay .ImageBlock{position:relative}
.ProgramDisplay .ImageBlock::before{content:'';position:absolute;inset:-12px;background:linear-gradient(217deg,#ED5200,transparent 68%);border-radius:8px;z-index:0}
.ProgramDisplay .ImageBlock img{width:100%;height:420px;object-fit:cover;display:block;border-radius:8px;position:relative;z-index:1;box-shadow:0 18px 48px #00000059}
.ProgramDisplay .ImageBlock::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0px,#00000014 2px,transparent 4px);border-radius:8px;pointer-events:none;z-index:2}
.CourseStructure{padding:96px 24px;background:#EFEFEF}
.CourseStructure .structure-holder{max-width:1200px;margin:0 auto}
.CourseStructure .SectionLabel{text-align:center;margin-bottom:64px}
.CourseStructure .SectionLabel h2{font-size:42px;color:#085176;margin:0 0 18px;font-weight:700}
.CourseStructure .SectionLabel .subtitle-text{font-size:18px;color:#333;margin:0;line-height:1.5}
.CourseStructure .LevelContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.CourseStructure .level-item{background:#fff;border-radius:10px;padding:0;overflow:hidden;box-shadow:0 4px 16px #08517614;transition:transform 320ms,box-shadow 320ms}
.CourseStructure .level-item:hover{transform:translateY(-6px);box-shadow:0 12px 32px #08517629}
.CourseStructure .level-item .TopBar{background:linear-gradient(135deg,#085176,#0a5f89);padding:28px 32px;position:relative}
.CourseStructure .level-item .TopBar::after{content:'';position:absolute;bottom:-10px;left:0;right:0;height:10px;background:linear-gradient(90deg,transparent,#ED5200 50%,transparent);opacity:.5}
.CourseStructure .level-item .TopBar h3{font-size:26px;color:#EFEFEF;margin:0 0 8px;font-weight:600}
.CourseStructure .level-item .TopBar .duration{font-size:15px;color:#efefefcc;margin:0}
.CourseStructure .level-item .InfoPanel{padding:32px}
.CourseStructure .level-item .InfoPanel .module-list{list-style:none;padding:0;margin:0 0 24px}
.CourseStructure .level-item .InfoPanel .module-list li{padding:12px 0 12px 32px;position:relative;font-size:16px;color:#333;line-height:1.5;border-bottom:1px solid #0851761a}
.CourseStructure .level-item .InfoPanel .module-list li:last-child{border-bottom:none}
.CourseStructure .level-item .InfoPanel .module-list li::before{content:'';position:absolute;left:0;top:16px;width:18px;height:18px;background:linear-gradient(135deg,#ED5200,#ff6b1a);border-radius:50%;box-shadow:0 2px 6px #ed52004d}
.CourseStructure .level-item .InfoPanel .outcome-note{font-size:15px;color:#666;line-height:1.6;margin:0;padding-top:16px;border-top:2px solid #ed520033}
.RegistrationBlock{background:linear-gradient(248deg,#085176 0%,#064161 100%);padding:92px 24px;position:relative}
.RegistrationBlock::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url(./graphics_archive/tempgrid10.jpg) center/cover;opacity:.08;pointer-events:none}
.RegistrationBlock .enrollment-holder{max-width:1200px;margin:0 auto;position:relative;z-index:2}
.RegistrationBlock .ContentSplit{display:flex;gap:72px;align-items:flex-start}
.RegistrationBlock .LeftInfo{flex:1}
.RegistrationBlock .LeftInfo h2{font-size:44px;color:#EFEFEF;margin:0 0 28px;font-weight:700;line-height:1.2}
.RegistrationBlock .LeftInfo .info-para{font-size:17px;color:#efefefe6;line-height:1.7;margin:0 0 32px}
.RegistrationBlock .LeftInfo .BenefitGrid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:36px}
.RegistrationBlock .LeftInfo .benefit-card{background:#efefef0f;padding:24px;border-radius:8px;border:1px solid #efefef1f;backdrop-filter:blur(8px)}
.RegistrationBlock .LeftInfo .benefit-card .icon-circle{width:44px;height:44px;background:linear-gradient(135deg,#ED5200,#ff6b1a);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.RegistrationBlock .LeftInfo .benefit-card .icon-circle i{font-size:22px;color:#EFEFEF}
.RegistrationBlock .LeftInfo .benefit-card h4{font-size:18px;color:#EFEFEF;margin:0 0 8px;font-weight:600}
.RegistrationBlock .LeftInfo .benefit-card p{font-size:15px;color:#efefefcc;margin:0;line-height:1.5}
.RegistrationBlock .FormArea{flex:0 0 460px;background:#fff;padding:42px;border-radius:10px;box-shadow:0 24px 64px #00000040}
.RegistrationBlock .FormArea h3{font-size:28px;color:#085176;margin:0 0 8px;font-weight:700}
.RegistrationBlock .FormArea .form-subtitle{font-size:16px;color:#666;margin:0 0 32px}
.RegistrationBlock .FormArea .InputRow{margin-bottom:24px}
.RegistrationBlock .FormArea .InputRow label{display:block;font-size:15px;color:#333;margin-bottom:8px;font-weight:500}
.RegistrationBlock .FormArea .InputRow input,.RegistrationBlock .FormArea .InputRow select,.RegistrationBlock .FormArea .InputRow textarea{width:100%;padding:14px 16px;border:2px solid #08517633;border-radius:6px;font-size:16px;color:#333;transition:border-color 280ms,box-shadow 280ms;background:#fff}
.RegistrationBlock .FormArea .InputRow input:focus,.RegistrationBlock .FormArea .InputRow select:focus,.RegistrationBlock .FormArea .InputRow textarea:focus{outline:none;border-color:#085176;box-shadow:0 0 0 3px #0851761a}
.RegistrationBlock .FormArea .InputRow textarea{resize:vertical;min-height:110px}
.RegistrationBlock .FormArea .SubmitBtn{width:100%;padding:16px;background:linear-gradient(135deg,#ED5200,#ff6b1a);color:#fff;font-size:18px;font-weight:600;border:none;border-radius:6px;cursor:pointer;transition:transform 280ms,box-shadow 280ms;box-shadow:0 4px 16px #ed52004d}
.RegistrationBlock .FormArea .SubmitBtn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ed520066}
.RegistrationBlock .FormArea .SubmitBtn:active{transform:translateY(0)}
.RegistrationBlock .FormArea .privacy-note{font-size:13px;color:#999;margin:16px 0 0;line-height:1.5}
@media (max-width: 1024px) {
.ProgramDisplay .primary-holder{grid-template-columns:1fr;gap:42px}
.ProgramDisplay .ImageBlock{order:-1}
.CourseStructure .LevelContainer{grid-template-columns:1fr;gap:28px}
.RegistrationBlock .ContentSplit{flex-direction:column;gap:48px}
.RegistrationBlock .FormArea{flex:1;width:100%}
}
@media (max-width: 768px) {
.ProgramDisplay{padding:64px 20px}
.ProgramDisplay .TextSection h1{font-size:38px}
.ProgramDisplay .ImageBlock img{height:320px}
.CourseStructure{padding:72px 20px}
.CourseStructure .SectionLabel h2{font-size:32px}
.RegistrationBlock{padding:72px 20px}
.RegistrationBlock .LeftInfo h2{font-size:34px}
.RegistrationBlock .LeftInfo .BenefitGrid{grid-template-columns:1fr;gap:16px}
.RegistrationBlock .FormArea{padding:32px 24px}
}
.SuccessMessage{max-width:1200px;margin:0 auto;padding:80px 20px}
.SuccessMessage .MessageGrid{display:grid;grid-template-columns:1fr;gap:60px}
.SuccessMessage .ConfirmationBlock{background:linear-gradient(135deg,#085176 0%,#0a6b96 100%);padding:60px 40px;border-radius:0;position:relative;overflow:hidden}
.SuccessMessage .ConfirmationBlock::before{content:'';position:absolute;top:0;left:0;width:8px;height:8px;border-top:2px dotted #EFEFEF;border-left:2px dotted #EFEFEF;opacity:.6}
.SuccessMessage .ConfirmationBlock::after{content:'';position:absolute;bottom:0;right:0;width:8px;height:8px;border-bottom:2px dotted #EFEFEF;border-right:2px dotted #EFEFEF;opacity:.6}
.SuccessMessage .ConfirmationBlock .IconHolder{width:80px;height:80px;margin:0 auto 30px;position:relative}
.SuccessMessage .ConfirmationBlock .IconHolder svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #00000026)}
.SuccessMessage .ConfirmationBlock .MessageContent{text-align:center;color:#EFEFEF}
.SuccessMessage .ConfirmationBlock .MessageContent h1{font-size:42px;line-height:1.2;margin:0 0 20px;color:#EFEFEF;font-weight:700}
.SuccessMessage .ConfirmationBlock .MessageContent .MainText{font-size:18px;line-height:1.6;margin:0 0 24px;max-width:650px;margin-left:auto;margin-right:auto}
.SuccessMessage .ConfirmationBlock .MessageContent .DetailText{font-size:15px;line-height:1.7;opacity:.9;max-width:600px;margin-left:auto;margin-right:auto}
.SuccessMessage .NextStepsArea{background:#EFEFEF;padding:0;display:grid;grid-template-columns:380px 1fr;gap:0;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #0851761f}
.SuccessMessage .NextStepsArea .ImagePanel{background:linear-gradient(165deg,#085176 0%,#063f5a 100%);position:relative;padding:50px 30px;display:flex;flex-direction:column;justify-content:center}
.SuccessMessage .NextStepsArea .ImagePanel::before{content:'';position:absolute;top:12px;left:12px;width:6px;height:6px;border-top:2px dotted #efefef66;border-left:2px dotted #efefef66}
.SuccessMessage .NextStepsArea .ImagePanel::after{content:'';position:absolute;bottom:12px;right:12px;width:6px;height:6px;border-bottom:2px dotted #efefef66;border-right:2px dotted #efefef66}
.SuccessMessage .NextStepsArea .ImagePanel .DecorativeShape{width:100%;height:280px;background:linear-gradient(135deg,#ed520026 0%,#ed52000d 100%);border-radius:6px;position:relative;overflow:hidden}
.SuccessMessage .NextStepsArea .ImagePanel .DecorativeShape::before{content:'';position:absolute;width:120px;height:120px;background:radial-gradient(circle,#efefef33 0%,transparent 70%);top:-20px;right:-20px;border-radius:50%}
.SuccessMessage .NextStepsArea .ImagePanel .DecorativeShape::after{content:'';position:absolute;width:90px;height:90px;background:radial-gradient(circle,#ed52004d 0%,transparent 70%);bottom:30px;left:30px;border-radius:50%}
.SuccessMessage .NextStepsArea .ContentPanel{padding:50px 45px;background:#fff}
.SuccessMessage .NextStepsArea .ContentPanel h2{font-size:32px;line-height:1.3;color:#085176;margin:0 0 28px;font-weight:600}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList{list-style:none;padding:0;margin:0 0 35px}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li{padding:18px 0 18px 50px;position:relative;font-size:16px;line-height:1.6;color:#333;border-bottom:1px solid #0851761a}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li:last-child{border-bottom:none}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li::before{content:'';position:absolute;left:0;top:18px;width:32px;height:32px;background:linear-gradient(135deg,#ED5200 0%,#ff6b1a 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li:nth-child(1)::before{background:linear-gradient(135deg,#085176 0%,#0a6b96 100%)}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li:nth-child(2)::before{background:linear-gradient(135deg,#ED5200 0%,#ff6b1a 100%)}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li:nth-child(3)::before{background:linear-gradient(135deg,#085176 0%,#0a6b96 100%)}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li strong{color:#085176;font-weight:600}
.SuccessMessage .NextStepsArea .ContentPanel .ActionButtons{display:flex;gap:16px;flex-wrap:wrap}
.SuccessMessage .NextStepsArea .ContentPanel .PrimaryButton{display:inline-flex;align-items:center;padding:16px 32px;background:linear-gradient(135deg,#085176 0%,#0a6b96 100%);color:#EFEFEF;text-decoration:none;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 12px #08517633}
.SuccessMessage .NextStepsArea .ContentPanel .PrimaryButton:hover{transform:translateY(-2px);box-shadow:0 8px 20px #0851764d;background:linear-gradient(135deg,#0a6b96 0%,#085176 100%)}
.SuccessMessage .NextStepsArea .ContentPanel .PrimaryButton i{margin-left:8px;font-size:18px}
.SuccessMessage .NextStepsArea .ContentPanel .SecondaryButton{display:inline-flex;align-items:center;padding:16px 32px;background:transparent;color:#085176;text-decoration:none;border:2px solid #085176;border-radius:6px;font-size:16px;font-weight:600;transition:all .3s ease}
.SuccessMessage .NextStepsArea .ContentPanel .SecondaryButton:hover{background:#085176;color:#EFEFEF;transform:translateY(-2px)}
.SuccessMessage .NextStepsArea .ContentPanel .SecondaryButton i{margin-left:8px;font-size:18px}
@media (max-width: 968px) {
.SuccessMessage{padding:60px 20px}
.SuccessMessage .MessageGrid{gap:50px}
.SuccessMessage .ConfirmationBlock{padding:50px 30px}
.SuccessMessage .ConfirmationBlock .MessageContent h1{font-size:36px}
.SuccessMessage .NextStepsArea{grid-template-columns:1fr}
.SuccessMessage .NextStepsArea .ImagePanel{padding:40px 30px}
.SuccessMessage .NextStepsArea .ImagePanel .DecorativeShape{height:220px}
.SuccessMessage .NextStepsArea .ContentPanel{padding:40px 30px}
.SuccessMessage .NextStepsArea .ContentPanel h2{font-size:28px}
}
@media (max-width: 640px) {
.SuccessMessage{padding:40px 16px}
.SuccessMessage .MessageGrid{gap:40px}
.SuccessMessage .ConfirmationBlock{padding:40px 24px}
.SuccessMessage .ConfirmationBlock .IconHolder{width:64px;height:64px;margin-bottom:24px}
.SuccessMessage .ConfirmationBlock .MessageContent h1{font-size:28px;margin-bottom:16px}
.SuccessMessage .ConfirmationBlock .MessageContent .MainText{font-size:16px;margin-bottom:20px}
.SuccessMessage .ConfirmationBlock .MessageContent .DetailText{font-size:14px}
.SuccessMessage .NextStepsArea .ImagePanel{padding:30px 20px}
.SuccessMessage .NextStepsArea .ImagePanel .DecorativeShape{height:180px}
.SuccessMessage .NextStepsArea .ContentPanel{padding:30px 20px}
.SuccessMessage .NextStepsArea .ContentPanel h2{font-size:24px;margin-bottom:24px}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList{margin-bottom:28px}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li{padding:14px 0 14px 44px;font-size:15px}
.SuccessMessage .NextStepsArea .ContentPanel .InstructionList li::before{width:28px;height:28px;top:14px}
.SuccessMessage .NextStepsArea .ContentPanel .ActionButtons{flex-direction:column;gap:12px}
.SuccessMessage .NextStepsArea .ContentPanel .PrimaryButton,.SuccessMessage .NextStepsArea .ContentPanel .SecondaryButton{width:100%;justify-content:center;padding:14px 24px;font-size:15px}
}