.SiteHeader{background:#CFEDFD;box-shadow:0 8px 16px #7a2c131f}
.MastheadZone{border-bottom:3px solid #7A2C13;padding:28px 0}
.HeaderContainerTop9{max-width:1536px;margin:0 auto;padding:0 24px}
.BrandIdentity{display:flex;align-items:center;gap:22px}
.LogoImage{width:120px;height:120px;object-fit:contain;background:#fff9;padding:12px;box-shadow:0 6px 14px #7a2c1326}
.CompanyName{font-family:'Roboto Slab',serif;font-size:52px;font-weight:700;color:#7A2C13;margin:0;letter-spacing:-.5px}
.NavigationBar{background:#8cecba4d;padding:18px 0}
.HeaderContainerBottom23{max-width:1536px;margin:0 auto;padding:0 24px}
.MainNav{display:flex;gap:38px;flex-wrap:wrap}
.NavLink{font-family:'Roboto Slab',serif;font-size:17px;font-weight:400;color:#7A2C13;text-decoration:none;padding:8px 14px;transition:background .2s ease,color .2s ease}
.NavLink:hover{background:#7a2c131a;color:#5a1f0d}
.SiteFooter{background:#7A2C13;padding:32px 0;margin-top:60px}
.FooterContainer{max-width:1536px;margin:0 auto;padding:0 24px}
.FooterContent{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}
.LegalLinks{display:flex;align-items:center;gap:14px}
.FooterLink{font-family:'Roboto Slab',serif;font-size:15px;color:#CFEDFD;text-decoration:none;transition:color .2s ease}
.FooterLink:hover{color:#8CECBA}
.Divider{color:#CFEDFD;font-size:15px}
.Copyright{font-family:'Roboto Slab',serif;font-size:14px;color:#CFEDFD}
.CookieConsentPopup{position:fixed;top:20px;right:20px;width:420px;max-height:540px;background:#fff;box-shadow:0 12px 28px #7a2c1340;z-index:10000;display:none;transform:translateY(-600px);transition:transform .4s ease}
.CookieConsentPopup.is-visible{display:block;transform:translateY(0)}
.ConsentTabs{display:flex;border-bottom:2px solid #CFEDFD}
.TabButton{flex:1;padding:14px 20px;background:#f5f5f5;border:none;font-family:'Roboto Slab',serif;font-size:15px;color:#7A2C13;cursor:pointer;transition:background .2s ease}
.TabButton.is-active{background:#CFEDFD;font-weight:700}
.ConsentContent{padding:22px;max-height:320px;overflow-y:auto}
.TabPanel{display:none}
.TabPanel.is-active{display:block}
.ConsentText{font-family:'Roboto Slab',serif;font-size:15px;line-height:1.6;color:#333;margin:0}
.CookieCategory{margin-bottom:18px}
.CategoryLabel{display:flex;align-items:center;gap:10px;font-family:'Roboto Slab',serif;font-size:15px;font-weight:700;color:#7A2C13;cursor:pointer;margin-bottom:6px}
.CategoryCheckbox{width:18px;height:18px;cursor:pointer}
.CategoryDescription{font-family:'Roboto Slab',serif;font-size:13px;line-height:1.5;color:#666;margin:0 0 0 28px}
.ConsentActions{display:flex;gap:10px;padding:16px 22px;border-top:2px solid #CFEDFD}
.ConsentButton{flex:1;padding:12px 18px;font-family:'Roboto Slab',serif;font-size:14px;font-weight:700;border:none;cursor:pointer;transition:background .2s ease}
.AcceptButton{background:#8CECBA;color:#7A2C13}
.AcceptButton:hover{background:#6fd9a3}
.DeclineButton{background:#7A2C13;color:#CFEDFD}
.DeclineButton:hover{background:#5a1f0d}
.SaveButton{background:#CFEDFD;color:#7A2C13}
.SaveButton:hover{background:#b3dff0}
@media (max-width: 768px) {
.BrandIdentity{flex-direction:column;align-items:center;text-align:center}
.CompanyName{font-size:36px}
.LogoImage{width:90px;height:90px}
.MainNav{flex-direction:column;gap:12px}
.NavLink{text-align:center;padding:12px 16px}
.FooterContent{flex-direction:column;text-align:center}
.CookieConsentPopup{width:calc(100% - 40px);right:20px;left:20px;max-height:480px}
.ConsentActions{flex-direction:column}
.ConsentButton{width:100%}
}
@media (max-width: 480px) {
.CompanyName{font-size:28px}
.LogoImage{width:70px;height:70px}
.MastheadZone{padding:20px 0}
.NavigationBar{padding:12px 0}
.FooterLink{font-size:13px}
.Copyright{font-size:12px}
}
.text-legal-tlm{max-width:1536px;margin:0 auto;padding:60px 24px;background:#FFF}
.text-legal-tlm p{font-size:16px;line-height:1.75;color:#2C2C2C;margin:0 0 20px;font-weight:400}
.text-legal-tlm p strong,.text-legal-tlm p b{font-weight:600;color:#1A1A1A}
.text-legal-tlm p em,.text-legal-tlm p i{font-style:italic;color:#3A3A3A}
.text-legal-tlm strong,.text-legal-tlm b{font-weight:600;color:#1A1A1A}
.text-legal-tlm em,.text-legal-tlm i{font-style:italic}
.text-legal-tlm ul,.text-legal-tlm ol{margin:0 0 24px;padding:0 0 0 28px;color:#2C2C2C}
.text-legal-tlm ul li,.text-legal-tlm ol li{font-size:16px;line-height:1.7;margin:0 0 12px;padding:0 0 0 8px}
.text-legal-tlm ul li strong,.text-legal-tlm ol li strong,.text-legal-tlm ul li b,.text-legal-tlm ol li b{font-weight:600;color:#1A1A1A}
.text-legal-tlm ul li em,.text-legal-tlm ol li em,.text-legal-tlm ul li i,.text-legal-tlm ol li i{font-style:italic}
.text-legal-tlm ul{list-style-type:disc}
.text-legal-tlm ol{list-style-type:decimal}
.text-legal-tlm ul ul,.text-legal-tlm ol ul{margin:12px 0;list-style-type:circle}
.text-legal-tlm ol ol,.text-legal-tlm ul ol{margin:12px 0;list-style-type:lower-alpha}
.text-legal-tlm hr{border:none;height:2px;background:#cfedfd99;margin:40px 0;border-radius:2px}
.text-legal-tlm div{margin:0 0 24px}
.text-legal-tlm div p{margin:0 0 16px}
.text-legal-tlm div ul,.text-legal-tlm div ol{margin:0 0 20px}
@media (max-width: 768px) {
.text-legal-tlm{padding:40px 20px}
.text-legal-tlm p{font-size:15px;line-height:1.7;margin:0 0 18px}
.text-legal-tlm ul,.text-legal-tlm ol{padding:0 0 0 24px;margin:0 0 20px}
.text-legal-tlm ul li,.text-legal-tlm ol li{font-size:15px;line-height:1.65;margin:0 0 10px;padding:0 0 0 6px}
.text-legal-tlm hr{margin:32px 0}
.text-legal-tlm div{margin:0 0 20px}
}
@media (max-width: 480px) {
.text-legal-tlm{padding:32px 16px}
.text-legal-tlm p{font-size:14px;line-height:1.65;margin:0 0 16px}
.text-legal-tlm ul,.text-legal-tlm ol{padding:0 0 0 20px;margin:0 0 18px}
.text-legal-tlm ul li,.text-legal-tlm ol li{font-size:14px;line-height:1.6;margin:0 0 8px;padding:0 0 0 4px}
.text-legal-tlm hr{margin:28px 0}
}
@media (min-width: 1200px) {
.text-legal-tlm{padding:80px 40px}
.text-legal-tlm p{font-size:17px;line-height:1.8;max-width:900px}
.text-legal-tlm ul li,.text-legal-tlm ol li{font-size:17px;line-height:1.75}
.text-legal-tlm hr{margin:48px 0;max-width:900px}
}
.AboutHeader{position:relative;min-height:520px;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#cfedfdf2 0%,#8cecbad9 100%)}
.AboutHeader::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./photos/section_section_2.jpg);background-size:cover;background-position:center;z-index:1;opacity:.3}
.AboutHeader .ParticleField{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2;pointer-events:none}
.AboutHeader .ParticleField::before,.AboutHeader .ParticleField::after{content:'';position:absolute;width:4px;height:4px;background:#7a2c1326;border-radius:50%;animation:FloatParticle 8s infinite ease-in-out}
.AboutHeader .ParticleField::before{top:20%;left:15%;animation-delay:0s}
.AboutHeader .ParticleField::after{top:60%;right:25%;animation-delay:3s}
@keyframes FloatParticle {
0%,100%{transform:translate(0,0) scale(1);opacity:.15}
50%{transform:translate(20px,-30px) scale(1.5);opacity:.3}
}
.AboutHeader .ContentWrapper8{position:relative;z-index:3;max-width:1536px;margin:0 auto;padding:80px 24px;width:100%}
.AboutHeader .MainTitle24{font-size:56px;line-height:1.1;font-weight:700;color:#7A2C13;margin:0 0 32px;text-shadow:2px 2px 8px #cfedfd66}
.AboutHeader .SubtitleText{font-size:22px;line-height:1.6;color:#2a2a2a;max-width:720px;margin:0;padding:24px 32px;background:#ffffffd9;border-left:5px solid #8CECBA;box-shadow:3px 3px 12px #7a2c131a}
.StorySection{background:#fff;padding:96px 24px}
.StorySection .InnerContainer{max-width:1536px;margin:0 auto}
.StorySection .GridLayout2Col{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.StorySection .ImageColumn{position:relative}
.StorySection .ImageColumn img{width:100%;height:580px;object-fit:cover;border-radius:4px;box-shadow:8px 8px 20px #7a2c1326}
.StorySection .ImageColumn::after{content:'';position:absolute;top:-16px;right:-16px;width:200px;height:200px;background:linear-gradient(135deg,#8cecba4d,#cfedfd4d);border-radius:50%;z-index:-1}
.StorySection .TextColumn{padding:24px 0}
.StorySection .SectionHeading{font-size:42px;line-height:1.2;font-weight:700;color:#7A2C13;margin:0 0 28px;position:relative;padding-bottom:16px}
.StorySection .SectionHeading::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#8CECBA,#CFEDFD)}
.StorySection .StoryParagraph{font-size:18px;line-height:1.7;color:#4a4a4a;margin:0 0 24px}
.StorySection .HighlightBox{background:linear-gradient(135deg,#cfedfd33,#8cecba33);padding:28px 32px;border-radius:6px;border-left:5px solid #7A2C13;margin:32px 0}
.StorySection .HighlightBox p{font-size:17px;line-height:1.65;color:#3a3a3a;margin:0;font-weight:500}
.ApproachSection{background:linear-gradient(180deg,#CFEDFD 0%,#cfedfd4d 100%);padding:96px 24px;position:relative}
.ApproachSection::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#8CECBA,transparent)}
.ApproachSection .WrapperContent{max-width:1536px;margin:0 auto}
.ApproachSection .IntroBlock{max-width:920px;margin:0 auto 72px;text-align:center}
.ApproachSection .BigHeading{font-size:48px;line-height:1.15;font-weight:700;color:#7A2C13;margin:0 0 24px}
.ApproachSection .LeadText{font-size:20px;line-height:1.65;color:#3a3a3a;margin:0}
.ApproachSection .CardsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.ApproachSection .MethodCard{background:#fff;padding:40px 32px;border-radius:6px;box-shadow:4px 4px 16px #7a2c1314;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.ApproachSection .MethodCard:hover{transform:translateY(-8px);box-shadow:8px 8px 24px #7a2c1326}
.ApproachSection .MethodCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8CECBA,#CFEDFD);border-radius:6px 6px 0 0}
.ApproachSection .CardIcon{width:64px;height:64px;background:linear-gradient(135deg,#8cecba33,#cfedfd33);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.ApproachSection .CardIcon svg{width:32px;height:32px;fill:#7A2C13}
.ApproachSection .CardTitle{font-size:24px;line-height:1.3;font-weight:700;color:#2a2a2a;margin:0 0 16px}
.ApproachSection .CardDescription{font-size:17px;line-height:1.6;color:#4a4a4a;margin:0}
.ValueSection{background:#fff;padding:96px 24px}
.ValueSection .ContainerMax{max-width:1536px;margin:0 auto}
.ValueSection .SplitLayout{display:grid;grid-template-columns:45% 55%;gap:72px;align-items:center}
.ValueSection .LeftSide{position:relative}
.ValueSection .LeftSide .ImageStack{position:relative}
.ValueSection .LeftSide .ImageStack .PrimaryImage{width:100%;height:460px;object-fit:cover;border-radius:6px;box-shadow:12px 12px 28px #7a2c131f}
.ValueSection .LeftSide .ImageStack .SecondaryImage{position:absolute;bottom:-32px;right:-32px;width:280px;height:200px;object-fit:cover;border-radius:4px;border:6px solid #fff;box-shadow:6px 6px 18px #7a2c132e}
.ValueSection .RightSide .PrinciplesTitle{font-size:44px;line-height:1.2;font-weight:700;color:#7A2C13;margin:0 0 40px}
.ValueSection .RightSide .PrinciplesList{list-style:none;padding:0;margin:0}
.ValueSection .RightSide .PrinciplesList li{padding:24px 0 24px 72px;position:relative;font-size:18px;line-height:1.65;color:#3a3a3a;border-bottom:1px solid #8cecba4d}
.ValueSection .RightSide .PrinciplesList li:last-child{border-bottom:none}
.ValueSection .RightSide .PrinciplesList li::before{content:'';position:absolute;left:0;top:24px;width:48px;height:48px;background:linear-gradient(135deg,#8CECBA,#CFEDFD);border-radius:50%;box-shadow:3px 3px 10px #8cecba4d}
.ValueSection .RightSide .PrinciplesList li::after{content:'✓';position:absolute;left:16px;top:32px;font-size:24px;font-weight:700;color:#7A2C13}
.ValueSection .RightSide .PrinciplesList li strong{display:block;font-size:20px;font-weight:700;color:#2a2a2a;margin-bottom:8px}
.ContactBanner{background:linear-gradient(135deg,#7a2c13f2,#7a2c13d9);padding:72px 24px;position:relative;overflow:hidden}
.ContactBanner::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url(./photos/area-special-7.jpg);background-size:cover;background-position:center;opacity:.15;z-index:1}
.ContactBanner .BannerContent{position:relative;z-index:2;max-width:1536px;margin:0 auto;text-align:center}
.ContactBanner .BannerHeading{font-size:38px;line-height:1.2;font-weight:700;color:#CFEDFD;margin:0 0 20px}
.ContactBanner .BannerText{font-size:19px;line-height:1.6;color:#cfedfde6;margin:0 0 36px;max-width:680px;margin-left:auto;margin-right:auto}
.ContactBanner .ButtonGroup{display:flex;gap:20px;justify-content:center;align-items:center}
.ContactBanner .ButtonPrimary{display:inline-block;padding:16px 40px;background:#8CECBA;color:#2a2a2a;font-size:18px;font-weight:600;text-decoration:none;border-radius:5px;box-shadow:4px 4px 14px #8cecba66;transition:transform .3s ease,box-shadow .3s ease;z-index:10;position:relative}
.ContactBanner .ButtonPrimary:hover{transform:translateY(-3px);box-shadow:6px 6px 20px #8cecba99}
.ContactBanner .ButtonSecondary{display:inline-block;padding:16px 40px;background:transparent;color:#CFEDFD;font-size:18px;font-weight:600;text-decoration:none;border:2px solid #CFEDFD;border-radius:5px;transition:background .3s ease,color .3s ease;z-index:10;position:relative}
.ContactBanner .ButtonSecondary:hover{background:#CFEDFD;color:#7A2C13}
@media (max-width: 1024px) {
.AboutHeader .MainTitle24{font-size:44px}
.AboutHeader .SubtitleText{font-size:19px}
.StorySection .GridLayout2Col{grid-template-columns:1fr;gap:48px}
.StorySection .ImageColumn::after{display:none}
.ApproachSection .CardsGrid{grid-template-columns:1fr;gap:32px}
.ValueSection .SplitLayout{grid-template-columns:1fr;gap:56px}
.ValueSection .LeftSide .ImageStack .SecondaryImage{width:220px;height:160px;bottom:-20px;right:-20px}
}
@media (max-width: 768px) {
.AboutHeader{min-height:420px}
.AboutHeader .ContentWrapper8{padding:60px 20px}
.AboutHeader .MainTitle24{font-size:36px;margin-bottom:24px}
.AboutHeader .SubtitleText{font-size:17px;padding:20px 24px}
.StorySection,.ApproachSection,.ValueSection{padding:64px 20px}
.StorySection .SectionHeading,.ApproachSection .BigHeading,.ValueSection .RightSide .PrinciplesTitle{font-size:32px}
.ContactBanner{padding:56px 20px}
.ContactBanner .BannerHeading{font-size:30px}
.ContactBanner .ButtonGroup{flex-direction:column;gap:16px}
.ContactBanner .ButtonPrimary,.ContactBanner .ButtonSecondary{width:100%;max-width:320px;text-align:center}
}
.TitleHero{display:flex;align-items:center;gap:60px;max-width:1536px;margin:0 auto;padding:80px 24px;position:relative;overflow:hidden}
.TitleHero::before{content:'';position:absolute;width:380px;height:380px;border-radius:50%;background:#cfedfd66;top:-120px;left:-100px;z-index:0}
.TitleHero::after{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#8cecba59;bottom:-80px;left:35%;z-index:0}
.HeroContentZone{flex:1;z-index:1}
.HeroContentZone h1{font-size:42px;line-height:1.2;margin-bottom:28px;color:#1a1a1a}
.HeroIntroText{font-size:19px;line-height:1.65;color:#444;margin-bottom:32px}
.HeroButtonRow{display:flex;gap:18px;flex-wrap:wrap}
.HeroPrimaryBtn{padding:15px 34px;background:linear-gradient(135deg,#7A2C13 0%,#a0371a 100%);color:#fff;text-decoration:none;border-radius:4px;font-size:17px;transition:all .3s;box-shadow:0 6px 18px #7a2c134d}
.HeroPrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #7a2c1366}
.HeroSecondaryBtn{padding:15px 34px;background:transparent;color:#7A2C13;text-decoration:none;border:2px solid #7A2C13;border-radius:4px;font-size:17px;transition:all .3s}
.HeroSecondaryBtn:hover{background:#7A2C13;color:#fff}
.HeroImageZone{flex:1;z-index:1}
.HeroMainImage{width:100%;height:auto;border-radius:6px;filter:contrast(1.1) saturate(0.9);box-shadow:0 12px 32px #00000026}
.ProgressMetricsSection{background:linear-gradient(160deg,#cfedfd4d 0%,#8cecba40 100%);padding:90px 24px}
.ProgressMetricsWrap{max-width:1536px;margin:0 auto}
.ProgressMetricsWrap h2{font-size:36px;margin-bottom:16px;color:#1a1a1a}
.MetricsSectionIntro{font-size:18px;line-height:1.7;color:#555;margin-bottom:56px;max-width:820px}
.MetricsGridContainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.MetricCardItem{background:#fff;padding:36px 28px;border-radius:5px;box-shadow:0 4px 16px #00000014;position:relative;transition:transform .3s}
.MetricCardItem:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}
.MetricCardItem::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#7A2C13 0%,#CFEDFD 100%);border-radius:5px 0 0 5px}
.MetricNumber{font-size:48px;font-weight:700;color:#7A2C13;margin-bottom:12px}
.MetricTitle{font-size:20px;margin-bottom:14px;color:#222}
.MetricDescription{font-size:16px;line-height:1.6;color:#666}
.SourceExpertiseSection{padding:90px 24px;background:#fff}
.SourceExpertiseContainer{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:70px;align-items:center}
.ExpertiseImageWrapper{position:relative}
.ExpertiseImageWrapper::before{content:'';position:absolute;width:100%;height:100%;background:#8cecba33;top:20px;left:20px;border-radius:5px;z-index:-1}
.ExpertiseShowcaseImage{width:100%;height:auto;border-radius:5px;box-shadow:0 10px 28px #0000001f}
.ExpertiseContentZone h2{font-size:36px;margin-bottom:24px;color:#1a1a1a}
.ExpertiseContentZone p{font-size:17px;line-height:1.75;color:#555;margin-bottom:18px}
.ExpertiseHighlight{background:#cfedfd66;padding:24px;border-left:4px solid #7A2C13;margin-top:28px;border-radius:3px}
.ExpertiseHighlight p{margin-bottom:0;font-size:16px;color:#333}
.AchievementsDataSection{background:linear-gradient(90deg,#7A2C13 0%,#a0371a 100%);padding:80px 24px;color:#fff}
.AchievementsWrap{max-width:1536px;margin:0 auto;text-align:center}
.AchievementsWrap h2{font-size:38px;margin-bottom:52px;color:#fff}
.StatsRowDisplay{display:flex;justify-content:space-around;gap:40px;flex-wrap:wrap}
.StatBlockItem{flex:1;min-width:220px}
.StatValue{font-size:54px;font-weight:700;margin-bottom:10px;color:#CFEDFD}
.StatLabel{font-size:18px;color:#ffffffe6}
.SupportHelpSection{padding:90px 24px;background:#fafafa}
.SupportContainer{max-width:1536px;margin:0 auto}
.SupportContainer h2{font-size:36px;margin-bottom:20px;text-align:center;color:#1a1a1a}
.SupportIntroText{font-size:18px;line-height:1.7;color:#555;text-align:center;margin-bottom:56px;max-width:780px;margin-left:auto;margin-right:auto}
.SupportOptionsGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.SupportOptionCard{background:#fff;padding:40px 32px;border-radius:5px;box-shadow:0 6px 20px #00000014;text-align:center;transition:all .3s}
.SupportOptionCard:hover{box-shadow:0 12px 32px #00000024;transform:scale(1.02)}
.SupportIconWrapper{width:72px;height:72px;margin:0 auto 24px;background:linear-gradient(135deg,#cfedfd99 0%,#8cecba80 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.SupportIconWrapper svg{width:36px;height:36px;fill:#7A2C13}
.SupportOptionCard h3{font-size:22px;margin-bottom:16px;color:#222}
.SupportOptionCard p{font-size:16px;line-height:1.65;color:#666}
.GeographyAccessSection{padding:90px 24px;background:#fff}
.GeographyFlexWrap{max-width:1536px;margin:0 auto;display:flex;gap:60px;align-items:center}
.GeographyTextArea{flex:1}
.GeographyTextArea h2{font-size:36px;margin-bottom:24px;color:#1a1a1a}
.GeographyTextArea p{font-size:17px;line-height:1.75;color:#555;margin-bottom:18px}
.AccessibilityFeaturesList{list-style:none;padding:0;margin-top:32px}
.AccessibilityFeaturesList li{padding:14px 0;padding-left:36px;position:relative;font-size:16px;color:#444;line-height:1.6}
.AccessibilityFeaturesList li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:#8CECBA;border-radius:50%}
.GeographyImageArea{flex:1}
.GeographyVisualImage{width:100%;height:auto;border-radius:5px;box-shadow:0 8px 24px #0000001a}
.EcosystemGrowthSection{background:linear-gradient(135deg,#8cecba33 0%,#cfedfd4d 100%);padding:90px 24px}
.EcosystemContentWrap{max-width:1536px;margin:0 auto;text-align:center}
.EcosystemContentWrap h2{font-size:38px;margin-bottom:28px;color:#1a1a1a}
.EcosystemIntroduction{font-size:18px;line-height:1.75;color:#555;margin-bottom:56px;max-width:860px;margin-left:auto;margin-right:auto}
.EcosystemCardsRow{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px}
.EcosystemCard{background:#fff;padding:44px 36px;border-radius:5px;box-shadow:0 6px 20px #00000014;position:relative;transition:transform .3s}
.EcosystemCard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #00000024}
.EcosystemCard::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#7A2C13 0%,#8CECBA 100%);border-radius:0 0 5px 5px}
.EcosystemCard h3{font-size:24px;margin-bottom:18px;color:#222}
.EcosystemCard p{font-size:16px;line-height:1.7;color:#666}
.FinalActionSection{padding:100px 24px;background:#fff;text-align:center}
.FinalActionContainer{max-width:920px;margin:0 auto}
.FinalActionContainer h2{font-size:40px;margin-bottom:24px;color:#1a1a1a}
.FinalActionContainer p{font-size:18px;line-height:1.75;color:#555;margin-bottom:40px}
.FinalCtaButtonWrap{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.FinalActionPrimary{padding:18px 42px;background:linear-gradient(135deg,#7A2C13 0%,#a0371a 100%);color:#fff;text-decoration:none;border-radius:4px;font-size:18px;transition:all .3s;box-shadow:0 8px 22px #7a2c134d}
.FinalActionPrimary:hover{transform:translateY(-3px);box-shadow:0 14px 32px #7a2c1366}
.FinalActionSecondary{padding:18px 42px;background:transparent;color:#7A2C13;text-decoration:none;border:2px solid #7A2C13;border-radius:4px;font-size:18px;transition:all .3s}
.FinalActionSecondary:hover{background:#7A2C13;color:#fff}
@media (max-width: 1024px) {
.TitleHero{flex-direction:column;gap:40px;padding:60px 24px}
.HeroContentZone h1{font-size:36px}
.SourceExpertiseContainer{grid-template-columns:1fr;gap:50px}
.GeographyFlexWrap{flex-direction:column;gap:50px}
.SupportOptionsGrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.HeroContentZone h1{font-size:32px}
.HeroIntroText{font-size:17px}
.HeroButtonRow{flex-direction:column}
.ProgressMetricsWrap h2,.ExpertiseContentZone h2,.SupportContainer h2,.GeographyTextArea h2,.EcosystemContentWrap h2{font-size:30px}
.MetricsGridContainer{grid-template-columns:1fr}
.AchievementsWrap h2{font-size:32px}
.StatsRowDisplay{flex-direction:column;gap:30px}
.EcosystemCardsRow{grid-template-columns:1fr}
.FinalActionContainer h2{font-size:34px}
.FinalCtaButtonWrap{flex-direction:column}
}
.ContactManifesto{position:relative;min-height:85vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(135deg,#CFEDFD 0%,#8CECBA 100%)}
.ContactManifesto .ManifestoWrapper{max-width:1536px;width:90%;margin:0 auto;position:relative;z-index:3}
.ContactManifesto .BlurSpot1{position:absolute;top:12%;left:8%;width:420px;height:420px;background:#7a2c1340;border-radius:50%;filter:blur(80px);z-index:1}
.ContactManifesto .BlurSpot2{position:absolute;bottom:18%;right:15%;width:380px;height:380px;background:#8cecba66;border-radius:50%;filter:blur(90px);z-index:1}
.ContactManifesto .GridLayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.ContactManifesto .TextContent h1{font-size:3.2rem;line-height:1.2;color:#7A2C13;margin-bottom:28px;font-weight:700}
.ContactManifesto .TextContent p{font-size:1.15rem;line-height:1.75;color:#2a2a2a;margin-bottom:24px}
.ContactManifesto .ImageMosaic{display:grid;grid-template-columns:1fr 1fr;gap:20px;position:relative}
.ContactManifesto .ImageMosaic .MainImage{grid-column:1 / -1;width:100%;height:380px;object-fit:cover;border-radius:4px;box-shadow:0 8px 24px #7a2c1326}
.ContactManifesto .ImageMosaic .ColorBlock1,.ContactManifesto .ImageMosaic .ColorBlock2{height:180px;border-radius:4px}
.ContactManifesto .ImageMosaic .ColorBlock1{background:linear-gradient(145deg,#7A2C13,#a03d1a)}
.ContactManifesto .ImageMosaic .ColorBlock2{background:linear-gradient(145deg,#8CECBA,#CFEDFD)}
.DetailedInformation{padding:96px 0;background:#fafafa}
.DetailedInformation .ContentArea{max-width:1536px;width:90%;margin:0 auto}
.DetailedInformation .SectionHead{text-align:center;margin-bottom:64px}
.DetailedInformation .SectionHead h2{font-size:2.4rem;color:#7A2C13;margin-bottom:18px}
.DetailedInformation .SectionHead p{font-size:1.1rem;color:#555;line-height:1.7;max-width:780px;margin:0 auto}
.DetailedInformation .InfoCards{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.DetailedInformation .InfoCard{background:#fff;padding:42px 32px;border-radius:5px;box-shadow:0 4px 16px #8cecba33;transition:transform .3s ease,box-shadow .3s ease}
.DetailedInformation .InfoCard:hover{transform:translateY(-6px);box-shadow:0 10px 28px #7a2c132e}
.DetailedInformation .InfoCard .IconCircle{width:64px;height:64px;background:linear-gradient(135deg,#CFEDFD,#8CECBA);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.DetailedInformation .InfoCard .IconCircle svg{width:32px;height:32px;fill:#7A2C13}
.DetailedInformation .InfoCard h3{font-size:1.5rem;color:#2a2a2a;margin-bottom:14px}
.DetailedInformation .InfoCard p{font-size:1rem;color:#666;line-height:1.65;margin-bottom:16px}
.DetailedInformation .InfoCard a{color:#7A2C13;text-decoration:none;font-weight:600;transition:color .3s ease}
.DetailedInformation .InfoCard a:hover{color:#a03d1a}
.FormBlock{padding:88px 0;background:linear-gradient(180deg,white 0%,#cfedfd4d 100%)}
.FormBlock .FormContainer{max-width:720px;width:90%;margin:0 auto}
.FormBlock h2{font-size:2.2rem;color:#7A2C13;text-align:center;margin-bottom:16px}
.FormBlock .FormIntro{text-align:center;font-size:1.05rem;color:#555;line-height:1.7;margin-bottom:48px}
.FormBlock .ContactFormElement{background:#fff;padding:48px;border-radius:6px;box-shadow:0 6px 20px #8cecba40}
.FormBlock .FieldGroup{margin-bottom:28px}
.FormBlock .FieldGroup label{display:block;font-size:1rem;color:#2a2a2a;font-weight:600;margin-bottom:10px}
.FormBlock .FieldGroup input[type="text"],.FormBlock .FieldGroup input[type="email"],.FormBlock .FieldGroup textarea{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #e0e0e0;border-radius:4px;transition:border-color .3s ease;background:#fafafa}
.FormBlock .FieldGroup input:focus,.FormBlock .FieldGroup textarea:focus{outline:none;border-color:#8CECBA;background:#fff}
.FormBlock .FieldGroup textarea{min-height:140px;resize:vertical}
.FormBlock .SelectWrapper{position:relative}
.FormBlock .SelectWrapper select{width:100%;padding:14px 16px;font-size:1rem;border:2px solid #e0e0e0;border-radius:4px;background:#fafafa;appearance:none;cursor:pointer;transition:border-color .3s ease}
.FormBlock .SelectWrapper select:focus{outline:none;border-color:#8CECBA;background:#fff}
.FormBlock .SelectWrapper::after{content:'';position:absolute;right:18px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #7A2C13;pointer-events:none}
.FormBlock .PrivacyConsent{margin-bottom:32px;display:flex;align-items:flex-start;gap:12px}
.FormBlock .PrivacyConsent input[type="checkbox"]{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#7A2C13}
.FormBlock .PrivacyConsent label{font-size:.95rem;color:#555;line-height:1.6;cursor:pointer}
.FormBlock .PrivacyConsent a{color:#7A2C13;text-decoration:underline;transition:color .3s ease}
.FormBlock .PrivacyConsent a:hover{color:#a03d1a}
.FormBlock .SubmitButton{width:100%;padding:16px 32px;font-size:1.1rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#7A2C13,#a03d1a);border:none;border-radius:4px;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #7a2c134d;z-index:10;position:relative}
.FormBlock .SubmitButton:hover{transform:translateY(-2px);box-shadow:0 6px 18px #7a2c1366}
.FormBlock .SubmitButton:active{transform:translateY(0)}
.ConnectMethods{padding:84px 0;background:#fff}
.ConnectMethods .MethodsWrapper{max-width:1536px;width:90%;margin:0 auto}
.ConnectMethods h2{font-size:2.3rem;color:#7A2C13;text-align:center;margin-bottom:20px}
.ConnectMethods .MethodsIntro{text-align:center;font-size:1.08rem;color:#555;line-height:1.7;margin-bottom:56px;max-width:820px;margin-left:auto;margin-right:auto}
.ConnectMethods .ChannelGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.ConnectMethods .ChannelBox{background:linear-gradient(135deg,#cfedfd66,#8cecba4d);padding:36px 28px;border-radius:5px;text-align:center;transition:transform .3s ease,background .3s ease;border:2px solid transparent}
.ConnectMethods .ChannelBox:hover{transform:scale(1.05);background:linear-gradient(135deg,#cfedfd99,#8cecba80);border-color:#8CECBA}
.ConnectMethods .ChannelBox svg{width:48px;height:48px;fill:#7A2C13;margin-bottom:18px}
.ConnectMethods .ChannelBox h3{font-size:1.3rem;color:#2a2a2a;margin-bottom:12px}
.ConnectMethods .ChannelBox a{display:inline-block;color:#7A2C13;text-decoration:none;font-weight:600;font-size:1rem;transition:color .3s ease}
.ConnectMethods .ChannelBox a:hover{color:#a03d1a}
@media (max-width: 1024px) {
.ContactManifesto .GridLayout{grid-template-columns:1fr;gap:40px}
.ContactManifesto .TextContent h1{font-size:2.6rem}
.DetailedInformation .InfoCards{grid-template-columns:1fr;gap:28px}
.ConnectMethods .ChannelGrid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.ContactManifesto{min-height:auto;padding:64px 0}
.ContactManifesto .TextContent h1{font-size:2.2rem}
.ContactManifesto .TextContent p{font-size:1.05rem}
.ContactManifesto .ImageMosaic .MainImage{height:280px}
.DetailedInformation{padding:64px 0}
.DetailedInformation .SectionHead h2{font-size:2rem}
.FormBlock{padding:64px 0}
.FormBlock h2{font-size:1.9rem}
.FormBlock .ContactFormElement{padding:32px 24px}
.ConnectMethods{padding:64px 0}
.ConnectMethods h2{font-size:2rem}
.ConnectMethods .ChannelGrid{grid-template-columns:1fr}
}
.LearningProgramHero{background:linear-gradient(135deg,#CFEDFD 0%,#8CECBA 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.LearningProgramHero::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:120px;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1200 120"><path d="M0,60 Q300,10 600,60 T1200,60 L1200,120 L0,120 Z" fill="white"/></svg>') no-repeat bottom;background-size:cover}
.hero-content-wrapper{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-text-area{padding-right:40px}
.hero-text-area h1{font-size:3.2rem;line-height:1.15;color:#7A2C13;margin:0 0 24px;font-weight:700}
.hero-text-area .tagline-text{font-size:1.25rem;line-height:1.7;color:#2d3748;margin:0 0 36px}
.hero-cta-group{display:flex;gap:16px;flex-wrap:wrap}
.hero-cta-group .PrimaryButton{background:#7A2C13;color:#fff;padding:16px 32px;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 6px 16px #7a2c1340;position:relative;z-index:10}
.hero-cta-group .PrimaryButton:hover{background:#5a1f0e;box-shadow:0 8px 20px #7a2c1359;transform:translateY(-2px)}
.hero-cta-group .SecondaryButton{background:transparent;color:#7A2C13;padding:16px 32px;border:2px solid #7A2C13;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;position:relative;z-index:10}
.hero-cta-group .SecondaryButton:hover{background:#7a2c131a;transform:translateY(-2px)}
.hero-image-container{position:relative}
.hero-image-container::before{content:'';position:absolute;top:-8px;left:-8px;right:-8px;bottom:-8px;background:repeating-linear-gradient(0deg,#7a2c1308 0px,#7a2c1308 2px,transparent 2px,transparent 4px);border-radius:6px;pointer-events:none}
.hero-image-container img{width:100%;height:480px;object-fit:cover;border-radius:6px;box-shadow:0 12px 32px #00000026;display:block}
.CourseStructureSection{padding:100px 20px;background:#fff;position:relative}
.structure-container{max-width:1536px;margin:0 auto}
.structure-header{text-align:center;margin-bottom:70px}
.structure-header h2{font-size:2.6rem;color:#7A2C13;margin:0 0 20px;font-weight:700}
.structure-header p{font-size:1.15rem;line-height:1.7;color:#4a5568;max-width:820px;margin:0 auto}
.course-tracks-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:80px}
.track-card{background:linear-gradient(145deg,#f7fafc 0%,#edf2f7 100%);padding:40px 32px;border-radius:6px;border-left:5px solid #8CECBA;box-shadow:0 4px 12px #00000014;transition:all .3s ease}
.track-card:nth-child(2){border-left-color:#CFEDFD}
.track-card:nth-child(3){border-left-color:#7A2C13}
.track-card:hover{transform:translateY(-6px);box-shadow:0 12px 24px #0000001f}
.track-card h3{font-size:1.6rem;color:#2d3748;margin:0 0 16px;font-weight:700}
.track-card .duration-badge{display:inline-block;background:#7a2c131a;color:#7A2C13;padding:6px 14px;border-radius:20px;font-size:.9rem;font-weight:600;margin-bottom:20px}
.track-card p{font-size:1.05rem;line-height:1.75;color:#4a5568;margin:0 0 24px}
.track-modules-list{list-style:none;padding:0;margin:0}
.track-modules-list li{padding:12px 0 12px 32px;position:relative;color:#2d3748;font-size:1rem;line-height:1.6;border-bottom:1px solid #0000000f}
.track-modules-list li:last-child{border-bottom:none}
.track-modules-list li::before{content:'→';position:absolute;left:8px;color:#8CECBA;font-weight:700}
.learning-format-wrapper{background:linear-gradient(135deg,#cfedfd4d 0%,#8cecba4d 100%);padding:50px 40px;border-radius:6px;border:2px solid #7a2c131a}
.learning-format-wrapper h3{font-size:1.9rem;color:#7A2C13;margin:0 0 32px;text-align:center;font-weight:700}
.format-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.format-option-card{background:#fff;padding:32px 28px;border-radius:5px;box-shadow:0 3px 10px #00000012}
.format-option-card h4{font-size:1.5rem;color:#2d3748;margin:0 0 18px;font-weight:700;display:flex;align-items:center;gap:12px}
.format-icon{width:36px;height:36px;background:#8CECBA;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}
.format-option-card:nth-child(2) .format-icon{background:#CFEDFD;color:#2d3748}
.format-features-list{list-style:none;padding:0;margin:0}
.format-features-list li{padding:10px 0;font-size:1.05rem;line-height:1.6;color:#4a5568;padding-left:28px;position:relative}
.format-features-list li::before{content:'✓';position:absolute;left:0;color:#8CECBA;font-weight:700}
.PracticalApplicationBlock{padding:100px 20px;background:linear-gradient(to bottom,white 0%,#f7fafc 100%)}
.practical-container-max{max-width:1536px;margin:0 auto}
.practical-split-layout{display:grid;grid-template-columns:2fr 3fr;gap:80px;align-items:start}
.practical-sidebar{position:sticky;top:40px}
.practical-sidebar h2{font-size:2.4rem;color:#7A2C13;margin:0 0 28px;font-weight:700;line-height:1.2}
.practical-sidebar p{font-size:1.1rem;line-height:1.75;color:#4a5568;margin:0 0 36px}
.enrollment-quick-action{background:#7A2C13;color:#fff;padding:18px 36px;border:none;border-radius:4px;font-size:1.1rem;font-weight:600;cursor:pointer;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 6px 16px #7a2c1340;position:relative;z-index:10}
.enrollment-quick-action:hover{background:#5a1f0e;box-shadow:0 8px 20px #7a2c1359;transform:translateY(-2px)}
.practical-projects-area{display:flex;flex-direction:column;gap:32px}
.project-milestone-card{background:#fff;border:2px solid #edf2f7;border-radius:6px;padding:36px 32px;position:relative;transition:all .3s ease}
.project-milestone-card::before{content:'';position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(to bottom,#8CECBA 0%,#CFEDFD 100%);border-radius:6px 0 0 6px;transition:width .3s ease}
.project-milestone-card:hover::before{width:8px}
.project-milestone-card:hover{box-shadow:0 8px 20px #0000001a;transform:translateX(4px)}
.milestone-header-row{display:flex;justify-content:space-between;align-items:start;margin-bottom:20px}
.milestone-header-row h3{font-size:1.7rem;color:#2d3748;margin:0;font-weight:700}
.milestone-stage-label{background:#8cecba33;color:#2d3748;padding:8px 16px;border-radius:4px;font-size:.95rem;font-weight:600}
.project-milestone-card p{font-size:1.05rem;line-height:1.75;color:#4a5568;margin:0 0 24px}
.skills-gained-tags{display:flex;flex-wrap:wrap;gap:10px}
.skill-tag{background:#f7fafc;color:#2d3748;padding:8px 16px;border-radius:20px;font-size:.95rem;border:1px solid #e2e8f0}
@media (max-width: 1024px) {
.hero-content-wrapper{grid-template-columns:1fr;gap:40px}
.hero-text-area{padding-right:0}
.hero-text-area h1{font-size:2.6rem}
.course-tracks-grid{grid-template-columns:1fr;gap:30px}
.format-comparison-grid{grid-template-columns:1fr}
.practical-split-layout{grid-template-columns:1fr;gap:50px}
.practical-sidebar{position:static}
}
@media (max-width: 768px) {
.LearningProgramHero{padding:60px 20px 40px}
.hero-text-area h1{font-size:2.2rem}
.hero-text-area .tagline-text{font-size:1.1rem}
.hero-cta-group{flex-direction:column}
.hero-cta-group .PrimaryButton,.hero-cta-group .SecondaryButton{width:100%;text-align:center}
.hero-image-container img{height:320px}
.CourseStructureSection{padding:70px 20px}
.structure-header h2{font-size:2rem}
.track-card{padding:32px 24px}
.PracticalApplicationBlock{padding:70px 20px}
.practical-sidebar h2{font-size:2rem}
.project-milestone-card{padding:28px 24px}
.milestone-header-row{flex-direction:column;gap:12px}
}
.UpperBlock{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:85px}
.UpperBlock .BackgroundLayer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.UpperBlock .BackgroundLayer img{width:100%;height:100%;object-fit:cover;object-position:center}
.UpperBlock .BackgroundLayer::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#cfedfdeb 0%,#8cecbae0 100%)}
.UpperBlock .TitleContent{position:relative;z-index:2;max-width:880px;margin:0 auto;padding:45px 25px;text-align:center}
.UpperBlock .TitleContent h1{font-size:3.2rem;font-weight:700;color:#7A2C13;margin:0 0 28px;line-height:1.2}
.UpperBlock .DecorativeLine{width:95px;height:4px;background:linear-gradient(90deg,#8CECBA 0%,#7A2C13 100%);margin:0 auto 28px;border-radius:3px}
.UpperBlock .TitleContent p{font-size:1.25rem;line-height:1.7;color:#2a2a2a;margin:0}
.RequirementsWrapper{max-width:1536px;margin:0 auto 95px;padding:0 25px}
.RequirementsWrapper .SectionLabel{font-size:1.85rem;font-weight:700;color:#7A2C13;margin:0 0 48px;text-align:center;position:relative}
.RequirementsWrapper .SectionLabel::before{content:'';position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);width:65px;height:3px;background:#8CECBA;border-radius:2px}
.SystemGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin-bottom:75px}
.SystemCard{background:linear-gradient(145deg,#cfedfd40 0%,#8cecba2e 100%);padding:38px 32px;border-radius:5px;border:2px solid #8cecba59;transition:all .3s ease;position:relative}
.SystemCard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #8cecba47;border-color:#8CECBA}
.SystemCard .CardIcon{width:52px;height:52px;background:#7a2c131f;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.SystemCard .CardIcon svg{width:28px;height:28px;fill:#7A2C13}
.SystemCard h3{font-size:1.5rem;font-weight:700;color:#7A2C13;margin:0 0 18px}
.SystemCard .SpecList{list-style:none;padding:0;margin:0}
.SystemCard .SpecList li{font-size:1.05rem;line-height:1.8;color:#333;padding-left:26px;position:relative;margin-bottom:12px}
.SystemCard .SpecList li::before{content:'';position:absolute;left:0;top:10px;width:8px;height:8px;background:#8CECBA;border-radius:50%}
.NetworkSection{background:linear-gradient(180deg,#cfedfd26 0%,#8cecba1a 100%);padding:85px 25px;margin-bottom:95px;border-top:3px solid #8cecba66;border-bottom:3px solid #8cecba66}
.NetworkSection .InnerContent{max-width:1536px;margin:0 auto}
.NetworkSection h2{font-size:2.2rem;font-weight:700;color:#7A2C13;margin:0 0 45px;text-align:center}
.ConnectionRequirements{display:flex;flex-wrap:wrap;gap:48px;align-items:flex-start}
.ConnectionRequirements .TextColumn{flex:1;min-width:300px}
.ConnectionRequirements .TextColumn p{font-size:1.1rem;line-height:1.85;color:#2a2a2a;margin:0 0 24px}
.ConnectionRequirements .StatsColumn{flex:1;min-width:300px}
.SpeedIndicator{background:#fff;padding:32px;border-radius:5px;box-shadow:0 6px 18px #8cecba38;margin-bottom:28px;border-left:5px solid #8CECBA}
.SpeedIndicator .SpeedLabel{font-size:.95rem;font-weight:600;color:#666;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}
.SpeedIndicator .SpeedValue{font-size:2.5rem;font-weight:700;color:#7A2C13;margin:0 0 8px}
.SpeedIndicator .SpeedDescription{font-size:1rem;color:#555;margin:0;line-height:1.6}
.ProgressBar{height:12px;background:#cfedfd66;border-radius:6px;overflow:hidden;margin-top:15px}
.ProgressBar .FillBar{height:100%;background:linear-gradient(90deg,#8CECBA 0%,#7A2C13 100%);border-radius:6px;transition:width .8s ease}
.SoftwareArea{max-width:1536px;margin:0 auto 95px;padding:0 25px}
.SoftwareArea h2{font-size:2.2rem;font-weight:700;color:#7A2C13;margin:0 0 55px;text-align:center}
.PlatformComparison{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px;margin-bottom:65px}
.PlatformBox{background:#fff;padding:36px 28px;border-radius:5px;border:2px solid transparent;box-shadow:0 4px 14px #cfedfd4d;text-align:center;transition:all .3s ease;position:relative}
.PlatformBox:hover{border-color:#8CECBA;box-shadow:0 8px 22px #8cecba52}
.PlatformBox .PlatformName{font-size:1.4rem;font-weight:700;color:#7A2C13;margin:0 0 22px}
.PlatformBox .BrowserList{list-style:none;padding:0;margin:0}
.PlatformBox .BrowserList li{font-size:1.05rem;color:#333;margin-bottom:10px;padding:8px 0;border-bottom:1px solid #cfedfd66}
.PlatformBox .BrowserList li:last-child{border-bottom:none}
.AdditionalNotes{background:#7a2c130f;padding:42px 38px;border-radius:5px;border-left:5px solid #7A2C13}
.AdditionalNotes h3{font-size:1.65rem;font-weight:700;color:#7A2C13;margin:0 0 24px}
.AdditionalNotes p{font-size:1.08rem;line-height:1.85;color:#2a2a2a;margin:0 0 18px}
.AdditionalNotes p:last-child{margin-bottom:0}
.TroubleshootZone{max-width:1536px;margin:0 auto;padding:0 25px 95px}
.TroubleshootZone h2{font-size:2.2rem;font-weight:700;color:#7A2C13;margin:0 0 48px;text-align:center}
.AccordionArea{max-width:920px;margin:0 auto}
.AccordionItem{background:#fff;border-radius:5px;margin-bottom:18px;box-shadow:0 3px 10px #cfedfd40;overflow:hidden}
.AccordionToggle{display:none}
.AccordionLabel{display:flex;justify-content:space-between;align-items:center;padding:24px 28px;font-size:1.25rem;font-weight:700;color:#7A2C13;cursor:pointer;transition:background .3s ease}
.AccordionLabel:hover{background:#cfedfd26}
.AccordionLabel::after{content:'+';font-size:1.8rem;color:#8CECBA;transition:transform .3s ease}
.AccordionToggle:checked + .AccordionLabel::after{transform:rotate(45deg)}
.AccordionContent{max-height:0;overflow:hidden;transition:max-height .4s ease}
.AccordionToggle:checked ~ .AccordionContent{max-height:500px}
.AccordionContent .ContentInner{padding:0 28px 28px}
.AccordionContent p{font-size:1.08rem;line-height:1.8;color:#333;margin:0 0 16px}
.AccordionContent p:last-child{margin-bottom:0}
.AccordionContent ul{list-style:none;padding:0;margin:12px 0 0}
.AccordionContent ul li{font-size:1.05rem;line-height:1.75;color:#333;padding-left:28px;position:relative;margin-bottom:10px}
.AccordionContent ul li::before{content:'→';position:absolute;left:0;color:#8CECBA;font-weight:700}
@media (max-width: 768px) {
.UpperBlock{min-height:320px;margin-bottom:65px}
.UpperBlock .TitleContent h1{font-size:2.2rem;margin-bottom:22px}
.UpperBlock .TitleContent p{font-size:1.1rem}
.SystemGrid{grid-template-columns:1fr;gap:24px}
.ConnectionRequirements{flex-direction:column;gap:32px}
.PlatformComparison{grid-template-columns:1fr}
.NetworkSection{padding:65px 20px}
.RequirementsWrapper .SectionLabel,.NetworkSection h2,.SoftwareArea h2,.TroubleshootZone h2{font-size:1.8rem}
.SpeedIndicator .SpeedValue{font-size:2rem}
.AccordionLabel{font-size:1.1rem;padding:20px 22px}
}
@media (min-width: 769px) and (max-width: 1200px) {
.SystemGrid{grid-template-columns:repeat(2,1fr)}
.PlatformComparison{grid-template-columns:repeat(2,1fr)}
}
.SuccessHeroContainer{background:linear-gradient(135deg,#cfedfdf2 0%,#8cecbad9 100%);padding:0;position:relative;overflow:hidden;min-height:85vh;display:flex;align-items:center}
.SuccessHeroContainer::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#7a2c131f 0%,transparent 70%);border-radius:50%}
.SuccessHeroContainer::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#8cecba40 0%,transparent 65%);border-radius:50%}
.SuccessContentWrapper{max-width:1536px;margin:0 auto;padding:80px 24px;position:relative;z-index:2}
.SuccessMainBox{background:#ffffffeb;border-radius:6px;padding:64px 48px;box-shadow:0 12px 32px #7a2c1326 0 4px 8px #8cecba1a;max-width:820px;margin:0 auto;position:relative}
.SuccessMainBox::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#8CECBA 0%,#CFEDFD 50%,#7A2C13 100%);border-radius:6px 6px 0 0}
.SuccessIconArea{text-align:center;margin-bottom:32px}
.SuccessIconCircle{width:96px;height:96px;margin:0 auto;background:linear-gradient(135deg,#8CECBA 0%,#CFEDFD 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 16px #8cecba4d;position:relative}
.SuccessIconCircle::after{content:'';position:absolute;width:110px;height:110px;border:3px solid #7a2c1326;border-radius:50%;animation:pulseRing 2s ease-in-out infinite}
@keyframes pulseRing {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.15);opacity:.2}
}
.SuccessIconCircle svg{width:52px;height:52px;fill:#7A2C13;position:relative;z-index:1}
.SuccessTitleText{font-size:42px;font-weight:700;color:#7A2C13;text-align:center;margin:0 0 24px;line-height:1.3}
.SuccessTitleText::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#8CECBA 0%,#CFEDFD 100%);margin:20px auto 0;border-radius:2px}
.SuccessSubtext{font-size:18px;color:#2a2a2a;text-align:center;margin:0 0 40px;line-height:1.6}
.SuccessListWrapper{margin:0 0 48px}
.SuccessDetailsList{list-style:none;padding:0;margin:0}
.SuccessDetailsList li{padding:20px 24px 20px 68px;margin-bottom:16px;background:linear-gradient(135deg,#cfedfd4d 0%,#8cecba33 100%);border-left:4px solid #8CECBA;border-radius:4px;position:relative;font-size:17px;line-height:1.6;color:#333;transition:all .3s ease}
.SuccessDetailsList li:hover{transform:translateX(8px);box-shadow:0 6px 16px #8cecba40}
.SuccessDetailsList li::before{content:'';position:absolute;left:20px;top:50%;transform:translateY(-50%);width:28px;height:28px;background:#8CECBA;border-radius:50%;box-shadow:0 2px 8px #8cecba66}
.SuccessDetailsList li::after{content:'✓';position:absolute;left:26px;top:50%;transform:translateY(-50%);color:#7A2C13;font-size:18px;font-weight:700}
.SuccessDetailsList li:last-child{margin-bottom:0}
.SuccessButtonWrapper{text-align:center;margin-top:48px}
.SuccessHomeButton{display:inline-block;padding:18px 56px;background:linear-gradient(135deg,#7A2C13 0%,#a24018 100%);color:#fff;font-size:18px;font-weight:600;text-decoration:none;border-radius:4px;box-shadow:0 8px 20px #7a2c134d;transition:all .3s ease;position:relative;overflow:hidden;z-index:1}
.SuccessHomeButton::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#fff3,transparent);transition:left .5s ease}
.SuccessHomeButton:hover{transform:translateY(-3px);box-shadow:0 12px 28px #7a2c1366}
.SuccessHomeButton:hover::before{left:100%}
.SuccessHomeButton:active{transform:translateY(-1px)}
@media (max-width: 768px) {
.SuccessHeroContainer{min-height:auto;padding:60px 0}
.SuccessContentWrapper{padding:40px 20px}
.SuccessMainBox{padding:40px 28px}
.SuccessIconCircle{width:80px;height:80px}
.SuccessIconCircle svg{width:44px;height:44px}
.SuccessTitleText{font-size:32px;margin-bottom:20px}
.SuccessSubtext{font-size:16px;margin-bottom:32px}
.SuccessDetailsList li{padding:16px 20px 16px 60px;font-size:16px;margin-bottom:12px}
.SuccessDetailsList li::before{width:24px;height:24px;left:16px}
.SuccessDetailsList li::after{left:22px;font-size:16px}
.SuccessHomeButton{padding:16px 44px;font-size:17px}
}
@media (max-width: 480px) {
.SuccessMainBox{padding:32px 20px}
.SuccessTitleText{font-size:28px}
.SuccessSubtext{font-size:15px}
.SuccessDetailsList li{padding:14px 16px 14px 52px;font-size:15px}
.SuccessDetailsList li::before{width:22px;height:22px;left:14px}
.SuccessDetailsList li::after{left:20px;font-size:14px}
.SuccessHomeButton{padding:14px 36px;font-size:16px;width:100%}
}