*,::before,::after{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lora',serif;background:linear-gradient(127deg,#FAFAFC 0%,#e8f5f0 100%);color:#171826;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.HeaderBanner{background:linear-gradient(142deg,#171826 0%,#2a2d45 100%);padding:28px 0;position:relative;overflow:hidden}
.BannerText{text-align:center;font-size:72px;font-weight:700;color:#53c9a426;letter-spacing:8px;text-transform:uppercase}
.HeaderOverlay{background:#fafafcf7;box-shadow:0 8px 24px #1718261f;border-bottom:3px solid #53C9A4}
.OverlayContainer{max-width:1140px;margin:0 auto;padding:20px 30px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.LogoArea{flex-shrink:0}
.LogoLink{display:block}
.SiteLogo{height:110px;width:110px;display:block;background:#53c9a414;padding:14px;border-radius:28px;box-shadow:0 6px 18px #17182624}
.MainNavigation{flex-grow:1}
.NavigationList{list-style:none;display:flex;gap:36px;justify-content:flex-end;flex-wrap:wrap}
.NavItem{display:inline-block}
.NavLink{text-decoration:none;color:#171826;font-size:17px;font-weight:400;padding:10px 18px;border-radius:22px;transition:background 0.2s,color .2s;display:block}
.NavLink:hover{background:#53c9a426;color:#171826}
main{flex:1}
footer{background:linear-gradient(135deg,#171826 0%,#2a2d45 100%);color:#FAFAFC;padding:50px 0 30px;box-shadow:0 -6px 20px #1718262e}
.FooterContainer{max-width:1140px;margin:0 auto;padding:0 30px}
.FooterContent{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:40px}
.FooterBlock{background:#fafafc0d;padding:28px;border-radius:24px;border:1px solid #53c9a433}
.FooterHeading{font-size:21px;font-weight:700;margin-bottom:18px;color:#53C9A4}
.FooterText{font-size:15px;margin-bottom:10px;line-height:1.7}
.FooterLink{color:#FAFAFC;text-decoration:none;transition:color .2s}
.FooterLink:hover{color:#53C9A4}
.FooterMenu{list-style:none}
.FooterMenuItem{margin-bottom:12px}
.FooterMenuLink{color:#FAFAFC;text-decoration:none;font-size:15px;transition:color .2s;display:inline-block}
.FooterMenuLink:hover{color:#53C9A4}
.FooterBottom{text-align:center;padding-top:30px;border-top:1px solid #53c9a440}
.CopyrightText{font-size:14px;color:#fafafcbf}
.CookiePopup{position:fixed;top:20px;right:20px;background:#FAFAFC;border-radius:26px;box-shadow:0 12px 32px #17182638;max-width:460px;z-index:9999;border:2px solid #53C9A4}
.CookieContent{padding:28px 32px}
.CookieMessage{font-size:15px;line-height:1.6;color:#171826;margin-bottom:20px}
.CookieActions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.CookieButton{padding:11px 24px;border:2px solid #171826;background:transparent;color:#171826;border-radius:20px;font-size:15px;font-family:'Lora',serif;cursor:pointer;transition:background 0.2s,color .2s}
.CookieButton:hover{background:#171826;color:#FAFAFC}
.CookiePolicyLink{color:#171826;text-decoration:underline;font-size:14px;transition:color .2s}
.CookiePolicyLink:hover{color:#53C9A4}
@media (max-width: 968px) {
.BannerText{font-size:48px;letter-spacing:4px}
.OverlayContainer{flex-direction:column;padding:24px 20px;gap:24px}
.NavigationList{justify-content:center;gap:20px}
.SiteLogo{height:90px;width:90px}
.FooterContent{grid-template-columns:1fr;gap:30px}
.CookiePopup{left:20px;right:20px;max-width:none}
}
@media (max-width: 580px) {
.BannerText{font-size:32px;letter-spacing:2px}
.NavigationList{flex-direction:column;gap:8px;width:100%}
.NavLink{text-align:center}
.CookieActions{flex-direction:column;gap:10px}
.CookieButton{width:100%}
}
.policy-data-qoxi{max-width:1140px;margin:60px auto;padding:0 20px;background:#FAFAFC}
.policy-data-qoxi p{font-size:16px;line-height:1.8;color:#171826;margin:0 0 24px;font-weight:400}
.policy-data-qoxi p strong,.policy-data-qoxi p b{font-weight:600;color:#171826}
.policy-data-qoxi p em,.policy-data-qoxi p i{font-style:italic;color:#171826}
.policy-data-qoxi ul,.policy-data-qoxi ol{margin:0 0 28px;padding:0 0 0 28px;color:#171826}
.policy-data-qoxi ul li,.policy-data-qoxi ol li{font-size:16px;line-height:1.8;margin:0 0 12px;color:#171826;padding-left:8px}
.policy-data-qoxi ul li strong,.policy-data-qoxi ol li strong,.policy-data-qoxi ul li b,.policy-data-qoxi ol li b{font-weight:600;color:#171826}
.policy-data-qoxi ul li em,.policy-data-qoxi ol li em,.policy-data-qoxi ul li i,.policy-data-qoxi ol li i{font-style:italic}
.policy-data-qoxi ul{list-style-type:disc}
.policy-data-qoxi ol{list-style-type:decimal}
.policy-data-qoxi ul ul,.policy-data-qoxi ol ul{margin:12px 0;padding-left:28px}
.policy-data-qoxi ul ol,.policy-data-qoxi ol ol{margin:12px 0;padding-left:28px}
.policy-data-qoxi ul ul li,.policy-data-qoxi ol ul li{margin:8px 0}
.policy-data-qoxi ul ol li,.policy-data-qoxi ol ol li{margin:8px 0}
.policy-data-qoxi hr{border:none;height:1px;background:linear-gradient(90deg,#53C9A4 0%,#171826 100%);margin:48px 0;opacity:.2}
.policy-data-qoxi div{margin:0 0 20px}
.policy-data-qoxi div p{margin:0 0 16px}
.policy-data-qoxi div ul,.policy-data-qoxi div ol{margin:0 0 20px}
@media screen and (max-width: 768px) {
.policy-data-qoxi{margin:40px auto;padding:0 16px}
.policy-data-qoxi p{font-size:15px;line-height:1.7;margin:0 0 20px}
.policy-data-qoxi ul,.policy-data-qoxi ol{padding:0 0 0 24px;margin:0 0 24px}
.policy-data-qoxi ul li,.policy-data-qoxi ol li{font-size:15px;line-height:1.7;margin:0 0 10px}
.policy-data-qoxi hr{margin:36px 0}
}
@media screen and (max-width: 480px) {
.policy-data-qoxi{margin:30px auto;padding:0 12px}
.policy-data-qoxi p{font-size:14px;line-height:1.65;margin:0 0 18px}
.policy-data-qoxi ul,.policy-data-qoxi ol{padding:0 0 0 20px;margin:0 0 20px}
.policy-data-qoxi ul li,.policy-data-qoxi ol li{font-size:14px;line-height:1.65;margin:0 0 8px;padding-left:4px}
.policy-data-qoxi hr{margin:28px 0}
.policy-data-qoxi div{margin:0 0 16px}
}
.page-wrapper{background:linear-gradient(135deg,#FAFAFC 0%,#f0f9f6 100%);overflow:hidden}
.hero-event{padding:80px 20px;position:relative;background:linear-gradient(128deg,#171826 0%,#2a2c4a 100%);margin-bottom:0}
.hero-event .container-hero{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.hero-event .text-content{color:#FAFAFC}
.hero-event .problem-text{font-size:18px;line-height:1.6;color:#53C9A4;margin-bottom:20px;font-weight:500}
.hero-event .solution-title{font-size:48px;line-height:1.2;margin-bottom:24px;color:#FAFAFC;font-weight:700}
.hero-event .solution-description{font-size:18px;line-height:1.7;color:#e8e8ec;margin-bottom:0}
.hero-event .image-section{position:relative}
.hero-event .geometric-clip{width:100%;height:480px;clip-path:polygon(15% 0%,100% 0%,85% 100%,0% 100%);background:#53C9A4;position:relative;overflow:hidden}
.hero-event .geometric-clip img{width:100%;height:100%;object-fit:cover;object-position:center}
.events-timeline{padding:100px 20px;background:linear-gradient(155deg,#FAFAFC 0%,#fff 100%);position:relative}
.events-timeline .container-timeline{max-width:1140px;margin:0 auto}
.events-timeline .section-header{text-align:center;margin-bottom:70px}
.events-timeline .section-header h2{font-size:42px;color:#171826;margin-bottom:16px;font-weight:700}
.events-timeline .section-header p{font-size:18px;color:#4a4a5e;max-width:720px;margin:0 auto;line-height:1.6}
.timeline-wrapper{position:relative;padding-left:60px}
.timeline-wrapper::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#53C9A4 0%,#171826 100%)}
.timeline-event{position:relative;margin-bottom:50px;padding:32px;background:#fff;border-radius:28px;box-shadow:0 8px 24px #17182614;transition:transform .3s ease,box-shadow .3s ease}
.timeline-event:hover{transform:translateX(8px);box-shadow:0 12px 36px #53c9a426}
.timeline-event::before{content:'';position:absolute;left:-52px;top:40px;width:16px;height:16px;background:#53C9A4;border:4px solid #FAFAFC;border-radius:50%;box-shadow:0 0 0 4px #53c9a433}
.timeline-event .event-status{display:inline-block;padding:6px 16px;background:linear-gradient(120deg,#53C9A4 0%,#45b68f 100%);color:#FAFAFC;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}
.timeline-event .event-title{font-size:28px;color:#171826;margin-bottom:12px;font-weight:700}
.timeline-event .event-details{display:flex;gap:24px;margin-bottom:16px;flex-wrap:wrap}
.timeline-event .detail-item{display:flex;align-items:center;gap:8px;color:#4a4a5e;font-size:15px}
.timeline-event .detail-item i{color:#53C9A4;font-size:18px}
.timeline-event .event-description{color:#5a5a6e;line-height:1.7;margin-bottom:20px;font-size:16px}
.timeline-event .event-action{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:#171826;color:#FAFAFC;text-decoration:none;border-radius:24px;font-weight:600;transition:all .3s ease;font-size:15px;z-index:10;position:relative}
.timeline-event .event-action:hover{background:#53C9A4;transform:scale(1.05);box-shadow:0 6px 20px #53c9a44d}
.timeline-event .event-action i{font-size:16px}
.program-insights{padding:90px 20px;background:linear-gradient(145deg,#171826 0%,#2d2f47 100%);position:relative}
.program-insights .container-insights{max-width:1140px;margin:0 auto}
.program-insights .insights-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.insight-card{background:#fafafc0d;border:2px solid #53c9a433;border-radius:32px;padding:40px 32px;transition:all .4s ease;position:relative;overflow:hidden}
.insight-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#53C9A4 0%,transparent 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.insight-card:hover::before{transform:scaleX(1)}
.insight-card:hover{border-color:#53C9A4;background:#53c9a414;transform:translateY(-8px);box-shadow:0 16px 40px #53c9a433}
.insight-card .card-icon{width:64px;height:64px;background:linear-gradient(135deg,#53C9A4 0%,#45b68f 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 20px #53c9a44d}
.insight-card .card-icon i{font-size:32px;color:#FAFAFC}
.insight-card .card-title{font-size:24px;color:#FAFAFC;margin-bottom:14px;font-weight:700}
.insight-card .card-description{color:#e8e8ec;line-height:1.7;font-size:16px;margin-bottom:0}
@media (max-width: 968px) {
.hero-event .container-hero{grid-template-columns:1fr;gap:40px}
.hero-event .solution-title{font-size:38px}
.hero-event .geometric-clip{height:380px}
.timeline-wrapper{padding-left:50px}
.timeline-event .event-title{font-size:24px}
.program-insights .insights-grid{grid-template-columns:1fr}
}
@media (max-width: 640px) {
.hero-event{padding:60px 20px}
.hero-event .solution-title{font-size:32px}
.hero-event .problem-text,.hero-event .solution-description{font-size:16px}
.hero-event .geometric-clip{height:300px}
.events-timeline{padding:70px 20px}
.events-timeline .section-header h2{font-size:32px}
.timeline-wrapper{padding-left:40px}
.timeline-wrapper::before{left:15px}
.timeline-event::before{left:-42px;width:12px;height:12px}
.timeline-event{padding:24px}
.timeline-event .event-details{flex-direction:column;gap:12px}
.program-insights{padding:70px 20px}
.insight-card{padding:32px 24px}
}
.HeroMain{display:flex;align-items:center;gap:60px;max-width:1140px;margin:0 auto;padding:80px 20px}
.HeroMain .TextWrap{flex:1}
.HeroMain .TitleMain{font-size:48px;line-height:1.2;color:#171826;margin:0 0 24px;font-weight:700}
.HeroMain .DescMain{font-size:18px;line-height:1.6;color:#171826;margin:0 0 32px;opacity:.85}
.HeroMain .DescMain + .DescMain{margin-top:16px}
.HeroMain .ButtonGroup{display:flex;gap:16px;flex-wrap:wrap}
.HeroMain .PrimaryBtn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:linear-gradient(135deg,#53C9A4 0%,#3ea580 100%);color:#FAFAFC;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 20px #53c9a440}
.HeroMain .PrimaryBtn:hover{transform:translateY(-2px);box-shadow:0 12px 28px #53c9a459}
.HeroMain .SecondaryBtn{display:inline-flex;align-items:center;gap:8px;padding:16px 32px;background:transparent;color:#171826;text-decoration:none;border:2px solid #171826;border-radius:28px;font-size:16px;font-weight:600;transition:all .3s ease}
.HeroMain .SecondaryBtn:hover{background:#171826;color:#FAFAFC}
.HeroMain .ImageWrap{flex:1;position:relative}
.HeroMain .ImageWrap::before{content:'';position:absolute;top:-20px;right:-20px;width:100%;height:100%;background:linear-gradient(225deg,#53C9A4 0%,transparent 70%);border-radius:32px;opacity:.15;z-index:-1}
.HeroMain .ImageWrap img{width:100%;height:auto;border-radius:32px;display:block;filter:brightness(0.92) saturate(0.9);box-shadow:0 16px 48px #1718261f}
.OutcomesPanel{background:linear-gradient(155deg,#FAFAFC 0%,#e8f9f3 100%);padding:100px 20px;position:relative;overflow:hidden}
.OutcomesPanel::before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background:linear-gradient(90deg,#53C9A4 0%,#171826 100%)}
.OutcomesPanel .ContentBox{max-width:1140px;margin:0 auto}
.OutcomesPanel .SectionLabel{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#53C9A4;margin:0 0 16px}
.OutcomesPanel .SectionTitle{font-size:42px;line-height:1.2;color:#171826;margin:0 0 48px;font-weight:700}
.OutcomesPanel .GridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.OutcomesPanel .OutcomeCard{background:#FAFAFC;padding:40px 32px;border-radius:32px;box-shadow:0 8px 24px #17182614;transition:all .3s ease;border:2px solid transparent}
.OutcomesPanel .OutcomeCard:hover{transform:translateY(-4px);box-shadow:0 16px 40px #53c9a426;border-color:#53C9A4}
.OutcomesPanel .OutcomeCard .IconCircle{width:72px;height:72px;background:linear-gradient(135deg,#53C9A4 0%,#3ea580 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.OutcomesPanel .OutcomeCard .IconCircle i{font-size:32px;color:#FAFAFC}
.OutcomesPanel .OutcomeCard .CardTitle{font-size:22px;line-height:1.3;color:#171826;margin:0 0 16px;font-weight:700}
.OutcomesPanel .OutcomeCard .CardText{font-size:16px;line-height:1.6;color:#171826;margin:0;opacity:.8}
.DirectionsModule{padding:100px 20px;background:#FAFAFC}
.DirectionsModule .ContentBox{max-width:1140px;margin:0 auto}
.DirectionsModule .ModuleHeader{text-align:center;margin:0 0 64px}
.DirectionsModule .ModuleHeader .SectionTitle{font-size:42px;line-height:1.2;color:#171826;margin:0 0 20px;font-weight:700}
.DirectionsModule .ModuleHeader .SectionDesc{font-size:18px;line-height:1.6;color:#171826;margin:0;opacity:.75}
.DirectionsModule .TopicsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.DirectionsModule .TopicItem{display:flex;gap:24px;align-items:flex-start;padding:32px;background:linear-gradient(145deg,#FAFAFC 0%,#f0f0f2 100%);border-radius:28px;border-left:6px solid #53C9A4;transition:all .3s ease}
.DirectionsModule .TopicItem:hover{transform:translateX(8px);box-shadow:0 12px 32px #1718261a}
.DirectionsModule .TopicItem .TopicIcon{width:56px;height:56px;background:linear-gradient(135deg,#171826 0%,#2a2b3d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.DirectionsModule .TopicItem .TopicIcon i{font-size:24px;color:#53C9A4}
.DirectionsModule .TopicItem .TopicContent .TopicTitle{font-size:20px;line-height:1.3;color:#171826;margin:0 0 12px;font-weight:700}
.DirectionsModule .TopicItem .TopicContent .TopicDesc{font-size:16px;line-height:1.6;color:#171826;margin:0;opacity:.8}
.GeographySection{background:linear-gradient(165deg,#171826 0%,#2a2b3d 100%);padding:100px 20px;position:relative}
.GeographySection::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:200px;background:linear-gradient(to top,#53c9a414 0%,transparent 100%);pointer-events:none}
.GeographySection .ContentBox{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:80px}
.GeographySection .TextColumn{flex:1}
.GeographySection .TextColumn .SectionLabel{font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:#53C9A4;margin:0 0 16px}
.GeographySection .TextColumn .SectionTitle{font-size:42px;line-height:1.2;color:#FAFAFC;margin:0 0 24px;font-weight:700}
.GeographySection .TextColumn .SectionDesc{font-size:18px;line-height:1.6;color:#FAFAFC;margin:0 0 16px;opacity:.85}
.GeographySection .ImageColumn{flex:1}
.GeographySection .ImageColumn img{width:100%;height:auto;border-radius:32px;box-shadow:0 20px 60px #0000004d;display:block}
.TransparencyBlock{padding:100px 20px;background:#FAFAFC}
.TransparencyBlock .ContentBox{max-width:1140px;margin:0 auto}
.TransparencyBlock .FlexLayout{display:flex;align-items:center;gap:60px}
.TransparencyBlock .ImageSide{flex:1}
.TransparencyBlock .ImageSide img{width:100%;height:auto;border-radius:32px;box-shadow:0 16px 48px #1718261f;display:block}
.TransparencyBlock .TextSide{flex:1}
.TransparencyBlock .TextSide .BlockTitle{font-size:38px;line-height:1.2;color:#171826;margin:0 0 24px;font-weight:700}
.TransparencyBlock .TextSide .BlockDesc{font-size:17px;line-height:1.7;color:#171826;margin:0 0 16px;opacity:.8}
.TransparencyBlock .TextSide .HighlightBox{background:linear-gradient(135deg,#53C9A4 0%,#3ea580 100%);padding:24px 28px;border-radius:24px;margin:32px 0 0}
.TransparencyBlock .TextSide .HighlightBox .HighlightText{font-size:18px;line-height:1.6;color:#FAFAFC;margin:0;font-weight:600}
.SupportArea{background:linear-gradient(145deg,#e8f9f3 0%,#FAFAFC 100%);padding:100px 20px}
.SupportArea .ContentBox{max-width:1140px;margin:0 auto}
.SupportArea .HeaderSection{text-align:center;margin:0 0 64px}
.SupportArea .HeaderSection .SectionTitle{font-size:42px;line-height:1.2;color:#171826;margin:0 0 20px;font-weight:700}
.SupportArea .HeaderSection .SectionDesc{font-size:18px;line-height:1.6;color:#171826;margin:0;opacity:.75}
.SupportArea .SupportGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.SupportArea .SupportCard{background:#FAFAFC;padding:32px 24px;border-radius:28px;text-align:center;box-shadow:0 8px 24px #17182614;transition:all .3s ease;border-top:4px solid transparent}
.SupportArea .SupportCard:hover{transform:translateY(-6px);box-shadow:0 16px 40px #53c9a426;border-top-color:#53C9A4}
.SupportArea .SupportCard .CardIcon{width:64px;height:64px;background:linear-gradient(135deg,#171826 0%,#2a2b3d 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}
.SupportArea .SupportCard .CardIcon i{font-size:28px;color:#53C9A4}
.SupportArea .SupportCard .CardTitle{font-size:18px;line-height:1.3;color:#171826;margin:0 0 12px;font-weight:700}
.SupportArea .SupportCard .CardDesc{font-size:15px;line-height:1.6;color:#171826;margin:0;opacity:.75}
.ResourcesModule{padding:100px 20px;background:#FAFAFC}
.ResourcesModule .ContentBox{max-width:1140px;margin:0 auto;display:flex;gap:80px;align-items:center}
.ResourcesModule .ContentSide{flex:1.2}
.ResourcesModule .ContentSide .ModuleTitle{font-size:42px;line-height:1.2;color:#171826;margin:0 0 24px;font-weight:700}
.ResourcesModule .ContentSide .ModuleDesc{font-size:18px;line-height:1.6;color:#171826;margin:0 0 40px;opacity:.8}
.ResourcesModule .ContentSide .ResourceList{display:flex;flex-direction:column;gap:20px}
.ResourcesModule .ContentSide .ResourceItem{display:flex;align-items:flex-start;gap:16px;padding:20px 24px;background:linear-gradient(135deg,#f8f8fa 0%,#FAFAFC 100%);border-radius:20px;border-left:4px solid #53C9A4;transition:all .3s ease}
.ResourcesModule .ContentSide .ResourceItem:hover{transform:translateX(6px);box-shadow:0 8px 24px #17182614}
.ResourcesModule .ContentSide .ResourceItem .ItemIcon{width:44px;height:44px;background:linear-gradient(135deg,#53C9A4 0%,#3ea580 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ResourcesModule .ContentSide .ResourceItem .ItemIcon i{font-size:20px;color:#FAFAFC}
.ResourcesModule .ContentSide .ResourceItem .ItemText{font-size:17px;line-height:1.5;color:#171826;margin:0;font-weight:500}
.ResourcesModule .ImageSide{flex:.8}
.ResourcesModule .ImageSide img{width:100%;height:auto;border-radius:32px;box-shadow:0 16px 48px #1718261f;display:block}
.CallToActionFinal{background:linear-gradient(155deg,#171826 0%,#2a2b3d 100%);padding:120px 20px;text-align:center;position:relative;overflow:hidden}
.CallToActionFinal::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#53c9a426 0%,transparent 70%);animation:pulse 8s ease-in-out infinite}
@keyframes pulse {
0%,100%{transform:scale(1);opacity:.5}
50%{transform:scale(1.1);opacity:.8}
}
.CallToActionFinal .ContentBox{max-width:800px;margin:0 auto;position:relative;z-index:2}
.CallToActionFinal .FinalTitle{font-size:48px;line-height:1.2;color:#FAFAFC;margin:0 0 24px;font-weight:700}
.CallToActionFinal .FinalDesc{font-size:20px;line-height:1.6;color:#FAFAFC;margin:0 0 40px;opacity:.9}
.CallToActionFinal .ActionBtn{display:inline-flex;align-items:center;gap:10px;padding:20px 48px;background:linear-gradient(135deg,#53C9A4 0%,#3ea580 100%);color:#171826;text-decoration:none;border-radius:32px;font-size:18px;font-weight:700;transition:all .3s ease;box-shadow:0 12px 32px #53c9a466}
.CallToActionFinal .ActionBtn:hover{transform:translateY(-4px);box-shadow:0 16px 48px #53c9a480}
@media (max-width: 968px) {
.HeroMain{flex-direction:column;gap:40px;padding:60px 20px}
.HeroMain .TitleMain{font-size:38px}
.OutcomesPanel .GridLayout{grid-template-columns:repeat(2,1fr);gap:24px}
.DirectionsModule .TopicsGrid{grid-template-columns:1fr;gap:24px}
.GeographySection .ContentBox{flex-direction:column;gap:40px}
.TransparencyBlock .FlexLayout{flex-direction:column-reverse;gap:40px}
.SupportArea .SupportGrid{grid-template-columns:repeat(2,1fr)}
.ResourcesModule .ContentBox{flex-direction:column;gap:40px}
}
@media (max-width: 640px) {
.HeroMain .TitleMain{font-size:32px}
.HeroMain .ButtonGroup{flex-direction:column;width:100%}
.HeroMain .PrimaryBtn,.HeroMain .SecondaryBtn{width:100%;justify-content:center}
.OutcomesPanel .GridLayout{grid-template-columns:1fr}
.OutcomesPanel .SectionTitle,.DirectionsModule .ModuleHeader .SectionTitle,.GeographySection .TextColumn .SectionTitle,.TransparencyBlock .TextSide .BlockTitle,.SupportArea .HeaderSection .SectionTitle,.ResourcesModule .ContentSide .ModuleTitle,.CallToActionFinal .FinalTitle{font-size:32px}
.SupportArea .SupportGrid{grid-template-columns:1fr}
.CallToActionFinal{padding:80px 20px}
}
.PageHero{display:flex;align-items:stretch;min-height:520px;background:linear-gradient(127deg,#FAFAFC 0%,#53c9a414 100%);position:relative;overflow:hidden}
.HeroContent{width:50%;padding:80px 60px;display:flex;flex-direction:column;justify-content:center}
.HeroVisual{width:50%;position:relative}
.HeroVisual img{width:100%;height:100%;object-fit:cover;animation:subtleFloat 6s ease-in-out infinite}
@keyframes subtleFloat {
0%,100%{transform:translateY(0) scale(1)}
50%{transform:translateY(-12px) scale(1.02)}
}
.PageHero::before{content:'';position:absolute;top:-40%;right:-10%;width:500px;height:500px;background:radial-gradient(circle,#53c9a426 0%,transparent 70%);border-radius:50%;z-index:1}
.MainHeading{font-size:48px;font-weight:700;color:#171826;margin:0 0 16px;line-height:1.2;position:relative;z-index:2}
.SubHeading{font-size:24px;font-weight:500;color:#53C9A4;margin:0 0 24px;line-height:1.4;position:relative;z-index:2}
.HeroDescription{font-size:17px;line-height:1.7;color:#171826;margin:0 0 36px;max-width:520px;position:relative;z-index:2}
.HeroActions{display:flex;gap:16px;position:relative;z-index:2}
.ActionButton{padding:16px 36px;font-size:16px;font-weight:600;border-radius:28px;border:none;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block}
.PrimaryAction{background:linear-gradient(135deg,#53C9A4 0%,#3fa882 100%);color:#FAFAFC;box-shadow:0 8px 20px #53c9a440}
.PrimaryAction:hover{transform:translateY(-3px);box-shadow:0 12px 28px #53c9a459}
.SecondaryAction{background:#FAFAFC;color:#171826;border:2px solid #53C9A4}
.SecondaryAction:hover{background:#53C9A4;color:#FAFAFC;transform:translateY(-2px)}
.ContactMethodsSection{padding:90px 20px;background:#FAFAFC}
.SectionWrapper{max-width:1140px;margin:0 auto}
.MethodsGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}
.ContactCard{background:linear-gradient(148deg,#fff 0%,#FAFAFC 100%);padding:44px 36px;border-radius:32px;box-shadow:0 6px 24px #1718260f inset 0 1px 2px #fff6;transition:all .4s ease;position:relative;overflow:hidden}
.ContactCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#53C9A4 0%,#3fa882 100%);transform:scaleX(0);transition:transform .4s ease}
.ContactCard:hover::before{transform:scaleX(1)}
.ContactCard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #53c9a42e}
.CardIcon{width:68px;height:68px;background:linear-gradient(135deg,#53C9A4 0%,#3fa882 100%);border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 16px #53c9a440}
.CardIcon i{font-size:32px;color:#FAFAFC}
.CardTitle{font-size:22px;font-weight:700;color:#171826;margin:0 0 12px}
.CardDetail{font-size:16px;line-height:1.6;color:#171826;margin:8px 0}
.CardDetail a{color:#53C9A4;text-decoration:none;transition:color .3s ease}
.CardDetail a:hover{color:#3fa882}
.ContactFormSection{padding:100px 20px;background:linear-gradient(162deg,#171826 0%,#262738 100%);position:relative}
.ContactFormSection::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#53C9A4 50%,transparent 100%)}
.FormContainer{max-width:720px;margin:0 auto}
.FormHeader{text-align:center;margin-bottom:52px}
.FormTitle{font-size:42px;font-weight:700;color:#FAFAFC;margin:0 0 16px}
.FormSubtitle{font-size:18px;line-height:1.6;color:#53C9A4;margin:0}
.ContactFormLayout{background:#fafafc0a;padding:48px 44px;border-radius:36px;box-shadow:0 12px 40px #0003 inset 0 1px 2px #ffffff0d;border:1px solid #53c9a41f}
.FormRow{margin-bottom:28px}
.InputLabel{display:block;font-size:15px;font-weight:600;color:#FAFAFC;margin-bottom:10px}
.InputField{width:100%;padding:16px 20px;font-size:16px;border:2px solid #53c9a433;border-radius:24px;background:#fafafc0f;color:#FAFAFC;transition:all .3s ease;box-sizing:border-box}
.InputField:focus{outline:none;border-color:#53C9A4;background:#fafafc1a;box-shadow:0 0 0 4px #53c9a41f}
.InputField::placeholder{color:#fafafc66}
.SelectField{width:100%;padding:16px 20px;font-size:16px;border:2px solid #53c9a433;border-radius:24px;background:#fafafc0f;color:#FAFAFC;cursor:pointer;transition:all .3s ease;box-sizing:border-box;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%2353C9A4' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:48px}
.SelectField:focus{outline:none;border-color:#53C9A4;background-color:#fafafc1a;box-shadow:0 0 0 4px #53c9a41f}
.SelectField option{background:#171826;color:#FAFAFC;padding:12px}
.TextareaField{width:100%;padding:16px 20px;font-size:16px;border:2px solid #53c9a433;border-radius:24px;background:#fafafc0f;color:#FAFAFC;min-height:160px;resize:vertical;font-family:inherit;transition:all .3s ease;box-sizing:border-box}
.TextareaField:focus{outline:none;border-color:#53C9A4;background:#fafafc1a;box-shadow:0 0 0 4px #53c9a41f}
.TextareaField::placeholder{color:#fafafc66}
.CheckboxWrapper{display:flex;align-items:flex-start;gap:12px;margin-bottom:32px}
.CheckboxInput{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#53C9A4;flex-shrink:0}
.CheckboxLabel{font-size:14px;line-height:1.6;color:#fafafccc;flex:1}
.CheckboxLabel a{color:#53C9A4;text-decoration:none;transition:color .3s ease}
.CheckboxLabel a:hover{color:#3fa882;text-decoration:underline}
.SubmitButton{width:100%;padding:18px 40px;font-size:17px;font-weight:700;background:linear-gradient(135deg,#53C9A4 0%,#3fa882 100%);color:#FAFAFC;border:none;border-radius:28px;cursor:pointer;transition:all .3s ease;box-shadow:0 10px 28px #53c9a44d}
.SubmitButton:hover{transform:translateY(-3px);box-shadow:0 14px 36px #53c9a466}
.SubmitButton:active{transform:translateY(-1px)}
.LocationSection{padding:90px 20px;background:linear-gradient(154deg,#FAFAFC 0%,#53c9a40f 100%)}
.LocationContent{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.LocationText h2{font-size:38px;font-weight:700;color:#171826;margin:0 0 20px}
.LocationText h2::before{content:'';display:inline-block;width:52px;height:5px;background:linear-gradient(90deg,#53C9A4 0%,#3fa882 100%);border-radius:3px;margin-right:16px;vertical-align:middle}
.AddressBlock{background:#fff;padding:36px 32px;border-radius:28px;box-shadow:0 8px 24px #17182614;margin-top:24px}
.AddressBlock p{font-size:17px;line-height:1.8;color:#171826;margin:0 0 12px}
.AddressBlock p:last-child{margin:0}
.AddressBlock strong{color:#53C9A4;font-weight:600}
.LocationImage{position:relative}
.LocationImage img{width:100%;height:440px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #1718261f}
.LocationImage::after{content:'';position:absolute;bottom:-20px;right:-20px;width:200px;height:200px;background:radial-gradient(circle,#53c9a433 0%,transparent 70%);border-radius:50%;z-index:-1}
.HoursSection{padding:80px 20px;background:#fff}
.HoursWrapper{max-width:900px;margin:0 auto;text-align:center}
.HoursWrapper h2{font-size:36px;font-weight:700;color:#171826;margin:0 0 48px;position:relative;display:inline-block}
.HoursWrapper h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#53C9A4 0%,#3fa882 100%);border-radius:2px}
.ScheduleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px}
.DayCard{background:linear-gradient(145deg,#FAFAFC 0%,#fff 100%);padding:28px 24px;border-radius:24px;border:2px solid #53c9a426;transition:all .3s ease}
.DayCard:hover{border-color:#53C9A4;transform:translateY(-4px);box-shadow:0 12px 28px #53c9a426}
.DayName{font-size:18px;font-weight:700;color:#171826;margin:0 0 8px}
.DayHours{font-size:16px;color:#53C9A4;margin:0;font-weight:500}
@media (max-width: 968px) {
.PageHero{flex-direction:column;min-height:auto}
.HeroContent,.HeroVisual{width:100%}
.HeroContent{padding:60px 32px}
.HeroVisual img{height:360px}
.MainHeading{font-size:36px}
.SubHeading{font-size:20px}
.HeroActions{flex-direction:column}
.ActionButton{width:100%;text-align:center}
.LocationContent{grid-template-columns:1fr;gap:48px}
.FormTitle{font-size:32px}
.ContactFormLayout{padding:36px 28px}
.ScheduleGrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 640px) {
.HeroContent{padding:48px 20px}
.MainHeading{font-size:28px}
.SubHeading{font-size:18px}
.HeroDescription{font-size:15px}
.MethodsGrid{grid-template-columns:1fr}
.ContactCard{padding:32px 24px}
.FormTitle{font-size:26px}
.ContactFormLayout{padding:28px 20px}
.LocationText h2{font-size:28px}
.LocationImage img{height:300px}
.ScheduleGrid{grid-template-columns:1fr}
.HoursWrapper h2{font-size:28px}
}
.ProgramTitle{background:linear-gradient(135deg,#FAFAFC 0%,#e8f9f4 100%);padding:80px 20px;position:relative;overflow:hidden}
.ProgramTitle::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:#53c9a414;top:-120px;right:-80px}
.ProgramTitle::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:#1718260a;bottom:-100px;left:-60px}
.TitleWrapper{max-width:1140px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.TitleContent{flex:1}
.TitleContent .TopLabel{font-size:14px;color:#53C9A4;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin-bottom:20px;display:inline-block}
.TitleContent .MainHeading{font-size:52px;line-height:1.2;color:#171826;margin-bottom:24px;font-weight:700}
.TitleContent .MainHeading .Accent{color:#53C9A4;position:relative}
.TitleContent .MainHeading .Accent::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#53C9A4,transparent)}
.TitleContent .Description{font-size:18px;line-height:1.7;color:#4a4a5e;margin-bottom:32px}
.TitleContent .EnrollButton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#53C9A4 0%,#45b090 100%);color:#FAFAFC;text-decoration:none;border-radius:30px;font-weight:600;font-size:16px;box-shadow:0 8px 20px #53c9a44d;transition:all .3s ease;position:relative;z-index:10}
.TitleContent .EnrollButton:hover{transform:translateY(-2px);box-shadow:0 12px 28px #53c9a466;background:linear-gradient(135deg,#45b090 0%,#53C9A4 100%)}
.TitleImage{flex:0 0 480px}
.TitleImage img{width:100%;height:420px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #17182626;border:4px solid #FAFAFC;position:relative}
.CurriculumArea{padding:100px 20px;background:#FAFAFC}
.CurriculumContainer{max-width:1140px;margin:0 auto}
.CurriculumContainer .SectionTop{text-align:center;margin-bottom:60px}
.CurriculumContainer .SectionTop h2{font-size:42px;color:#171826;font-weight:700;margin-bottom:16px}
.CurriculumContainer .SectionTop .SubText{font-size:17px;color:#6a6a7c;line-height:1.6}
.ModuleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px}
.ModuleCard{background:#fff;padding:36px;border-radius:28px;box-shadow:0 6px 24px #17182614;transition:all .4s ease;position:relative;border:2px solid transparent}
.ModuleCard:hover{transform:translateY(-6px);box-shadow:0 12px 36px #53c9a42e;border-color:#53C9A4}
.ModuleCard .ModuleNumber{position:absolute;top:24px;right:24px;width:48px;height:48px;background:linear-gradient(135deg,#53C9A4,#45b090);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;font-size:18px}
.ModuleCard .ModuleIcon{width:56px;height:56px;background:#53c9a41f;border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.ModuleCard .ModuleIcon i{font-size:28px;color:#53C9A4}
.ModuleCard h3{font-size:22px;color:#171826;margin-bottom:14px;font-weight:700}
.ModuleCard .ModuleDesc{font-size:15px;line-height:1.7;color:#5a5a6e;margin-bottom:20px}
.ModuleCard .TopicList{list-style:none;padding:0;margin:0}
.ModuleCard .TopicList li{font-size:14px;color:#6a6a7c;padding:8px 0;padding-left:28px;position:relative}
.ModuleCard .TopicList li::before{content:'✓';position:absolute;left:0;color:#53C9A4;font-weight:700;font-size:16px}
.ProgressPath{padding:90px 20px;background:linear-gradient(165deg,#171826 0%,#252740 100%);position:relative;overflow:hidden}
.ProgressPath::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#53c9a426 0%,transparent 70%);top:-200px;left:-100px}
.PathHolder{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.PathHolder .PathTitle{text-align:center;margin-bottom:70px}
.PathHolder .PathTitle h2{font-size:40px;color:#FAFAFC;font-weight:700;margin-bottom:18px}
.PathHolder .PathTitle .PathSubtitle{font-size:17px;color:#b8b8c8;line-height:1.6}
.StepsContainer{display:flex;flex-direction:column;gap:40px;position:relative}
.StepsContainer::before{content:'';position:absolute;left:30px;top:60px;bottom:60px;width:3px;background:linear-gradient(180deg,#53C9A4 0%,#53c9a433 100%)}
.StepRow{display:flex;align-items:flex-start;gap:32px;position:relative}
.StepMarker{flex:0 0 60px;height:60px;background:linear-gradient(135deg,#53C9A4,#45b090);border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 6px 20px #53c9a466}
.StepMarker i{font-size:26px;color:#fff}
.StepDetails{flex:1;background:#fafafc14;padding:32px;border-radius:24px;border:1px solid #53c9a433}
.StepDetails h3{font-size:24px;color:#FAFAFC;margin-bottom:12px;font-weight:700}
.StepDetails .StepText{font-size:16px;line-height:1.7;color:#c8c8d8}
.StepDetails .StepMeta{display:flex;gap:24px;margin-top:20px}
.StepDetails .StepMeta .MetaItem{display:flex;align-items:center;gap:8px;font-size:14px;color:#53C9A4}
.StepDetails .StepMeta .MetaItem i{font-size:16px}
@media (max-width: 968px) {
.TitleWrapper{flex-direction:column;gap:40px}
.TitleImage{flex:0 0 auto;width:100%}
.TitleImage img{height:320px}
.TitleContent .MainHeading{font-size:38px}
.ModuleGrid{grid-template-columns:1fr}
.StepsContainer::before{display:none}
.StepRow{flex-direction:column;gap:20px}
}
@media (max-width: 640px) {
.ProgramTitle{padding:60px 20px}
.TitleContent .MainHeading{font-size:32px}
.TitleContent .Description{font-size:16px}
.CurriculumArea{padding:70px 20px}
.CurriculumContainer .SectionTop h2{font-size:32px}
.ModuleCard{padding:28px}
.ProgressPath{padding:70px 20px}
.PathHolder .PathTitle h2{font-size:32px}
.StepDetails{padding:24px}
.StepDetails h3{font-size:20px}
}
.team-hero{background:linear-gradient(152deg,#FAFAFC 0%,#53C9A4 100%);padding:120px 20px 100px;position:relative;overflow:hidden}
.team-hero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:linear-gradient(217deg,#17182614 0%,transparent 70%);border-radius:50%}
.hero-content-wrapper{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.hero-content-wrapper .main-title{font-size:56px;font-weight:700;color:#171826;margin:0 0 24px;line-height:1.2}
.hero-content-wrapper .subtitle-text{font-size:20px;color:#171826;max-width:680px;line-height:1.6;margin:0;opacity:.9}
.decorative-dots{display:flex;gap:8px;margin-top:40px}
.decorative-dots .dot{width:12px;height:12px;background:#171826;border-radius:50%;opacity:.3}
.decorative-dots .dot:nth-child(2){opacity:.6}
.decorative-dots .dot:nth-child(3){opacity:1}
.expertise-grid{max-width:1140px;margin:0 auto;padding:100px 20px}
.grid-container{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.expertise-card{background:#FAFAFC;padding:40px 32px;border-radius:24px;border:2px solid #53C9A4;position:relative;transition:all .3s ease}
.expertise-card:hover{transform:translateY(-8px);box-shadow:0 12px 32px #53c9a433}
.expertise-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#53C9A4 0%,#171826 100%);border-radius:24px 24px 0 0}
.expertise-card .card-icon{font-size:42px;color:#53C9A4;margin-bottom:20px;display:block}
.expertise-card .card-heading{font-size:24px;font-weight:700;color:#171826;margin:0 0 16px}
.expertise-card .card-description{font-size:16px;color:#171826;line-height:1.6;margin:0;opacity:.8}
.methodology-section{background:#171826;padding:100px 20px;position:relative}
.methodology-section::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#53C9A4 50%,transparent 100%)}
.methodology-wrapper{max-width:1140px;margin:0 auto}
.methodology-wrapper .section-label{font-size:18px;color:#53C9A4;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px;font-weight:600}
.methodology-wrapper .section-title{font-size:42px;font-weight:700;color:#FAFAFC;margin:0 0 60px;max-width:700px}
.process-timeline{display:flex;gap:40px;position:relative}
.process-timeline::before{content:'';position:absolute;top:30px;left:0;right:0;height:2px;background:linear-gradient(90deg,#53C9A4 0%,#53C9A4 100%);opacity:.3}
.timeline-step{flex:1;position:relative}
.timeline-step .step-number{width:60px;height:60px;background:#53C9A4;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:700;color:#171826;margin-bottom:24px;position:relative;z-index:2}
.timeline-step .step-title{font-size:20px;font-weight:700;color:#FAFAFC;margin:0 0 12px}
.timeline-step .step-text{font-size:15px;color:#FAFAFC;line-height:1.6;margin:0;opacity:.85}
.visual-showcase{padding:100px 20px;background:linear-gradient(225deg,#FAFAFC 0%,#53c9a41a 100%)}
.showcase-layout{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.showcase-image-block{position:relative}
.showcase-image-block .main-image{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #17182626}
.showcase-image-block::before{content:'';position:absolute;top:-20px;left:-20px;width:140px;height:140px;background:linear-gradient(135deg,#53C9A4 0%,transparent 100%);border-radius:50%;opacity:.3;z-index:-1}
.showcase-text-block .text-heading{font-size:38px;font-weight:700;color:#171826;margin:0 0 24px;line-height:1.3}
.showcase-text-block .text-paragraph{font-size:17px;color:#171826;line-height:1.7;margin:0 0 20px;opacity:.9}
.showcase-text-block .highlight-box{background:#171826;padding:28px 32px;border-radius:20px;margin-top:32px;border-left:4px solid #53C9A4}
.showcase-text-block .highlight-box .highlight-text{font-size:16px;color:#FAFAFC;line-height:1.6;margin:0;font-style:italic}
.values-display{padding:100px 20px;background:#171826}
.values-container{max-width:1140px;margin:0 auto}
.values-container .values-title{font-size:44px;font-weight:700;color:#FAFAFC;margin:0 0 70px;text-align:center}
.values-columns{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}
.value-item{display:flex;gap:24px}
.value-item .icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#53C9A4 0%,#53C9A4 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 8px 20px #53c9a44d}
.value-item .icon-wrapper .icon-symbol{font-size:28px;color:#171826}
.value-item .value-content .value-name{font-size:22px;font-weight:700;color:#FAFAFC;margin:0 0 12px}
.value-item .value-content .value-description{font-size:16px;color:#FAFAFC;line-height:1.6;margin:0;opacity:.85}
@media (max-width: 1024px) {
.grid-container{grid-template-columns:repeat(2,1fr)}
.process-timeline{flex-direction:column}
.process-timeline::before{width:2px;height:100%;left:30px;top:0}
.showcase-layout{grid-template-columns:1fr;gap:40px}
.values-columns{grid-template-columns:1fr}
.hero-content-wrapper .main-title{font-size:42px}
}
@media (max-width: 768px) {
.team-hero{padding:80px 20px 60px}
.hero-content-wrapper .main-title{font-size:36px}
.hero-content-wrapper .subtitle-text{font-size:18px}
.grid-container{grid-template-columns:1fr}
.expertise-grid,.methodology-section,.visual-showcase,.values-display{padding:60px 20px}
.methodology-wrapper .section-title{font-size:32px}
.showcase-text-block .text-heading{font-size:30px}
.values-container .values-title{font-size:34px;margin-bottom:50px}
.showcase-image-block .main-image{height:320px}
}
.success-page{background:linear-gradient(135deg,#FAFAFC 0%,#E8F8F3 100%);min-height:85vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.success-page::before{content:'';position:absolute;top:-120px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,#53c9a426 0%,transparent 70%);border-radius:50%;filter:blur(60px)}
.success-page::after{content:'';position:absolute;bottom:-150px;left:-100px;width:500px;height:500px;background:radial-gradient(circle,#17182614 0%,transparent 70%);border-radius:50%;filter:blur(80px)}
.confirmation-wrapper{max-width:680px;width:100%;background:linear-gradient(145deg,#fff 0%,#FAFAFC 100%);border-radius:32px;padding:70px 50px 60px;box-shadow:0 12px 48px #1718261f 0 2px 8px #53c9a41a;text-align:center;position:relative;z-index:1}
.check-icon-holder{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#53C9A4 0%,#42A889 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #53c9a459 0 0 0 12px #53c9a414;animation:success-pulse .6s ease-out}
@keyframes success-pulse {
0%{transform:scale(0.5);opacity:0}
50%{transform:scale(1.05)}
100%{transform:scale(1);opacity:1}
}
.check-icon-holder .pi{font-size:48px;color:#fff}
.confirmation-wrapper .main-headline{font-size:38px;font-weight:700;color:#171826;margin:0 0 18px;line-height:1.2}
.confirmation-wrapper .sub-message{font-size:18px;color:#6B6C7E;line-height:1.6;margin:0 0 14px}
.confirmation-wrapper .detail-info{font-size:16px;color:#8B8C9E;line-height:1.5;margin:0 0 40px}
.next-steps-area{background:linear-gradient(135deg,#F5FCFA 0%,#FAFAFC 100%);border-radius:24px;padding:32px 36px;margin:0 0 36px;border:2px solid #53c9a426}
.next-steps-area .steps-title{font-size:20px;font-weight:600;color:#171826;margin:0 0 22px}
.step-list{list-style:none;padding:0;margin:0;text-align:left}
.step-list .step-item{display:flex;align-items:flex-start;margin:0 0 18px;padding-left:8px}
.step-list .step-item:last-child{margin-bottom:0}
.step-list .step-item .pi{color:#53C9A4;font-size:20px;margin-right:14px;margin-top:2px;flex-shrink:0}
.step-list .step-item .step-text{font-size:16px;color:#4A4B5E;line-height:1.5}
.button-group{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}
.primary-action-btn{background:linear-gradient(135deg,#53C9A4 0%,#42A889 100%);color:#fff;font-size:17px;font-weight:600;padding:16px 38px;border-radius:28px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;box-shadow:0 6px 20px #53c9a44d;transition:all .3s ease}
.primary-action-btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #53c9a466;background:linear-gradient(135deg,#42A889 0%,#3A9678 100%)}
.secondary-action-btn{background:#fff;color:#171826;font-size:17px;font-weight:600;padding:16px 38px;border-radius:28px;text-decoration:none;display:inline-flex;align-items:center;gap:10px;border:2px solid #E2E4E9;transition:all .3s ease}
.secondary-action-btn:hover{border-color:#53C9A4;color:#53C9A4;transform:translateY(-2px);box-shadow:0 6px 18px #17182614}
.contact-info-strip{margin-top:32px;padding-top:28px;border-top:1px solid #53c9a433}
.contact-info-strip .info-label{font-size:14px;color:#8B8C9E;margin:0 0 12px}
.contact-methods{display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.contact-methods .contact-item{display:flex;align-items:center;gap:8px;font-size:15px;color:#4A4B5E;text-decoration:none;transition:color .3s ease}
.contact-methods .contact-item:hover{color:#53C9A4}
.contact-methods .contact-item .pi{color:#53C9A4;font-size:16px}
@media (max-width: 768px) {
.success-page{padding:40px 16px}
.confirmation-wrapper{padding:50px 28px 44px;border-radius:24px}
.confirmation-wrapper .main-headline{font-size:30px}
.confirmation-wrapper .sub-message{font-size:16px}
.next-steps-area{padding:24px 20px}
.button-group{flex-direction:column;gap:12px}
.primary-action-btn,.secondary-action-btn{width:100%;justify-content:center;font-size:16px;padding:14px 28px}
.contact-methods{flex-direction:column;gap:14px}
}
@media (max-width: 480px) {
.check-icon-holder{width:80px;height:80px}
.check-icon-holder .pi{font-size:40px}
.confirmation-wrapper .main-headline{font-size:26px}
.step-list .step-item .step-text{font-size:15px}
}