*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'DM Sans',sans-serif;background:linear-gradient(135deg,#fff 0%,#D9DFE8 100%);color:#252B38;line-height:1.6}
.MainHeader{background:linear-gradient(148deg,#fff 0%,#D9DFE8 100%);box-shadow:0 2px 8px #252b3814}
.HeaderTop12{padding:24px 0;border-bottom:1px solid #252b381a}
.HeaderTop12 .content-wrapper{max-width:1024px;margin:0 auto;padding:0 20px}
.CompanyName--display{font-size:32px;font-weight:700;text-align:center;color:#252B38;letter-spacing:-.5px}
.HeaderFoundation{padding:20px 0}
.HeaderFoundation .content-wrapper{max-width:1024px;margin:0 auto;padding:0 20px}
.LogoNav--balance{display:flex;align-items:center;justify-content:space-between;gap:40px}
.LogoContainer8{flex-shrink:0}
.logo-link{display:block}
.SiteLogo{height:85px;width:85px;object-fit:contain;background:#ffffff80;padding:8px;border-radius:8px;box-shadow:0 2px 6px #252b381f}
.MainNavigation{flex-grow:1;display:flex;justify-content:flex-end}
.MainNavigation .nav-list{display:flex;list-style:none;gap:8px;align-items:center;flex-wrap:wrap}
.MainNavigation .NavItem{position:relative}
.MainNavigation .nav-link{display:block;padding:12px 20px;color:#252B38;text-decoration:none;font-weight:400;transition:color .2s ease-in;white-space:nowrap}
.MainNavigation .nav-link:hover{color:#FF5A88}
.MainNavigation .has-submenu{position:relative}
.MainNavigation .has-submenu:hover .SubMenu2{display:block}
.SubMenu2{display:none;position:absolute;top:100%;left:0;background:#fff;box-shadow:0 4px 12px #252b3826;border-radius:6px;min-width:200px;list-style:none;padding:8px 0;z-index:1000;margin-top:4px}
.SubMenu2 li{margin:0}
.SubMenu2 .submenu-link{display:block;padding:10px 20px;color:#252B38;text-decoration:none;transition:background .2s ease-in}
.SubMenu2 .submenu-link:hover{background:#ff5a8814;color:#FF5A88}
.HeaderDivider3{height:1px;background:linear-gradient(90deg,transparent,#252b381a,transparent)}
.SiteFooter{margin-top:80px;padding:50px 0 30px;position:relative}
.footer-glass{background:#ffffff4d;backdrop-filter:blur(12px);border-top:1px solid #252b3814}
.FooterContent--wrapper{max-width:1024px;margin:0 auto;padding:0 20px;display:flex;flex-direction:column;align-items:center;gap:30px}
.footer-section-links{width:100%;text-align:center}
.FooterNav .footer-menu-list{display:flex;justify-content:center;gap:30px;list-style:none;flex-wrap:wrap}
.FooterNav .footer-link{color:#252B38;text-decoration:none;font-size:14px;transition:color .2s ease-in}
.FooterNav .footer-link:hover{color:#FF5A88}
.footer-section-contact7{width:100%;text-align:center}
.ContactInfo--block{display:flex;flex-direction:column;gap:10px;align-items:center}
.ContactInfo--block .contact-item{display:flex;align-items:center;gap:8px;font-size:14px;color:#252B38}
.ContactInfo--block .contact-item i{color:#FF5A88;font-size:16px}
.footer-section-copyright{width:100%;text-align:center;padding-top:20px;border-top:1px solid #252b3814}
.CopyrightText{font-size:13px;color:#252b38b3}
.CookieConsent--popup{position:fixed;left:20px;top:50%;transform:translateY(-50%) translateX(-400px);width:360px;background:#fff;box-shadow:0 8px 24px #252b3833;z-index:10000;transition:transform .3s ease-in}
.CookieConsent--popup[data-consent-state="visible"]{transform:translateY(-50%) translateX(0)}
.CookieConsent--popup[data-consent-state="hidden"]{transform:translateY(-50%) translateX(-400px)}
.consent-container{padding:24px}
.consent-header .consent-title{font-size:20px;font-weight:700;color:#252B38;margin-bottom:16px}
.consent-body .consent-message{font-size:14px;color:#252B38;margin-bottom:20px;line-height:1.5}
.consent-body .policy-link{color:#FF5A88;text-decoration:underline}
.consent-options{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}
.consent-category{border:1px solid #D9DFE8;border-radius:4px}
.CategoryHeader--click{padding:12px;cursor:pointer;display:flex;align-items:center;gap:8px;background:#f8f9fa}
.CategoryHeader--click .category-name{flex-grow:1;font-weight:700;font-size:14px;color:#252B38}
.CategoryHeader--click .category-status{font-size:12px;color:#252b3899}
.CategoryHeader--click .toggle-icon4{font-size:18px;color:#252B38;transition:transform .2s ease-in}
.CategoryHeader--click.expanded12 .toggle-icon4{transform:rotate(180deg)}
.consent-checkbox{width:18px;height:18px;cursor:pointer}
.CategoryDetails{padding:12px;background:#fff}
.CategoryDetails .category-description{font-size:13px;color:#252b38cc;line-height:1.4}
.opt-out-section{margin-top:12px;padding-top:12px;border-top:1px solid #D9DFE8;display:flex;align-items:center;gap:8px}
.opt-out-label{font-size:13px;color:#252B38;cursor:pointer}
.consent-actions{display:flex;flex-direction:column;gap:8px}
.ConsentBtn{padding:12px 20px;border:none;cursor:pointer;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:700;transition:background .2s ease-in}
.ConsentBtn--accept{background:#FF5A88;color:#fff}
.ConsentBtn--accept:hover{background:#e54d79}
.ConsentBtn--decline{background:#252B38;color:#fff}
.ConsentBtn--decline:hover{background:#1a1f2a}
.ConsentBtn--save{background:#D9DFE8;color:#252B38}
.ConsentBtn--save:hover{background:#c5cbd6}
@media (max-width: 768px) {
.CompanyName--display{font-size:24px}
.LogoNav--balance{flex-direction:column;gap:20px}
.MainNavigation{width:100%}
.MainNavigation .nav-list{justify-content:center;gap:4px}
.MainNavigation .nav-link{padding:10px 12px;font-size:14px}
.SiteLogo{height:70px;width:70px}
.CookieConsent--popup{left:10px;right:10px;width:auto;transform:translateY(100%);top:auto;bottom:0}
.CookieConsent--popup[data-consent-state="visible"]{transform:translateY(0)}
.CookieConsent--popup[data-consent-state="hidden"]{transform:translateY(100%)}
.FooterNav .footer-menu-list{flex-direction:column;gap:15px}
.ContactInfo--block .contact-item{font-size:13px}
}
.zzyj-terms-wrapper{max-width:1024px;margin:0 auto;padding:80px 24px;background:#FFF}
.zzyj-terms-wrapper h1{font-size:42px;font-weight:700;line-height:1.2;color:#252B38;margin:0 0 16px;letter-spacing:-.5px}
.zzyj-terms-wrapper h2{font-size:32px;font-weight:700;line-height:1.3;color:#252B38;margin:56px 0 20px;letter-spacing:-.3px}
.zzyj-terms-wrapper h3{font-size:24px;font-weight:600;line-height:1.4;color:#252B38;margin:40px 0 16px}
.zzyj-terms-wrapper h4{font-size:20px;font-weight:600;line-height:1.4;color:#252B38;margin:32px 0 12px}
.zzyj-terms-wrapper h5{font-size:18px;font-weight:600;line-height:1.5;color:#252B38;margin:24px 0 12px}
.zzyj-terms-wrapper h6{font-size:16px;font-weight:600;line-height:1.5;color:#252B38;margin:20px 0 12px;text-transform:uppercase;letter-spacing:.5px}
.zzyj-terms-wrapper p{font-size:16px;line-height:1.75;color:#252B38;margin:0 0 20px;opacity:.9}
.zzyj-terms-wrapper p + p{margin-top:16px}
.zzyj-terms-wrapper strong,.zzyj-terms-wrapper b{font-weight:600;color:#252B38;opacity:1}
.zzyj-terms-wrapper a{color:#FF5A88;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px;transition:all .3s ease-in}
.zzyj-terms-wrapper a:hover{color:#252B38;text-decoration-thickness:2px}
.zzyj-terms-wrapper ul,.zzyj-terms-wrapper ol{margin:0 0 24px;padding:0 0 0 24px}
.zzyj-terms-wrapper ul{list-style-type:disc}
.zzyj-terms-wrapper ol{list-style-type:decimal}
.zzyj-terms-wrapper ul ul,.zzyj-terms-wrapper ol ul{list-style-type:circle;margin:8px 0}
.zzyj-terms-wrapper ul ol,.zzyj-terms-wrapper ol ol{list-style-type:lower-alpha;margin:8px 0}
.zzyj-terms-wrapper li{font-size:16px;line-height:1.75;color:#252B38;margin:0 0 12px;opacity:.9;padding-left:8px}
.zzyj-terms-wrapper li:last-child{margin-bottom:0}
.zzyj-terms-wrapper li strong,.zzyj-terms-wrapper li b{font-weight:600}
.zzyj-terms-wrapper li p{margin:0 0 8px}
.zzyj-terms-wrapper li p:last-child{margin-bottom:0}
.zzyj-terms-wrapper hr{border:none;height:1px;background:linear-gradient(90deg,transparent,#D9DFE8 20%,#D9DFE8 80%,transparent);margin:48px 0}
.zzyj-terms-wrapper div{margin:0 0 20px}
.zzyj-terms-wrapper h1 + p,.zzyj-terms-wrapper h1 + div{margin-top:24px}
.zzyj-terms-wrapper h2 + p,.zzyj-terms-wrapper h2 + div,.zzyj-terms-wrapper h2 + ul,.zzyj-terms-wrapper h2 + ol{margin-top:16px}
.zzyj-terms-wrapper h3 + p,.zzyj-terms-wrapper h3 + div,.zzyj-terms-wrapper h3 + ul,.zzyj-terms-wrapper h3 + ol{margin-top:12px}
@media (max-width: 768px) {
.zzyj-terms-wrapper{padding:48px 20px}
.zzyj-terms-wrapper h1{font-size:32px;margin-bottom:12px}
.zzyj-terms-wrapper h2{font-size:26px;margin:40px 0 16px}
.zzyj-terms-wrapper h3{font-size:22px;margin:32px 0 12px}
.zzyj-terms-wrapper h4{font-size:19px;margin:24px 0 10px}
.zzyj-terms-wrapper h5{font-size:17px;margin:20px 0 10px}
.zzyj-terms-wrapper h6{font-size:15px;margin:16px 0 10px}
.zzyj-terms-wrapper p,.zzyj-terms-wrapper li{font-size:15px;line-height:1.7}
.zzyj-terms-wrapper ul,.zzyj-terms-wrapper ol{padding-left:20px;margin-bottom:20px}
.zzyj-terms-wrapper hr{margin:32px 0}
}
@media (max-width: 480px) {
.zzyj-terms-wrapper{padding:40px 16px}
.zzyj-terms-wrapper h1{font-size:28px}
.zzyj-terms-wrapper h2{font-size:24px;margin:32px 0 12px}
.zzyj-terms-wrapper h3{font-size:20px;margin:24px 0 10px}
.zzyj-terms-wrapper p,.zzyj-terms-wrapper li{font-size:14px}
}
.AboutTopSection{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(127deg,#252B38 0%,#3a4255 100%);overflow:hidden}
.AboutTopSection::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./digital_assets/new-content-image-3.jpg);background-size:cover;background-position:center;opacity:.18;z-index:1}
.TopContentWrap{position:relative;z-index:2;max-width:1024px;margin:0 auto;padding:80px 24px;width:100%}
.MainHeadingAbout{font-size:3.2rem;font-weight:700;color:#fff;margin:0 0 32px;line-height:1.15;letter-spacing:-.02em}
.IntroTextAbout{font-size:1.25rem;line-height:1.7;color:#D9DFE8;margin:0 0 28px;max-width:680px}
.ValueStatement{font-size:1.1rem;line-height:1.65;color:#e8ecf1;max-width:620px;margin:0}
.StoryContentSection{background:#fff;padding:96px 24px}
.StoryInnerWrap{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1.4fr;gap:64px;align-items:start}
.LeftVisualColumn{position:sticky;top:120px}
.TeamMemberCard{background:linear-gradient(135deg,#f8f9fb 0%,#fff 100%);border-radius:10px;padding:28px;box-shadow:0 4px 16px #252b3814;border:1px solid #D9DFE8;margin-bottom:36px}
.ProfileImageWrap{width:100%;height:280px;border-radius:8px;overflow:hidden;margin-bottom:20px}
.ProfileImageWrap img{width:100%;height:100%;object-fit:cover}
.MemberName{font-size:1.4rem;font-weight:600;color:#252B38;margin:0 0 6px}
.MemberRole{font-size:.95rem;color:#FF5A88;font-weight:500;margin:0 0 14px}
.MemberBio{font-size:.98rem;line-height:1.6;color:#5a6470;margin:0}
.MetricBoxGrid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.SingleMetricBox{background:#fff;border:2px solid #D9DFE8;border-radius:8px;padding:20px;text-align:center;transition:all .3s ease}
.SingleMetricBox:hover{border-color:#FF5A88;box-shadow:0 6px 20px #ff5a881f}
.MetricNumber{font-size:2.2rem;font-weight:700;color:#252B38;margin:0 0 6px;line-height:1}
.MetricLabel{font-size:.9rem;color:#6b7684;margin:0;line-height:1.4}
.RightContentColumn{padding-top:8px}
.SectionHeading2{font-size:2.1rem;font-weight:700;color:#252B38;margin:0 0 28px;line-height:1.25;position:relative;display:inline-block}
.SectionHeading2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:linear-gradient(90deg,#FF5A88 0%,#ff8ba8 100%);border-radius:4px}
.StoryParagraph{font-size:1.05rem;line-height:1.75;color:#4a5461;margin:0 0 24px}
.HighlightBox{background:linear-gradient(135deg,#fff5f8 0%,#fff 100%);border-left:4px solid #FF5A88;padding:24px 28px;border-radius:8px;margin:32px 0}
.HighlightText{font-size:1.15rem;line-height:1.7;color:#252B38;margin:0;font-weight:500}
.ApproachList{list-style:none;padding:0;margin:32px 0}
.ApproachList li{position:relative;padding-left:36px;margin-bottom:20px;font-size:1.05rem;line-height:1.65;color:#4a5461}
.ApproachList li::before{content:'';position:absolute;left:0;top:6px;width:20px;height:20px;background:#FF5A88;border-radius:50%;box-shadow:0 2px 8px #ff5a884d}
.ApproachList li::after{content:'';position:absolute;left:7px;top:13px;width:6px;height:6px;background:#fff;border-radius:50%}
.TimelineBlock{margin:48px 0;position:relative;padding-left:48px}
.TimelineBlock::before{content:'';position:absolute;left:12px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#FF5A88 0%,#D9DFE8 100%);border-radius:3px}
.TimelineItem{position:relative;margin-bottom:32px}
.TimelineItem::before{content:'';position:absolute;left:-42px;top:4px;width:14px;height:14px;background:#FF5A88;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 3px #D9DFE8;z-index:2}
.TimelineYear{font-size:.9rem;font-weight:600;color:#FF5A88;margin:0 0 8px}
.TimelineDescription{font-size:1.02rem;line-height:1.65;color:#4a5461;margin:0}
.ProcessGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin:40px 0}
.ProcessCard7{background:#fff;border:2px solid #D9DFE8;border-radius:10px;padding:28px;transition:all .35s ease-in;position:relative;overflow:hidden}
.ProcessCard7::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF5A88 0%,#252B38 100%);transform:scaleX(0);transform-origin:left;transition:transform .35s ease-in}
.ProcessCard7:hover{border-color:#FF5A88;box-shadow:0 8px 24px #252b381f;transform:translateY(-4px)}
.ProcessCard7:hover::before{transform:scaleX(1)}
.ProcessStepNum{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;background:linear-gradient(135deg,#FF5A88 0%,#ff7a9f 100%);color:#fff;font-size:1.3rem;font-weight:700;border-radius:8px;margin-bottom:16px}
.ProcessCardTitle{font-size:1.25rem;font-weight:600;color:#252B38;margin:0 0 12px;line-height:1.3}
.ProcessCardText{font-size:.98rem;line-height:1.65;color:#5a6470;margin:0}
.ImageShowcaseRow{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:48px 0}
.ShowcaseImageBox{border-radius:10px;overflow:hidden;box-shadow:0 6px 20px #252b3826;transition:transform .3s ease}
.ShowcaseImageBox:hover{transform:scale(1.03)}
.ShowcaseImageBox img{width:100%;height:300px;object-fit:cover;display:block}
.ClosingStatement{background:linear-gradient(120deg,#252B38 0%,#3d4556 100%);border-radius:12px;padding:40px;margin-top:56px;text-align:center}
.ClosingHeading{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 16px;line-height:1.3}
.ClosingText{font-size:1.1rem;line-height:1.7;color:#D9DFE8;margin:0 0 28px;max-width:700px;margin-left:auto;margin-right:auto}
.ContactButtonWrap{display:inline-block}
.PrimaryCtaBtn{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:#FF5A88;color:#fff;font-size:1.05rem;font-weight:600;border-radius:8px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #ff5a884d}
.PrimaryCtaBtn:hover{background:#e54d78;box-shadow:0 6px 24px #ff5a8873;transform:translateY(-2px)}
@media (max-width: 968px) {
.StoryInnerWrap{grid-template-columns:1fr;gap:48px}
.LeftVisualColumn{position:static}
.ProcessGrid{grid-template-columns:1fr}
.ImageShowcaseRow{grid-template-columns:1fr}
.MainHeadingAbout{font-size:2.4rem}
.SectionHeading2{font-size:1.8rem}
}
@media (max-width: 640px) {
.AboutTopSection{min-height:420px}
.TopContentWrap{padding:60px 20px}
.MainHeadingAbout{font-size:2rem;margin-bottom:24px}
.IntroTextAbout{font-size:1.1rem}
.ValueStatement{font-size:1rem}
.StoryContentSection{padding:64px 20px}
.SectionHeading2{font-size:1.6rem}
.MetricBoxGrid{grid-template-columns:1fr}
.ClosingStatement{padding:32px 24px}
.ClosingHeading{font-size:1.5rem}
.ClosingText{font-size:1rem}
}
.MainWrapper{width:100%;max-width:1024px;margin:0 auto}
.HeroSection12{display:flex;align-items:center;gap:48px;padding:80px 20px;background:linear-gradient(135deg,#252B38 0%,#3a4254 100%);position:relative;overflow:hidden}
.HeroSection12::after{content:'';position:absolute;bottom:-2px;left:0;width:100%;height:80px;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 1200 80' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0,40 Q300,0 600,40 T1200,40 L1200,80 L0,80 Z' fill='%23ffffff'/%3E%3C/svg%3E") no-repeat center bottom;background-size:cover}
.HeroContent--wrapper{flex:1;z-index:2}
.HeroContent--wrapper .ProblemStatement9{font-size:3rem;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2}
.HeroContent--wrapper .SolutionText7{font-size:1.25rem;color:#D9DFE8;line-height:1.6;margin-bottom:32px}
.HeroImgContainer{flex:0 0 340px;position:relative;z-index:2}
.HeroImgContainer img{width:100%;height:420px;object-fit:cover;border-radius:12px;box-shadow:0 16px 48px #0000004d;filter:brightness(0.95) contrast(1.05)}
.CtaButton--hero{display:inline-block;padding:16px 40px;background:linear-gradient(90deg,#FF5A88 0%,#ff7da3 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:1.1rem;font-weight:600;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 4px 12px #ff5a884d;z-index:10;position:relative}
.CtaButton--hero:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff5a8866}
.OutcomesGrid58{padding:80px 20px;background:linear-gradient(180deg,#fff 0%,#f8f9fb 100%)}
.OutcomesGrid58 .SectionHeading{font-size:2.5rem;color:#252B38;margin-bottom:16px;text-align:center;font-weight:700}
.OutcomesGrid58 .SectionIntro3{text-align:center;color:#5a6270;font-size:1.1rem;max-width:720px;margin:0 auto 56px;line-height:1.6}
.OutcomeCardsContainer{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1024px;margin:0 auto}
.OutcomeCard23{background:#fff;padding:32px;border-radius:8px;box-shadow:0 4px 16px #252b3814;transition:transform .3s ease-in,box-shadow .3s ease-in;border-top:4px solid #FF5A88}
.OutcomeCard23:hover{transform:translateY(-4px);box-shadow:0 8px 24px #252b381f}
.OutcomeCard23 .CardIcon17{width:56px;height:56px;background:linear-gradient(135deg,#FF5A88 0%,#ff7da3 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.OutcomeCard23 .CardIcon17 i{font-size:1.75rem;color:#fff}
.OutcomeCard23 .CardTitle{font-size:1.4rem;color:#252B38;margin-bottom:12px;font-weight:700}
.OutcomeCard23 .CardDescription{color:#5a6270;line-height:1.6;font-size:1rem}
.GeographySection4{padding:80px 20px;background:linear-gradient(225deg,#252B38 0%,#3a4254 100%);position:relative}
.GeographyInner{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:56px}
.GeographyText--block{flex:1}
.GeographyText--block h2{font-size:2.3rem;color:#fff;margin-bottom:24px;font-weight:700}
.GeographyText--block p{color:#D9DFE8;font-size:1.1rem;line-height:1.7;margin-bottom:16px}
.GeographyVisual{flex:0 0 380px}
.GeographyVisual img{width:100%;height:340px;object-fit:cover;border-radius:8px;box-shadow:0 12px 32px #0006}
.SocialImpact87{padding:80px 20px;background:#fff}
.SocialImpact87 .ImpactWrapper{max-width:1024px;margin:0 auto}
.SocialImpact87 h2{font-size:2.5rem;color:#252B38;text-align:center;margin-bottom:48px;font-weight:700;position:relative}
.SocialImpact87 h2::after{content:'';position:absolute;bottom:-12px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF5A88 0%,#ff7da3 100%);border-radius:2px}
.ImpactGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.ImpactItem34{display:flex;gap:24px;align-items:flex-start}
.ImpactItem34 .IconCircle{flex:0 0 64px;height:64px;background:linear-gradient(135deg,#D9DFE8 0%,#e8ecf2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.ImpactItem34 .IconCircle i{font-size:1.8rem;color:#252B38}
.ImpactItem34 .TextBlock{flex:1}
.ImpactItem34 h3{font-size:1.5rem;color:#252B38;margin-bottom:10px;font-weight:700}
.ImpactItem34 p{color:#5a6270;line-height:1.6;font-size:1rem}
.ToolsOpportunities{padding:80px 20px;background:linear-gradient(180deg,#f8f9fb 0%,#fff 100%)}
.ToolsOpportunities .ToolsInner{max-width:1024px;margin:0 auto}
.ToolsOpportunities h2{font-size:2.4rem;color:#252B38;margin-bottom:20px;font-weight:700}
.ToolsOpportunities .IntroText{color:#5a6270;font-size:1.1rem;line-height:1.7;margin-bottom:48px;max-width:780px}
.ToolsList92{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:28px}
.ToolCard{background:#fff;padding:28px;border-radius:8px;border-left:4px solid #FF5A88;box-shadow:0 4px 12px #252b380f;transition:all .3s ease-in}
.ToolCard:hover{box-shadow:0 8px 20px #252b381a;border-left-color:#252B38}
.ToolCard h3{font-size:1.3rem;color:#252B38;margin-bottom:12px;font-weight:700;display:flex;align-items:center;gap:12px}
.ToolCard h3 i{color:#FF5A88;font-size:1.5rem}
.ToolCard p{color:#5a6270;line-height:1.6;font-size:.98rem}
.CommunityBlock71{padding:80px 20px;background:linear-gradient(135deg,#FF5A88 0%,#ff7da3 100%);position:relative;overflow:hidden}
.CommunityBlock71::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}
.CommunityInner{max-width:1024px;margin:0 auto;text-align:center;position:relative;z-index:2}
.CommunityBlock71 h2{font-size:2.6rem;color:#fff;margin-bottom:24px;font-weight:700}
.CommunityBlock71 .CommunityDesc{color:#fff;font-size:1.2rem;line-height:1.7;margin-bottom:20px;max-width:720px;margin-left:auto;margin-right:auto}
.CommunityFeatures{display:flex;justify-content:center;gap:48px;margin-top:48px;flex-wrap:wrap}
.FeatureItem{display:flex;flex-direction:column;align-items:center;gap:12px}
.FeatureItem i{font-size:2.5rem;color:#fff;background:#ffffff26;width:80px;height:80px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:transform .3s ease-in}
.FeatureItem:hover i{transform:scale(1.1)}
.FeatureItem span{color:#fff;font-size:1.1rem;font-weight:600}
.ProgressTracking45{padding:80px 20px;background:#fff}
.ProgressTracking45 .TrackingWrapper{max-width:1024px;margin:0 auto}
.ProgressTracking45 h2{font-size:2.5rem;color:#252B38;margin-bottom:20px;font-weight:700}
.ProgressTracking45 .IntroDesc{color:#5a6270;font-size:1.1rem;line-height:1.7;margin-bottom:48px;max-width:760px}
.MetricsDisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-bottom:48px}
.MetricBox{background:linear-gradient(135deg,#f8f9fb 0%,#fff 100%);padding:32px 24px;border-radius:8px;text-align:center;box-shadow:0 4px 12px #252b380f;border-top:3px solid #FF5A88}
.MetricBox .MetricNumber{font-size:2.8rem;color:#FF5A88;font-weight:700;margin-bottom:8px;display:block}
.MetricBox .MetricLabel{color:#252B38;font-size:1rem;font-weight:600}
.ProgressBars{display:flex;flex-direction:column;gap:28px}
.ProgressItem{display:flex;flex-direction:column;gap:8px}
.ProgressItem .ProgressLabel{display:flex;justify-content:space-between;align-items:center;color:#252B38;font-weight:600;font-size:1.05rem}
.ProgressItem .ProgressPercent{color:#FF5A88;font-weight:700}
.ProgressBarTrack{width:100%;height:12px;background:#D9DFE8;border-radius:6px;overflow:hidden;position:relative}
.ProgressBarFill{height:100%;background:linear-gradient(90deg,#FF5A88 0%,#ff7da3 100%);border-radius:6px;transition:width .8s ease-in}
.ProgressBarFill.w-85{width:85%}
.ProgressBarFill.w-92{width:92%}
.ProgressBarFill.w-78{width:78%}
.ProgressBarFill.w-88{width:88%}
.CtaFinalSection{padding:80px 20px;background:linear-gradient(180deg,#f8f9fb 0%,#fff 100%);text-align:center}
.CtaFinalSection h2{font-size:2.4rem;color:#252B38;margin-bottom:20px;font-weight:700}
.CtaFinalSection p{color:#5a6270;font-size:1.15rem;line-height:1.6;margin-bottom:36px;max-width:680px;margin-left:auto;margin-right:auto}
.CtaButton--final{display:inline-block;padding:18px 48px;background:linear-gradient(90deg,#252B38 0%,#3a4254 100%);color:#fff;text-decoration:none;border-radius:8px;font-size:1.15rem;font-weight:600;transition:transform .3s ease-in,box-shadow .3s ease-in;box-shadow:0 6px 16px #252b3833;z-index:10;position:relative}
.CtaButton--final:hover{transform:translateY(-3px);box-shadow:0 10px 24px #252b384d}
@media (max-width: 768px) {
.HeroSection12{flex-direction:column;padding:60px 20px}
.HeroImgContainer{flex:0 0 auto;width:100%}
.HeroImgContainer img{height:300px}
.HeroContent--wrapper .ProblemStatement9{font-size:2rem}
.OutcomeCardsContainer{grid-template-columns:1fr;gap:24px}
.GeographyInner{flex-direction:column;gap:32px}
.GeographyVisual{flex:0 0 auto;width:100%}
.ImpactGrid{grid-template-columns:1fr;gap:28px}
.MetricsDisplay{grid-template-columns:repeat(2,1fr);gap:16px}
.CommunityFeatures{gap:32px}
}
@media (max-width: 480px) {
.HeroContent--wrapper .ProblemStatement9{font-size:1.75rem}
.HeroContent--wrapper .SolutionText7{font-size:1.1rem}
.MetricsDisplay{grid-template-columns:1fr}
.SocialImpact87 h2,.ProgressTracking45 h2{font-size:2rem}
}
.MainContact{background:linear-gradient(142deg,#D9DFE8 0%,#fff 100%);overflow:hidden}
.HeroContactSection{position:relative;max-width:1024px;margin:0 auto;padding:80px 20px;display:flex;align-items:center;gap:60px}
.HeroContactSection::before{content:'';position:absolute;top:-100px;right:-200px;width:800px;height:800px;background:linear-gradient(217deg,#ff5a8814 0%,transparent 70%);transform:rotate(45deg);pointer-events:none}
.HeroContactSection::after{content:'';position:absolute;bottom:-150px;left:-100px;width:600px;height:600px;background:repeating-linear-gradient(-35deg,transparent,transparent 20px,#252b3808 20px,#252b3808 40px);pointer-events:none}
.HeroContact__content{flex:1;position:relative;z-index:2}
.HeroContact__title{font-size:3rem;font-weight:700;color:#252B38;margin:0 0 24px;line-height:1.15}
.HeroContact__description{font-size:1.15rem;color:#555;margin:0 0 36px;line-height:1.6}
.HeroContact__buttons{display:flex;gap:16px;flex-wrap:wrap}
.HeroContact__btn{padding:14px 32px;border-radius:8px;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease-in;display:inline-flex;align-items:center;gap:8px}
.HeroContact__btn--primary7{background:linear-gradient(135deg,#FF5A88 0%,#ff7ba0 100%);color:#fff;border:none}
.HeroContact__btn--primary7:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff5a884d}
.HeroContact__btn--secondary4{background:transparent;color:#252B38;border:2px solid #252B38}
.HeroContact__btn--secondary4:hover{background:#252B38;color:#fff}
.HeroContact__visual{flex:0 0 420px;position:relative;z-index:2}
.HeroContact__image{width:100%;height:380px;object-fit:cover;border-radius:12px;position:relative;filter:hue-rotate(5deg) saturate(1.1);box-shadow:0 12px 40px #252b3826}
.HeroContact__image::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff5a8826 0%,#252b381a 100%);border-radius:12px}
.ContactInfo__section{max-width:1024px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.InfoCard__wrapper{background:#fff;padding:40px 28px;border-radius:10px;box-shadow:0 4px 16px #252b3814;transition:all .3s ease-in;position:relative;overflow:hidden}
.InfoCard__wrapper::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF5A88 0%,#ff7ba0 100%);transform:scaleY(0);transition:transform .3s ease-in}
.InfoCard__wrapper:hover{transform:translateY(-4px);box-shadow:0 8px 24px #252b381f}
.InfoCard__wrapper:hover::before{transform:scaleY(1)}
.InfoCard__icon{width:56px;height:56px;background:linear-gradient(135deg,#FF5A88 0%,#ff7ba0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.InfoCard__icon i{font-size:1.5rem;color:#fff}
.InfoCard__title{font-size:1.25rem;font-weight:700;color:#252B38;margin:0 0 12px}
.InfoCard__detail{font-size:1rem;color:#666;margin:0;line-height:1.7}
.InfoCard__detail a{color:#FF5A88;text-decoration:none;transition:color .3s ease-in}
.InfoCard__detail a:hover{color:#252B38}
.FormSection__block{background:#fff;padding:80px 20px}
.FormSection__container{max-width:720px;margin:0 auto}
.FormSection__header{text-align:center;margin-bottom:48px}
.FormSection__heading{font-size:2.25rem;font-weight:700;color:#252B38;margin:0 0 16px;position:relative;display:inline-block}
.FormSection__heading::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF5A88 0%,#ff7ba0 100%);border-radius:2px}
.FormSection__subtext{font-size:1.1rem;color:#666;margin:0}
.ContactFormArea{background:#fafbfc;padding:48px 40px;border-radius:12px;border:1px solid #D9DFE8}
.FormGrid__layout{display:flex;flex-direction:column;gap:24px}
.FormField__group{display:flex;flex-direction:column;gap:8px}
.FormField__label{font-size:.95rem;font-weight:600;color:#252B38}
.FormField__input{padding:14px 16px;border:2px solid #D9DFE8;border-radius:8px;font-size:1rem;color:#252B38;background:#fff;transition:all .3s ease-in}
.FormField__input:focus{outline:none;border-color:#FF5A88;box-shadow:0 0 0 3px #ff5a881a}
.FormField__input::placeholder{color:#999}
.FormField__textarea{padding:14px 16px;border:2px solid #D9DFE8;border-radius:8px;font-size:1rem;color:#252B38;background:#fff;min-height:140px;resize:vertical;font-family:inherit;transition:all .3s ease-in}
.FormField__textarea:focus{outline:none;border-color:#FF5A88;box-shadow:0 0 0 3px #ff5a881a}
.PrivacyCheck__wrapper{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.PrivacyCheck__input{margin-top:4px;width:18px;height:18px;cursor:pointer;accent-color:#FF5A88}
.PrivacyCheck__text{font-size:.9rem;color:#666;line-height:1.5}
.PrivacyCheck__text a{color:#FF5A88;text-decoration:none;font-weight:600}
.PrivacyCheck__text a:hover{text-decoration:underline}
.FormSubmit__btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#252B38 0%,#3a4255 100%);color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease-in;margin-top:16px;position:relative;z-index:1}
.FormSubmit__btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #252b3840;background:linear-gradient(135deg,#3a4255 0%,#252B38 100%)}
.FormSubmit__btn:active{transform:translateY(0)}
.LocationHours__section{background:linear-gradient(155deg,#252B38 0%,#3a4255 100%);padding:80px 20px;position:relative}
.LocationHours__section::before{content:'';position:absolute;top:0;right:0;width:50%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 30px,#ffffff05 30px,#ffffff05 60px);pointer-events:none}
.LocationHours__container{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.LocationHours__title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 48px;text-align:center}
.LocationHours__grid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.LocationBox{background:#ffffff0d;padding:36px 32px;border-radius:10px;border:1px solid #ffffff1a}
.LocationBox__heading{font-size:1.4rem;font-weight:700;color:#FF5A88;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.LocationBox__heading i{font-size:1.6rem}
.LocationBox__address{font-size:1.05rem;color:#D9DFE8;line-height:1.7;margin:0 0 16px}
.LocationBox__link{display:inline-flex;align-items:center;gap:8px;color:#fff;text-decoration:none;font-weight:600;transition:color .3s ease-in;margin-top:12px}
.LocationBox__link:hover{color:#FF5A88}
.HoursBox{background:#ffffff0d;padding:36px 32px;border-radius:10px;border:1px solid #ffffff1a}
.HoursBox__heading{font-size:1.4rem;font-weight:700;color:#FF5A88;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.HoursBox__heading i{font-size:1.6rem}
.HoursBox__item{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #ffffff14;font-size:1rem;color:#D9DFE8}
.HoursBox__item:last-child{border-bottom:none}
.HoursBox__day{font-weight:600}
.HoursBox__time{color:#fff}
@media (max-width: 768px) {
.HeroContactSection{flex-direction:column;padding:60px 20px;gap:40px}
.HeroContact__visual{flex:0 0 auto;width:100%}
.HeroContact__image{height:280px}
.HeroContact__title{font-size:2.25rem}
.HeroContact__description{font-size:1.05rem}
.HeroContact__buttons{flex-direction:column}
.HeroContact__btn{width:100%;justify-content:center}
.ContactInfo__section{grid-template-columns:1fr;padding:60px 20px;gap:24px}
.FormSection__block{padding:60px 20px}
.FormSection__heading{font-size:1.85rem}
.ContactFormArea{padding:32px 24px}
.LocationHours__section{padding:60px 20px}
.LocationHours__title{font-size:1.75rem}
.LocationHours__grid{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 480px) {
.HeroContact__title{font-size:1.85rem}
.FormSection__heading{font-size:1.65rem}
.ContactFormArea{padding:24px 20px}
}
.PageMain{overflow-x:hidden}
.TitleHero-wrapper{position:relative;height:520px;overflow:hidden;margin-bottom:68px}
.TitleHero-wrapper .bg-image-layer{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.TitleHero-wrapper .bg-image-layer img{width:100%;height:100%;object-fit:cover;filter:brightness(0.42)}
.TitleHero-wrapper .ColorOverlay23{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(143deg,#252b38bd 0%,#ff5a8861 100%);z-index:2}
.TitleHero-wrapper .content-float-box{position:relative;z-index:3;height:100%;display:flex;align-items:center;justify-content:center}
.TitleHero-wrapper .inner-content-box{max-width:1024px;width:90%;margin:0 auto;text-align:center}
.TitleHero-wrapper .MainTitle84{font-size:54px;font-weight:700;color:#fff;line-height:1.2;margin-bottom:18px;letter-spacing:-.5px}
.TitleHero-wrapper .MainTitle84 .accent-word{color:#FF5A88;position:relative;display:inline-block}
.TitleHero-wrapper .MainTitle84 .accent-word::after{content:'';position:absolute;bottom:-6px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF5A88 0%,#ff5a884d 100%)}
.TitleHero-wrapper .subtitle-text-hero{font-size:19px;color:#D9DFE8;max-width:680px;margin:0 auto;line-height:1.6}
.NewsGrid-Section{padding:76px 0 84px;background:linear-gradient(168deg,#fff 0%,#f7f8fa 100%)}
.NewsGrid-Section .container-centered{max-width:1024px;width:90%;margin:0 auto}
.NewsGrid-Section .section-intro-box{text-align:center;margin-bottom:64px}
.NewsGrid-Section .HeadingTwo92{font-size:38px;font-weight:700;color:#252B38;margin-bottom:16px;line-height:1.3}
.NewsGrid-Section .intro-paragraph{font-size:17px;color:#5a5f6b;max-width:620px;margin:0 auto;line-height:1.65}
.NewsGrid-Section .news-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.NewsGrid-Section .NewsCard17{background:#fff;border-radius:8px;overflow:hidden;box-shadow:0 2px 12px #252b3814;transition:all .3s ease-out}
.NewsGrid-Section .NewsCard17:hover{transform:translateY(-6px);box-shadow:0 8px 24px #252b3824}
.NewsGrid-Section .card-image-wrapper{width:100%;height:220px;overflow:hidden;position:relative}
.NewsGrid-Section .card-image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease-out}
.NewsGrid-Section .NewsCard17:hover .card-image-wrapper img{transform:scale(1.08)}
.NewsGrid-Section .date-badge-overlay{position:absolute;top:16px;right:16px;background:#ff5a88f2;color:#fff;padding:6px 14px;border-radius:6px;font-size:13px;font-weight:600;z-index:2}
.NewsGrid-Section .card-content-body{padding:28px 24px}
.NewsGrid-Section .CardHeading56{font-size:22px;font-weight:700;color:#252B38;margin-bottom:12px;line-height:1.4}
.NewsGrid-Section .card-excerpt{font-size:15px;color:#5a5f6b;line-height:1.6;margin-bottom:20px}
.NewsGrid-Section .read-more-link{display:inline-flex;align-items:center;font-size:15px;font-weight:600;color:#FF5A88;text-decoration:none;transition:all .25s ease-in;gap:6px}
.NewsGrid-Section .read-more-link:hover{color:#252B38;gap:10px}
.NewsGrid-Section .read-more-link i{font-size:18px}
.timeline-updates-section{padding:88px 0;background:#252B38;position:relative}
.timeline-updates-section::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(217deg,#ff5a8814 0%,transparent 60%);pointer-events:none}
.timeline-updates-section .wrapper-content-center{max-width:1024px;width:90%;margin:0 auto;position:relative;z-index:2}
.timeline-updates-section .section-head-text{text-align:center;margin-bottom:72px}
.timeline-updates-section .MainHeadingThree{font-size:36px;font-weight:700;color:#fff;margin-bottom:14px;line-height:1.3}
.timeline-updates-section .description-para{font-size:17px;color:#D9DFE8;max-width:580px;margin:0 auto;line-height:1.6}
.timeline-updates-section .timeline-container{position:relative}
.timeline-updates-section .timeline-line-vertical{position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,#ff5a8866 0%,#d9dfe833 100%);transform:translateX(-50%)}
.timeline-updates-section .TimelineItem92{display:flex;margin-bottom:48px;position:relative}
.timeline-updates-section .TimelineItem92:nth-child(odd){flex-direction:row}
.timeline-updates-section .TimelineItem92:nth-child(even){flex-direction:row-reverse}
.timeline-updates-section .timeline-content-box{width:calc(50% - 40px);background:#ffffff0f;padding:28px 32px;border-radius:10px;border:1px solid #d9dfe81f;transition:all .3s ease-in-out}
.timeline-updates-section .TimelineItem92:nth-child(odd) .timeline-content-box{margin-right:auto}
.timeline-updates-section .TimelineItem92:nth-child(even) .timeline-content-box{margin-left:auto}
.timeline-updates-section .timeline-content-box:hover{background:#ff5a881f;border-color:#ff5a884d;transform:scale(1.03)}
.timeline-updates-section .timeline-date-badge{display:inline-block;font-size:13px;font-weight:600;color:#FF5A88;background:#ff5a882e;padding:4px 12px;border-radius:5px;margin-bottom:12px}
.timeline-updates-section .timeline-heading-text{font-size:24px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.3}
.timeline-updates-section .timeline-description{font-size:15px;color:#D9DFE8;line-height:1.6}
.timeline-updates-section .timeline-dot-marker{position:absolute;left:50%;top:28px;width:16px;height:16px;background:#FF5A88;border:3px solid #252B38;border-radius:50%;transform:translateX(-50%);z-index:3;box-shadow:0 0 0 4px #ff5a8833}
@media (max-width: 768px) {
.TitleHero-wrapper{height:420px;margin-bottom:48px}
.TitleHero-wrapper .MainTitle84{font-size:36px}
.TitleHero-wrapper .subtitle-text-hero{font-size:16px}
.NewsGrid-Section{padding:56px 0 64px}
.NewsGrid-Section .HeadingTwo92{font-size:30px}
.NewsGrid-Section .news-items-grid{grid-template-columns:1fr;gap:28px}
.timeline-updates-section{padding:64px 0}
.timeline-updates-section .MainHeadingThree{font-size:28px}
.timeline-updates-section .timeline-line-vertical{left:24px}
.timeline-updates-section .TimelineItem92{flex-direction:row!important;padding-left:48px}
.timeline-updates-section .TimelineItem92:nth-child(even){flex-direction:row!important}
.timeline-updates-section .timeline-content-box{width:100%;margin-left:0!important;margin-right:0!important}
.timeline-updates-section .timeline-dot-marker{left:24px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.NewsGrid-Section .news-items-grid{grid-template-columns:repeat(2,1fr)}
}
.startPrep{max-width:1024px;margin:0 auto;padding:0 20px}
.IntroZone{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;padding:80px 0;position:relative}
.IntroZone::before{content:'';position:absolute;top:20px;left:-10px;width:120px;height:120px;background:radial-gradient(circle,#FF5A88 0%,transparent 70%);opacity:.15;border-radius:50%}
.IntroZone::after{content:'';position:absolute;bottom:30px;right:-5px;width:8px;height:8px;background:#D9DFE8;border-radius:50%;box-shadow:16px 16px 0 #D9DFE8,32px 0 0 #D9DFE8,16px -16px 0 #D9DFE8}
.TitleContent--wrapper{position:relative;z-index:2}
.MainTitle27{font-size:48px;font-weight:700;color:#252B38;line-height:1.15;margin:0 0 32px;letter-spacing:-.5px}
.TitleDecor::before{content:'';position:absolute;left:-20px;top:12px;width:4px;height:40px;background:linear-gradient(135deg,#FF5A88 0%,#252B38 100%);border-radius:2px}
.StartBtn{display:inline-block;padding:16px 36px;background:linear-gradient(125deg,#FF5A88 0%,#252B38 100%);color:#fff;text-decoration:none;border-radius:8px;font-weight:600;font-size:16px;transition:transform .3s ease-in,box-shadow .3s ease-in;position:relative;z-index:3}
.StartBtn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff5a8859}
.ImageHolder--intro{position:relative;border-radius:12px;overflow:hidden;height:420px}
.ImageHolder--intro::before{content:'';position:absolute;top:-15px;right:-15px;width:100px;height:100px;border:3px dotted #D9DFE8;border-radius:8px;z-index:2}
.ImageHolder--intro::after{content:'';position:absolute;bottom:-12px;left:-12px;width:80px;height:80px;border:2px dotted #FF5A88;border-radius:50%;opacity:.4;z-index:2}
.ImageHolder--intro img{width:100%;height:100%;object-fit:cover;filter:grayscale(0.2) contrast(1.1);mix-blend-mode:multiply;background:linear-gradient(135deg,#FF5A88 0%,#252B38 100%)}
.PrepLayout{background:linear-gradient(168deg,#f8f9fb 0%,#fff 45%,#f4f5f8 100%);padding:90px 0;position:relative;overflow:hidden}
.PrepLayout::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:2px;background:linear-gradient(90deg,transparent 0%,#D9DFE8 50%,transparent 100%)}
.ContentMesh{display:grid;grid-template-columns:repeat(3,1fr);gap:36px;max-width:1024px;margin:0 auto;padding:0 20px}
.PrepCard{background:#fff;padding:40px 32px;border-radius:10px;border:1px solid #D9DFE8;position:relative;transition:transform .3s ease-in,box-shadow .3s ease-in}
.PrepCard:hover{transform:translateY(-6px);box-shadow:0 12px 28px #252b381f}
.PrepCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF5A88 0%,#252B38 100%);border-radius:10px 10px 0 0}
.IconBox94{width:56px;height:56px;background:linear-gradient(135deg,#ff5a881a 0%,#252b3814 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.IconBox94 i{font-size:28px;color:#FF5A88}
.CardHeading{font-size:22px;font-weight:700;color:#252B38;margin:0 0 16px;line-height:1.3}
.CardText{font-size:15px;line-height:1.65;color:#4a5568;margin:0 0 12px}
.TestimonialSection{padding:100px 0;position:relative}
.TestimonialSection::before{content:'';position:absolute;top:50%;left:0;width:100%;height:1px;background:radial-gradient(circle,#D9DFE8 0%,transparent 70%);transform:translateY(-50%)}
.TestimonialContainer{max-width:1024px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 2fr;gap:64px;align-items:center}
.ProfileSide{position:relative;z-index:2}
.ProfileImageWrap{position:relative;width:280px;height:340px;margin:0 auto}
.ProfileImageWrap::before{content:'';position:absolute;top:-16px;left:-16px;width:100%;height:100%;background:linear-gradient(125deg,#FF5A88 0%,#252B38 100%);border-radius:12px;z-index:1}
.ProfileImageWrap img{position:relative;width:100%;height:100%;object-fit:cover;border-radius:12px;z-index:2}
.ProfileImageWrap::after{content:'';position:absolute;bottom:-12px;right:-12px;width:60%;height:60%;border:2px solid #D9DFE8;border-radius:12px;z-index:1}
.TestimonialContent{background:#fff;padding:48px;border-radius:10px;box-shadow:0 4px 16px #252b3814;position:relative;z-index:2}
.QuoteIcon{width:48px;height:48px;background:#FF5A88;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.QuoteIcon i{font-size:24px;color:#fff}
.TestimonialText{font-size:18px;line-height:1.7;color:#4a5568;margin:0 0 24px;font-style:italic}
.AuthorInfo{display:flex;align-items:center;gap:16px}
.AuthorImage{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #D9DFE8}
.AuthorDetails h4{font-size:17px;font-weight:700;color:#252B38;margin:0 0 4px}
.AuthorDetails p{font-size:14px;color:#718096;margin:0}
@media (max-width: 768px) {
.IntroZone{grid-template-columns:1fr;gap:32px;padding:60px 0}
.MainTitle27{font-size:36px;margin-bottom:24px}
.ImageHolder--intro{height:320px}
.ContentMesh{grid-template-columns:1fr;gap:24px}
.TestimonialContainer{grid-template-columns:1fr;gap:40px}
.ProfileImageWrap{width:220px;height:280px}
.TestimonialContent{padding:32px 24px}
.TestimonialText{font-size:16px}
.PrepLayout{padding:60px 0}
.TestimonialSection{padding:70px 0}
}
@media (max-width: 480px) {
.MainTitle27{font-size:28px}
.StartBtn{padding:14px 28px;font-size:15px}
.CardHeading{font-size:19px}
.CardText{font-size:14px}
.TestimonialText{font-size:15px}
}
.SuccessPageMain{background:linear-gradient(138deg,#D9DFE8 0%,#fff 48%,#f8f9fb 100%);min-height:calc(100vh - 80px);display:flex;align-items:center;justify-content:center;padding:60px 20px}
.success-ContentWrapper{max-width:720px;margin:0 auto;width:100%}
.ConfirmationCard{background:#fff;border-radius:12px;padding:64px 48px;box-shadow:0 4px 16px #252b3814 0 1px 4px #252b380a;position:relative;overflow:hidden}
.ConfirmationCard::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(93deg,#FF5A88 0%,#252B38 100%)}
.IconCircle--success{width:96px;height:96px;background:linear-gradient(142deg,#FF5A88 0%,#ff7aa0 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 32px;position:relative;box-shadow:0 8px 24px #ff5a883d}
.IconCircle--success::after{content:'';position:absolute;width:112px;height:112px;border:2px solid #ff5a8833;border-radius:50%;animation:pulseRing3 2.4s ease-in infinite}
@keyframes pulseRing3 {
0%{transform:scale(0.95);opacity:1}
50%{transform:scale(1.08);opacity:.6}
100%{transform:scale(0.95);opacity:1}
}
.IconCircle--success i{font-size:48px;color:#fff;line-height:1}
.TitleSection--centered{text-align:center;margin-bottom:42px}
.MainHeading--confirmation{font-size:38px;font-weight:700;color:#252B38;margin:0 0 18px;line-height:1.2}
.DescriptionText--main{font-size:18px;line-height:1.6;color:#5a6170;margin:0 0 14px}
.SecondaryDescription{font-size:16px;line-height:1.65;color:#6f7685;margin:0}
.InfoBox--nextSteps{background:linear-gradient(127deg,#f7f9fc 0%,#fff 100%);border-left:4px solid #FF5A88;padding:28px 32px;border-radius:8px;margin:38px 0}
.InfoBox--nextSteps h3{font-size:20px;font-weight:600;color:#252B38;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.InfoBox--nextSteps h3 i{color:#FF5A88;font-size:24px}
.InfoBox--nextSteps p{font-size:15px;line-height:1.7;color:#5a6170;margin:0}
.ContactDetails--wrapper7{display:flex;flex-direction:column;gap:18px;margin:32px 0;padding:24px;background:#fafbfc;border-radius:8px}
.DetailItem--contact{display:flex;align-items:center;gap:14px;font-size:15px;color:#5a6170}
.DetailItem--contact i{font-size:20px;color:#FF5A88;width:24px;text-align:center}
.DetailItem--contact a{color:#252B38;text-decoration:none;font-weight:500;transition:color .25s ease-in}
.DetailItem--contact a:hover{color:#FF5A88}
.ButtonGroup--actions{display:flex;gap:16px;justify-content:center;margin-top:42px}
.Button--primary9{background:linear-gradient(129deg,#FF5A88 0%,#ff4278 100%);color:#fff;padding:16px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;border:none;cursor:pointer;box-shadow:0 4px 12px #ff5a8847;transition:all .3s ease-in;position:relative;z-index:2}
.Button--primary9:hover{transform:translateY(-2px);box-shadow:0 6px 18px #ff5a885c}
.Button--secondary3{background:#fff;color:#252B38;padding:16px 36px;border-radius:8px;text-decoration:none;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;border:2px solid #D9DFE8;cursor:pointer;transition:all .3s ease-in;position:relative;z-index:2}
.Button--secondary3:hover{border-color:#252B38;transform:translateY(-2px);box-shadow:0 4px 12px #252b381f}
.DecorativeElement--top{position:absolute;top:-40px;right:-40px;width:180px;height:180px;background:linear-gradient(217deg,#ff5a8814 0%,#d9dfe81f 100%);border-radius:50%;z-index:0}
.DecorativeElement--bottom{position:absolute;bottom:-60px;left:-60px;width:220px;height:220px;background:linear-gradient(54deg,#252b380a 0%,#d9dfe814 100%);border-radius:50%;z-index:0}
@media (max-width: 768px) {
.SuccessPageMain{padding:40px 16px}
.ConfirmationCard{padding:48px 28px}
.MainHeading--confirmation{font-size:32px}
.DescriptionText--main{font-size:16px}
.ButtonGroup--actions{flex-direction:column;gap:12px}
.Button--primary9,.Button--secondary3{width:100%;justify-content:center}
.ContactDetails--wrapper7{padding:20px}
.DecorativeElement--top{width:120px;height:120px;top:-30px;right:-30px}
.DecorativeElement--bottom{width:140px;height:140px;bottom:-40px;left:-40px}
}
@media (max-width: 480px) {
.IconCircle--success{width:80px;height:80px}
.IconCircle--success i{font-size:40px}
.MainHeading--confirmation{font-size:28px}
.InfoBox--nextSteps{padding:22px 20px}
.InfoBox--nextSteps h3{font-size:18px}
}