@import "https://fonts.googleapis.com/css2?family=Figtree:wght@300;400;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{font-family:'Figtree',-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;color:#06494E;background:#F8F7EE;overflow-x:hidden}
body::-webkit-scrollbar{width:14px}
body::-webkit-scrollbar-track{background:linear-gradient(180deg,#F8F7EE 0%,#f8f7ee80 100%);box-shadow:inset 0 2px 6px #06494e1a}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#F23579 0%,#06494E 100%);border-radius:10px;border:2px solid #F8F7EE;box-shadow:0 3px 8px #f235794d}
body::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#06494E 0%,#F23579 100%);box-shadow:0 4px 12px #06494e66}
.SiteHeader{background:linear-gradient(135deg,#06494E 0%,#06494ef2 50%,#0a5d64 100%);padding:28px 0;box-shadow:0 6px 16px #06494e40 0 2px 6px #f2357926;position:relative}
.SiteHeader::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#F23579 0%,#06494E 50%,#F23579 100%)}
.HeaderWrapper{max-width:960px;margin:0 auto;padding:0 20px}
.HeaderGrid{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;gap:18px 24px;align-items:center}
.LogoBox{grid-row:1 / 2;grid-column:1 / 2;display:flex;align-items:center;justify-content:center}
.LogoBox img{height:95px;width:95px;object-fit:contain;background:#f8f7ee1f;padding:10px;border-radius:12px;box-shadow:0 4px 10px #0003 inset 0 1px 3px #ffffff1a}
.BrandNameBox{grid-row:1 / 2;grid-column:2 / 3;display:flex;align-items:center;justify-content:flex-end}
.BrandText{font-size:32px;font-weight:700;color:#F8F7EE;text-shadow:2px 2px 6px #f2357966 0 1px 3px #0000004d;letter-spacing:.5px}
.MainNavBox{grid-row:2 / 3;grid-column:1 / 3;margin-top:12px;padding-top:16px;border-top:1px solid #f8f7ee33}
.NavList{list-style:none;display:flex;gap:32px;justify-content:center;flex-wrap:wrap}
.NavList li a{color:#F8F7EE;text-decoration:none;font-size:17px;font-weight:400;padding:8px 16px;border-radius:8px;transition:background .25s ease,color .25s ease;display:block}
.NavList li a:hover{background:#f2357933;color:#F23579}
.SiteFooter{background:linear-gradient(135deg,#0a5d64 0%,#06494E 100%);color:#F8F7EE;padding:32px 0;margin-top:60px;box-shadow:0 -4px 12px #06494e33}
.FooterWrapper{max-width:960px;margin:0 auto;padding:0 20px}
.FooterSingleLine{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}
.FooterNavList{list-style:none;display:flex;gap:28px;flex-wrap:wrap}
.FooterNavList li a{color:#F8F7EE;text-decoration:none;font-size:15px;font-weight:300;transition:color .25s ease}
.FooterNavList li a:hover{color:#F23579}
.CopyrightText{font-size:14px;font-weight:300;color:#f8f7eecc}
.ConsentPanel{position:fixed;top:20px;left:20px;width:340px;background:linear-gradient(160deg,#F8F7EE 0%,#fff 100%);border-radius:12px;padding:24px;box-shadow:0 8px 24px #06494e4d 0 4px 12px #f2357926;z-index:10000;border:2px solid #06494E;display:none;animation:slideUpPanel .4s ease-out}
.ConsentPanel.showing{display:block}
.ConsentPanel.hiding{animation:slideDownPanel .4s ease-in forwards}
@keyframes slideUpPanel {
from{transform:translateY(120%);opacity:0}
to{transform:translateY(0);opacity:1}
}
@keyframes slideDownPanel {
from{transform:translateY(0);opacity:1}
to{transform:translateY(120%);opacity:0}
}
.ConsentPanel h3{font-size:20px;font-weight:700;color:#06494E;margin-bottom:12px}
.ConsentPanel p{font-size:14px;line-height:1.5;color:#06494E;margin-bottom:18px}
.ConsentActions{display:flex;gap:12px;flex-direction:column}
.ConsentBtn{padding:10px 18px;border:2px solid #06494E;background:transparent;color:#06494E;font-size:15px;font-weight:600;border-radius:8px;cursor:pointer;transition:all .25s ease;font-family:'Figtree',sans-serif}
.ConsentBtn:hover{background:#06494E;color:#F8F7EE;box-shadow:0 4px 10px #06494e40}
.ConsentBtn.AccentBtn{border-color:#F23579;color:#F23579}
.ConsentBtn.AccentBtn:hover{background:#F23579;color:#F8F7EE;box-shadow:0 4px 10px #f2357940}
@media (max-width: 768px) {
.HeaderGrid{grid-template-columns:1fr;grid-template-rows:auto auto auto;gap:16px;text-align:center}
.LogoBox{grid-row:1 / 2;grid-column:1 / 2;justify-content:center}
.BrandNameBox{grid-row:2 / 3;grid-column:1 / 2;justify-content:center}
.BrandText{font-size:26px}
.MainNavBox{grid-row:3 / 4;grid-column:1 / 2}
.NavList{flex-direction:column;gap:12px;align-items:center}
.FooterSingleLine{flex-direction:column;text-align:center}
.FooterNavList{flex-direction:column;gap:14px;align-items:center}
.ConsentPanel{width:calc(100% - 40px);left:20px;right:20px}
}
@media (max-width: 480px) {
.LogoBox img{height:75px;width:75px}
.BrandText{font-size:22px}
.NavList li a{font-size:16px;padding:8px 12px}
}
.policy-section-rh{max-width:960px;margin:0 auto;padding:60px 24px;background:#F8F7EE}
.policy-section-rh h1{font-size:42px;line-height:1.2;color:#06494E;margin:0 0 32px;font-weight:700;padding-bottom:24px;border-bottom:4px solid #F23579}
.policy-section-rh h2{font-size:32px;line-height:1.3;color:#06494E;margin:56px 0 24px;font-weight:700}
.policy-section-rh h3{font-size:24px;line-height:1.4;color:#06494E;margin:40px 0 20px;font-weight:600}
.policy-section-rh h4{font-size:20px;line-height:1.4;color:#06494E;margin:32px 0 16px;font-weight:600}
.policy-section-rh h5{font-size:18px;line-height:1.5;color:#06494E;margin:28px 0 14px;font-weight:600}
.policy-section-rh h6{font-size:16px;line-height:1.5;color:#06494E;margin:24px 0 12px;font-weight:600}
.policy-section-rh p{font-size:17px;line-height:1.75;color:#06494E;margin:0 0 20px}
.policy-section-rh ul{margin:0 0 24px;padding:0 0 0 32px;list-style-type:disc}
.policy-section-rh ol{margin:0 0 24px;padding:0 0 0 32px;list-style-type:decimal}
.policy-section-rh li{font-size:17px;line-height:1.75;color:#06494E;margin:0 0 12px}
.policy-section-rh ul ul{margin:12px 0;padding-left:24px;list-style-type:circle}
.policy-section-rh ol ol{margin:12px 0;padding-left:24px;list-style-type:lower-alpha}
.policy-section-rh strong,.policy-section-rh b{font-weight:700;color:#06494E}
.policy-section-rh em,.policy-section-rh i{font-style:italic;color:#06494E}
.policy-section-rh table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:2px 4px 8px #06494e1f}
.policy-section-rh thead{background:linear-gradient(135deg,#F23579 0%,#06494E 100%)}
.policy-section-rh thead tr{border:none}
.policy-section-rh tbody{background:#fff}
.policy-section-rh tr{border-bottom:1px solid #06494e1a}
.policy-section-rh tbody tr:last-child{border-bottom:none}
.policy-section-rh th{font-size:16px;font-weight:700;color:#F8F7EE;padding:18px 20px;text-align:left;line-height:1.5}
.policy-section-rh td{font-size:16px;color:#06494E;padding:16px 20px;line-height:1.6}
.policy-section-rh tbody tr:nth-child(even){background:#f8f7ee66}
.policy-section-rh div{margin:0}
@media (max-width: 768px) {
.policy-section-rh{padding:40px 20px}
.policy-section-rh h1{font-size:32px;margin-bottom:24px;padding-bottom:16px}
.policy-section-rh h2{font-size:26px;margin:40px 0 20px}
.policy-section-rh h3{font-size:22px;margin:32px 0 16px}
.policy-section-rh h4{font-size:19px;margin:28px 0 14px}
.policy-section-rh h5{font-size:17px;margin:24px 0 12px}
.policy-section-rh h6{font-size:16px;margin:20px 0 10px}
.policy-section-rh p{font-size:16px;line-height:1.7}
.policy-section-rh li{font-size:16px;line-height:1.7}
.policy-section-rh ul,.policy-section-rh ol{padding-left:24px}
.policy-section-rh table{font-size:14px;margin:24px 0}
.policy-section-rh th{font-size:14px;padding:14px 12px}
.policy-section-rh td{font-size:14px;padding:12px}
}
@media (max-width: 480px) {
.policy-section-rh{padding:32px 16px}
.policy-section-rh h1{font-size:28px}
.policy-section-rh h2{font-size:24px}
.policy-section-rh h3{font-size:20px}
.policy-section-rh table{display:block;overflow-x:auto}
}
.titleStage{max-width:960px;margin:0 auto;padding:80px 20px 60px;position:relative;overflow:hidden}
.titleStage::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#F8F7EE 0%,#f2357914 100%);opacity:.4;z-index:1;pointer-events:none}
.titleStage .innerWrapper{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.titleStage .textPanel h1{font-size:3.2rem;line-height:1.15;margin:0 0 16px;color:#06494E;font-weight:700}
.titleStage .textPanel h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#F23579 0%,#06494E 100%);margin-top:20px}
.titleStage .textPanel .subline{font-size:1.25rem;line-height:1.6;color:#06494E;margin-bottom:32px;opacity:.85}
.titleStage .imagePanel{position:relative}
.titleStage .imagePanel img{width:100%;height:420px;object-fit:cover;border-radius:12px;filter:contrast(1.1) saturate(0.9);box-shadow:0 8px 24px #06494e26}
.titleStage .ctaBtn{display:inline-block;padding:16px 36px;background:linear-gradient(135deg,#F23579 0%,#06494E 100%);color:#F8F7EE;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.05rem;transition:transform .3s ease,box-shadow .3s ease;box-shadow:0 4px 12px #f235794d;z-index:10;position:relative}
.titleStage .ctaBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #f2357966}
.metricsGallery{max-width:960px;margin:80px auto;padding:0 20px}
.metricsGallery .sectionLabel{text-align:center;font-size:2.4rem;color:#06494E;margin-bottom:60px;font-weight:700}
.metricsGallery .gridLayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.metricsGallery .statCard{background:#F8F7EE;padding:40px 24px;border-radius:12px;text-align:center;border:2px solid transparent;transition:border-color .3s ease,transform .3s ease;position:relative;overflow:hidden}
.metricsGallery .statCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#F23579 0%,#06494E 100%);transform:scaleX(0);transition:transform .3s ease}
.metricsGallery .statCard:hover::before{transform:scaleX(1)}
.metricsGallery .statCard:hover{border-color:#F23579;transform:translateY(-4px)}
.metricsGallery .numberDisplay{font-size:3.5rem;font-weight:700;color:#F23579;margin-bottom:12px;line-height:1}
.metricsGallery .metricLabel{font-size:1.1rem;color:#06494E;font-weight:600;margin-bottom:8px}
.metricsGallery .metricDetail{font-size:.95rem;color:#06494E;opacity:.75;line-height:1.5}
.progressSection{background:linear-gradient(160deg,#06494E 0%,#06494ef2 100%);padding:80px 20px;margin:80px 0}
.progressSection .contentBox{max-width:960px;margin:0 auto}
.progressSection .headingText{font-size:2.6rem;color:#F8F7EE;text-align:center;margin-bottom:60px;font-weight:700}
.progressSection .trackList{display:flex;flex-direction:column;gap:32px}
.progressSection .trackItem{background:#f8f7ee1a;border-radius:12px;padding:28px 32px;border-left:6px solid #F23579;transition:background .3s ease,border-color .3s ease}
.progressSection .trackItem:hover{background:#f8f7ee26;border-color:#F8F7EE}
.progressSection .trackHeader{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.progressSection .trackName{font-size:1.4rem;color:#F8F7EE;font-weight:600}
.progressSection .trackPercent{font-size:1.8rem;color:#F23579;font-weight:700}
.progressSection .barContainer{width:100%;height:12px;background:#f8f7ee33;border-radius:8px;overflow:hidden;position:relative}
.progressSection .barFill{height:100%;background:linear-gradient(90deg,#F23579 0%,#F8F7EE 100%);border-radius:8px;transition:width .4s ease}
.progressSection .trackItem:nth-child(1) .barFill{width:87%}
.progressSection .trackItem:nth-child(2) .barFill{width:92%}
.progressSection .trackItem:nth-child(3) .barFill{width:78%}
.progressSection .trackItem:nth-child(4) .barFill{width:95%}
.testimonialDisplay{max-width:960px;margin:80px auto;padding:0 20px}
.testimonialDisplay .mainTitle{font-size:2.4rem;color:#06494E;text-align:center;margin-bottom:60px;font-weight:700}
.testimonialDisplay .cardGrid{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.testimonialDisplay .reviewCard{background:#F8F7EE;border-radius:12px;padding:36px;box-shadow:0 6px 18px #06494e1a;position:relative;transition:transform .3s ease,box-shadow .3s ease}
.testimonialDisplay .reviewCard:hover{transform:translateY(-6px);box-shadow:0 10px 30px #f2357933}
.testimonialDisplay .reviewCard::before{content:'"';position:absolute;top:20px;left:24px;font-size:6rem;color:#F23579;opacity:.15;font-family:Georgia,serif;line-height:1}
.testimonialDisplay .profileSection{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.testimonialDisplay .avatarImg{width:72px;height:72px;border-radius:50%;object-fit:cover;border:3px solid #F23579}
.testimonialDisplay .profileInfo .personName{font-size:1.2rem;color:#06494E;font-weight:700;margin-bottom:4px}
.testimonialDisplay .profileInfo .personRole{font-size:.95rem;color:#06494E;opacity:.7}
.testimonialDisplay .reviewText{font-size:1.05rem;line-height:1.7;color:#06494E;position:relative;z-index:2}
@media (max-width: 768px) {
.titleStage .innerWrapper{grid-template-columns:1fr;gap:40px}
.titleStage .textPanel h1{font-size:2.4rem}
.titleStage .imagePanel img{height:320px}
.metricsGallery .gridLayout{grid-template-columns:1fr;gap:24px}
.progressSection .trackHeader{flex-direction:column;align-items:flex-start;gap:8px}
.testimonialDisplay .cardGrid{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 480px) {
.titleStage{padding:60px 16px 40px}
.titleStage .textPanel h1{font-size:2rem}
.titleStage .textPanel .subline{font-size:1.1rem}
.metricsGallery .numberDisplay{font-size:2.8rem}
.progressSection .headingText{font-size:2rem}
.testimonialDisplay .mainTitle{font-size:2rem}
}
.HeroStage{position:relative;background:linear-gradient(135deg,#06494E 0%,#F8F7EE 100%);padding:80px 20px;overflow:hidden}
.HeroStage::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f2357926 0%,transparent 70%);border-radius:50%;animation:floating 8s ease-in-out infinite}
@keyframes floating {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,-30px) scale(1.1)}
}
.HeroStage .ContentFlow{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.HeroStage .TextLayer h1{font-size:3.2em;color:#06494E;margin:0 0 20px;font-weight:700;line-height:1.1}
.HeroStage .TextLayer .TagPhrase{font-size:1.25em;color:#06494E;margin-bottom:35px;line-height:1.6;opacity:.85}
.HeroStage .ActionsRow{display:flex;gap:16px;flex-wrap:wrap}
.HeroStage .PrimaryCta{background:#F23579;color:#F8F7EE;padding:16px 32px;border:none;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #f235794d;z-index:10;position:relative}
.HeroStage .PrimaryCta:hover{background:#d12965;transform:translateY(-2px);box-shadow:0 6px 20px #f2357966}
.HeroStage .SecondaryCta{background:transparent;color:#06494E;padding:16px 32px;border:2px solid #06494E;border-radius:12px;font-size:1.1em;font-weight:600;cursor:pointer;transition:all .3s ease;z-index:10;position:relative}
.HeroStage .SecondaryCta:hover{background:#06494E;color:#F8F7EE;transform:translateY(-2px)}
.HeroStage .ImageFrame{position:relative}
.HeroStage .ImageFrame .GeometricClip{width:100%;height:420px;clip-path:polygon(10% 0%,100% 0%,90% 100%,0% 100%);overflow:hidden;box-shadow:0 8px 32px #06494e4d;position:relative}
.HeroStage .ImageFrame img{width:100%;height:100%;object-fit:cover;filter:brightness(0.95) contrast(1.05)}
.HeroStage .ImageFrame::after{content:'';position:absolute;bottom:-40px;left:-40px;width:180px;height:180px;background:linear-gradient(135deg,#F23579 0%,#06494E 100%);border-radius:50%;z-index:-1;opacity:.6}
.JourneyPath{background:#F8F7EE;padding:90px 20px;position:relative}
.JourneyPath .WrapBox{max-width:960px;margin:0 auto}
.JourneyPath .SectionLabel{text-align:center;margin-bottom:60px}
.JourneyPath .SectionLabel h2{font-size:2.4em;color:#06494E;margin:0 0 16px;font-weight:700}
.JourneyPath .SectionLabel .SubNote{font-size:1.15em;color:#06494E;opacity:.75;max-width:680px;margin:0 auto;line-height:1.5}
.JourneyPath .TimelineDisplay{position:relative;padding:40px 0}
.JourneyPath .TimelineDisplay::before{content:'';position:absolute;left:50%;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#F23579 0%,#06494E 100%);transform:translateX(-50%)}
.JourneyPath .PhaseCard{display:grid;grid-template-columns:1fr 80px 1fr;gap:30px;margin-bottom:50px;align-items:center}
.JourneyPath .PhaseCard:nth-child(even) .LeftSide{grid-column:3;text-align:left}
.JourneyPath .PhaseCard:nth-child(even) .RightSide{grid-column:1;text-align:right}
.JourneyPath .PhaseCard:nth-child(even) .Marker{grid-column:2}
.JourneyPath .PhaseCard:nth-child(odd) .LeftSide{grid-column:1;text-align:right}
.JourneyPath .PhaseCard:nth-child(odd) .RightSide{grid-column:3;text-align:left}
.JourneyPath .PhaseCard:nth-child(odd) .Marker{grid-column:2}
.JourneyPath .Marker{width:80px;height:80px;background:#F23579;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.8em;color:#F8F7EE;font-weight:700;box-shadow:0 6px 20px #f2357966;z-index:5;position:relative}
.JourneyPath .ContentBlock{background:#fff;padding:28px;border-radius:16px;box-shadow:0 4px 16px #06494e1a}
.JourneyPath .ContentBlock h3{font-size:1.5em;color:#06494E;margin:0 0 12px;font-weight:600}
.JourneyPath .ContentBlock p{font-size:1.05em;color:#06494E;margin:0;line-height:1.6;opacity:.8}
.JourneyPath .ImageBlock{border-radius:12px;overflow:hidden;box-shadow:0 6px 24px #06494e26}
.JourneyPath .ImageBlock img{width:100%;height:240px;object-fit:cover}
.TrustCanvas{background:linear-gradient(225deg,#06494E 0%,#F23579 50%,#F8F7EE 100%);padding:100px 20px;position:relative}
.TrustCanvas::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg width="60" height="60" xmlns="http://www.w3.org/2000/svg"><circle cx="30" cy="30" r="2" fill="#f8f7ee1a"/></svg>');opacity:.4}
.TrustCanvas .InnerWrap{max-width:960px;margin:0 auto;position:relative;z-index:2}
.TrustCanvas .IntroBlock{text-align:center;margin-bottom:70px}
.TrustCanvas .IntroBlock h2{font-size:2.6em;color:#F8F7EE;margin:0 0 20px;font-weight:700}
.TrustCanvas .IntroBlock .LeadText{font-size:1.2em;color:#F8F7EE;opacity:.9;max-width:700px;margin:0 auto;line-height:1.6}
.TrustCanvas .TestimonialsGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:60px}
.TrustCanvas .TestimonialBox{background:#f8f7eef2;border-radius:20px;padding:32px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;gap:20px}
.TrustCanvas .TestimonialBox .AuthorRow{display:flex;align-items:center;gap:18px}
.TrustCanvas .TestimonialBox .Avatar{width:70px;height:70px;border-radius:50%;overflow:hidden;box-shadow:0 4px 12px #06494e4d}
.TrustCanvas .TestimonialBox .Avatar img{width:100%;height:100%;object-fit:cover}
.TrustCanvas .TestimonialBox .AuthorInfo h4{font-size:1.3em;color:#06494E;margin:0 0 4px;font-weight:600}
.TrustCanvas .TestimonialBox .AuthorInfo .Role{font-size:.95em;color:#F23579;font-weight:500}
.TrustCanvas .TestimonialBox .Quote{font-size:1.08em;color:#06494E;line-height:1.7;font-style:italic;opacity:.85}
.TrustCanvas .StatsLayer{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;background:#f8f7ee26;padding:50px 40px;border-radius:24px;backdrop-filter:blur(10px)}
.TrustCanvas .StatItem{text-align:center}
.TrustCanvas .StatItem .Number{font-size:3em;color:#F8F7EE;font-weight:700;margin:0 0 8px;text-shadow:0 2px 8px #0003}
.TrustCanvas .StatItem .Label{font-size:1.1em;color:#F8F7EE;opacity:.9;font-weight:500}
@media (max-width: 968px) {
.HeroStage .ContentFlow{grid-template-columns:1fr;gap:40px}
.HeroStage .TextLayer{text-align:center}
.HeroStage .ActionsRow{justify-content:center}
.HeroStage .ImageFrame .GeometricClip{height:320px}
.JourneyPath .PhaseCard{grid-template-columns:1fr;gap:20px}
.JourneyPath .PhaseCard:nth-child(even) .LeftSide,.JourneyPath .PhaseCard:nth-child(even) .RightSide,.JourneyPath .PhaseCard:nth-child(odd) .LeftSide,.JourneyPath .PhaseCard:nth-child(odd) .RightSide{grid-column:1;text-align:center}
.JourneyPath .PhaseCard:nth-child(even) .Marker,.JourneyPath .PhaseCard:nth-child(odd) .Marker{grid-column:1;margin:0 auto}
.JourneyPath .TimelineDisplay::before{left:40px}
.TrustCanvas .TestimonialsGrid{grid-template-columns:1fr}
.TrustCanvas .StatsLayer{grid-template-columns:1fr;gap:25px}
}
@media (max-width: 640px) {
.HeroStage{padding:60px 20px}
.HeroStage .TextLayer h1{font-size:2.2em}
.HeroStage .TextLayer .TagPhrase{font-size:1.1em}
.HeroStage .ActionsRow{flex-direction:column}
.HeroStage .PrimaryCta,.HeroStage .SecondaryCta{width:100%;text-align:center}
.JourneyPath .SectionLabel h2{font-size:2em}
.TrustCanvas .IntroBlock h2{font-size:2em}
}
.HeroBox{background:linear-gradient(142deg,#F23579 0%,#06494E 65%,#F8F7EE 100%);padding:4.5rem 1.5rem 4rem;margin-bottom:2.5rem;border-radius:0 0 12px 12px;box-shadow:0 6px 3px #06494e26;position:relative;overflow:hidden}
.HeroBox::after{content:'';position:absolute;bottom:-30px;right:-40px;width:180px;height:180px;background:#f8f7ee1f;border-radius:50%;z-index:1}
.HeroBox .inner-wrap{max-width:960px;margin:0 auto;position:relative;z-index:2}
.HeroBox .title-main{font-size:2.6rem;color:#F8F7EE;margin:0 0 1.2rem;font-weight:700;line-height:1.1}
.HeroBox .subtitle-text{font-size:1.15rem;color:#f8f7eeeb;max-width:620px;line-height:1.6;margin:0}
.MainContentWrap{max-width:960px;margin:0 auto 3rem;padding:0 1.5rem}
.IntroSection{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem;align-items:center}
.IntroSection .text-area{padding:1rem 0}
.IntroSection .heading-primary{font-size:1.9rem;color:#06494E;margin:0 0 1.5rem;font-weight:700;line-height:1.25}
.IntroSection .paragraph-content{font-size:1rem;color:#333;line-height:1.7;margin:0 0 1.2rem}
.IntroSection .paragraph-content:last-child{margin-bottom:0}
.IntroSection .visual-box{position:relative;border-radius:10px;overflow:hidden;box-shadow:0 5px 2px #06494e2e}
.IntroSection .visual-box::before{content:'';position:absolute;top:-10px;left:-10px;width:80px;height:80px;background:linear-gradient(135deg,#F23579 0%,transparent 70%);border-radius:50%;z-index:1}
.IntroSection .visual-box img{width:100%;height:320px;object-fit:cover;display:block}
.ContactDataSection{background:linear-gradient(210deg,#F8F7EE 0%,#06494e14 100%);padding:3.5rem 2.5rem;border-radius:14px;margin-bottom:4rem;box-shadow:0 4px 2px #0000000f}
.ContactDataSection .grid-layout{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem;max-width:960px;margin:0 auto}
.ContactDataSection .contact-card{text-align:center;padding:1.5rem;background:#ffffffbf;border-radius:10px;border:2px solid #06494e26;transition:all .3s ease}
.ContactDataSection .contact-card:hover{transform:translateY(-4px);box-shadow:0 6px 4px #f2357933;border-color:#F23579}
.ContactDataSection .contact-card .icon-shape{width:54px;height:54px;margin:0 auto 1.2rem;background:linear-gradient(135deg,#F23579 0%,#06494E 100%);border-radius:50%;display:flex;align-items:center;justify-content:center}
.ContactDataSection .contact-card .icon-shape svg{width:28px;height:28px;fill:#F8F7EE}
.ContactDataSection .contact-card .label-text{font-size:.9rem;color:#06494E;font-weight:600;margin:0 0 .7rem;text-transform:uppercase;letter-spacing:.5px}
.ContactDataSection .contact-card .value-text{font-size:1.05rem;color:#333;margin:0;word-break:break-word}
.ContactDataSection .contact-card .value-text a{color:#06494E;text-decoration:none;transition:color .3s ease}
.ContactDataSection .contact-card .value-text a:hover{color:#F23579}
.FormSection{background:#fff;padding:3.5rem 2.5rem;border-radius:12px;box-shadow:0 5px 3px #06494e1f;margin-bottom:3rem;border-top:4px solid #F23579}
.FormSection .heading-form{font-size:2rem;color:#06494E;margin:0 0 1rem;font-weight:700;text-align:center}
.FormSection .description-form{font-size:1rem;color:#555;text-align:center;margin:0 0 2.5rem;line-height:1.6}
.FormSection .form-container{max-width:720px;margin:0 auto}
.FormSection .form-group{margin-bottom:2rem}
.FormSection .form-group label{display:block;font-size:.95rem;color:#06494E;font-weight:600;margin-bottom:.6rem}
.FormSection .form-group input,.FormSection .form-group select,.FormSection .form-group textarea{width:100%;padding:.95rem 1.2rem;font-size:1rem;border:2px solid #06494e33;border-radius:8px;background:#F8F7EE;transition:all .3s ease;box-shadow:inset 0 2px 2px #0000000a}
.FormSection .form-group input:focus,.FormSection .form-group select:focus,.FormSection .form-group textarea:focus{outline:none;border-color:#F23579;background:#fff;box-shadow:0 0 0 3px #f235791a}
.FormSection .form-group select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2306494E' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.FormSection .form-group textarea{min-height:140px;resize:vertical;font-family:inherit}
.FormSection .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:2rem}
.FormSection .privacy-box{margin:2rem 0 1.5rem;padding:1.2rem;background:#f8f7ee80;border-radius:8px;border-left:4px solid #06494E}
.FormSection .privacy-box input[type="checkbox"]{width:auto;margin-right:.7rem;cursor:pointer}
.FormSection .privacy-box label{display:inline;font-size:.9rem;color:#333;line-height:1.6;cursor:pointer}
.FormSection .privacy-box label a{color:#F23579;text-decoration:underline}
.FormSection .privacy-box label a:hover{color:#06494E}
.FormSection .submit-btn{background:linear-gradient(135deg,#F23579 0%,#06494E 100%);color:#F8F7EE;border:none;padding:1.1rem 3rem;font-size:1.1rem;font-weight:700;border-radius:10px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 2px #f2357940;display:block;margin:0 auto;width:100%;max-width:300px;position:relative;z-index:10}
.FormSection .submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 4px #f2357959}
.FormSection .submit-btn:active{transform:translateY(0);box-shadow:0 3px 2px #f235794d}
@media (max-width: 768px) {
.HeroBox{padding:3rem 1.2rem 2.5rem}
.HeroBox .title-main{font-size:2rem}
.HeroBox .subtitle-text{font-size:1rem}
.IntroSection{grid-template-columns:1fr;gap:2rem;margin-bottom:3rem}
.IntroSection .visual-box img{height:260px}
.ContactDataSection{padding:2.5rem 1.5rem}
.ContactDataSection .grid-layout{grid-template-columns:1fr;gap:1.5rem}
.FormSection{padding:2.5rem 1.5rem}
.FormSection .heading-form{font-size:1.7rem}
.FormSection .form-row{grid-template-columns:1fr;gap:1rem}
.FormSection .submit-btn{max-width:100%}
}
@media (min-width: 769px) and (max-width: 1024px) {
.ContactDataSection .grid-layout{grid-template-columns:repeat(2,1fr)}
.FormSection .form-row{gap:1.2rem}
}
.HeroWrap{background:linear-gradient(135deg,#F8F7EE 0%,#F23579 100%);padding:80px 20px;position:relative;overflow:hidden}
.HeroWrap::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#06494e26 0%,transparent 70%);border-radius:50%}
.hero-container{max-width:960px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.hero-text-area h1{font-size:2.8rem;line-height:1.2;color:#06494E;margin-bottom:20px;font-weight:700}
.hero-text-area p{font-size:1.15rem;line-height:1.6;color:#06494E;margin-bottom:32px;opacity:.9}
.hero-img-zone{position:relative;border:4px solid #F23579;border-radius:12px;overflow:hidden;box-shadow:8px 8px 0 #06494e33}
.hero-img-zone img{width:100%;height:400px;object-fit:cover;display:block}
.hero-cta-btn{display:inline-block;padding:16px 40px;background:#F23579;color:#F8F7EE;text-decoration:none;border-radius:8px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:4px 4px 0 #06494E}
.hero-cta-btn:hover{transform:translateY(-2px);box-shadow:6px 6px 0 #06494E;background:#d62d69}
.CourseGrid{background:#F8F7EE;padding:90px 20px}
.course-grid-container{max-width:960px;margin:0 auto}
.course-grid-header{text-align:center;margin-bottom:60px}
.course-grid-header h2{font-size:2.4rem;color:#06494E;margin-bottom:16px;position:relative;display:inline-block}
.course-grid-header h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:4px;background:linear-gradient(90deg,transparent,#F23579,transparent)}
.course-grid-header p{font-size:1.1rem;color:#06494E;opacity:.8;margin-top:24px}
.course-items-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.course-card-item{background:#fff;border-radius:12px;padding:32px 24px;box-shadow:0 4px 8px #06494e1a;transition:all .3s ease;border:2px solid transparent}
.course-card-item:hover{transform:translateY(-4px);border-color:#F23579;box-shadow:0 8px 16px #f2357933}
.card-icon-box{width:60px;height:60px;background:linear-gradient(135deg,#F23579,#06494E);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.card-icon-box svg{width:30px;height:30px;fill:#F8F7EE}
.course-card-item h3{font-size:1.4rem;color:#06494E;margin-bottom:12px}
.course-card-item p{font-size:1rem;color:#06494E;opacity:.8;line-height:1.5}
.ProgressPanel{background:linear-gradient(225deg,#06494E 0%,#F23579 100%);padding:80px 20px;position:relative}
.progress-panel-container{max-width:960px;margin:0 auto}
.progress-panel-title{text-align:center;margin-bottom:50px}
.progress-panel-title h2{font-size:2.2rem;color:#F8F7EE;margin-bottom:12px}
.progress-track-row{display:flex;gap:24px;position:relative}
.track-step-box{flex:1;background:#f8f7eef2;border-radius:10px;padding:28px 20px;position:relative;transition:all .3s ease}
.track-step-box:hover{transform:scale(1.05);box-shadow:0 6px 20px #0003}
.step-number-badge{position:absolute;top:-16px;left:20px;width:36px;height:36px;background:#F23579;color:#F8F7EE;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;box-shadow:0 2px 8px #0003}
.track-step-box h4{font-size:1.2rem;color:#06494E;margin-bottom:10px;margin-top:8px}
.track-step-box p{font-size:.95rem;color:#06494E;opacity:.85;line-height:1.5}
.TestimonialSplit{background:#F8F7EE;padding:90px 20px}
.testimonial-split-container{max-width:960px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:50px}
.testimonial-content-zone h2{font-size:2rem;color:#06494E;margin-bottom:32px;position:relative;padding-left:20px}
.testimonial-content-zone h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:#F23579;border-radius:3px}
.testimonial-quote-block{background:#fff;border-radius:12px;padding:32px;margin-bottom:30px;box-shadow:4px 4px 12px #06494e1a;border-left:4px solid #F23579}
.testimonial-quote-block p{font-size:1.05rem;color:#06494E;line-height:1.7;margin-bottom:20px;font-style:italic}
.quote-author-info{display:flex;align-items:center;gap:16px}
.author-photo-circle{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid #F23579}
.author-photo-circle img{width:100%;height:100%;object-fit:cover}
.author-details span{display:block;color:#06494E}
.author-details .author-name-text{font-weight:700;font-size:1.1rem;margin-bottom:4px}
.author-details .author-role-text{font-size:.9rem;opacity:.7}
.testimonial-stats-zone{display:flex;flex-direction:column;gap:24px}
.stat-display-card{background:linear-gradient(135deg,#06494E,#F23579);border-radius:10px;padding:28px 24px;text-align:center;color:#F8F7EE;box-shadow:4px 4px 8px #00000026}
.stat-number-big{font-size:2.6rem;font-weight:700;margin-bottom:8px;display:block}
.stat-label-text{font-size:1rem;opacity:.9}
.EnrollmentZone{background:linear-gradient(180deg,#F8F7EE 0%,#fff 100%);padding:80px 20px}
.enrollment-zone-container{max-width:960px;margin:0 auto;text-align:center}
.enrollment-headline-box h2{font-size:2.3rem;color:#06494E;margin-bottom:20px}
.enrollment-headline-box p{font-size:1.15rem;color:#06494E;opacity:.8;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}
.enrollment-action-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.primary-enroll-btn{display:inline-block;padding:18px 48px;background:#F23579;color:#F8F7EE;text-decoration:none;border-radius:10px;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 12px #f235794d}
.primary-enroll-btn:hover{background:#d62d69;transform:translateY(-3px);box-shadow:0 6px 16px #f2357966}
.secondary-contact-btn{display:inline-block;padding:18px 48px;background:transparent;color:#06494E;text-decoration:none;border-radius:10px;font-weight:600;font-size:1.1rem;border:3px solid #06494E;transition:all .3s ease}
.secondary-contact-btn:hover{background:#06494E;color:#F8F7EE;transform:translateY(-3px)}
@media (max-width: 768px) {
.hero-container{grid-template-columns:1fr;gap:40px}
.hero-text-area h1{font-size:2rem}
.hero-img-zone img{height:300px}
.course-items-grid{grid-template-columns:1fr;gap:30px}
.progress-track-row{flex-direction:column}
.testimonial-split-container{grid-template-columns:1fr;gap:40px}
.enrollment-action-buttons{flex-direction:column;align-items:center}
.primary-enroll-btn,.secondary-contact-btn{width:100%;max-width:320px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hero-container{gap:40px}
.course-items-grid{grid-template-columns:repeat(2,1fr)}
.testimonial-split-container{grid-template-columns:1fr}
}
.SuccessPageLayout{width:100%;background:linear-gradient(135deg,#F8F7EE 0%,#F23579 100%);padding:0;margin:0}
.ConfirmationBox{max-width:960px;margin:0 auto;padding:80px 24px;display:flex;flex-direction:column;align-items:center;text-align:center}
.StatusIconWrapper{width:120px;height:120px;margin-bottom:32px;position:relative;animation:IconFadeIn .8s ease-out}
@keyframes IconFadeIn {
from{opacity:0;transform:scale(0.5)}
to{opacity:1;transform:scale(1)}
}
.StatusIconWrapper svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #f235794d)}
.ConfirmationBox h1{font-size:2.8rem;color:#06494E;margin-bottom:16px;font-weight:700;line-height:1.2}
.ConfirmationBox p{font-size:1.15rem;color:#06494E;max-width:580px;margin:0 auto 40px;line-height:1.6;opacity:.9}
.ActionRow{display:flex;gap:20px;flex-wrap:wrap;justify-content:center;margin-top:24px}
.PrimaryActionBtn{background:#06494E;color:#F8F7EE;padding:16px 36px;border-radius:12px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:inline-block;box-shadow:0 4px 16px #06494e4d}
.PrimaryActionBtn:hover{background:#F23579;transform:translateY(-2px);box-shadow:0 6px 20px #f2357966}
.SecondaryActionBtn{background:transparent;color:#06494E;padding:16px 36px;border:2px solid #06494E;border-radius:12px;text-decoration:none;font-size:1.1rem;font-weight:600;transition:all .3s ease;display:inline-block}
.SecondaryActionBtn:hover{background:#06494E;color:#F8F7EE;transform:translateY(-2px)}
.InfoCardsGrid{max-width:960px;margin:0 auto;padding:60px 24px 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.DetailCard{background:#F8F7EE;padding:32px 24px;border-radius:16px;box-shadow:0 3px 8px #06494e26;transition:all .3s ease;position:relative;overflow:hidden}
.DetailCard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#F23579 0%,#06494E 100%)}
.DetailCard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #06494e40}
.CardIconHolder{width:64px;height:64px;margin-bottom:20px}
.CardIconHolder svg{width:100%;height:100%}
.DetailCard h3{font-size:1.4rem;color:#06494E;margin-bottom:12px;font-weight:700}
.DetailCard p{font-size:1rem;color:#06494E;line-height:1.6;opacity:.85}
@media (max-width: 768px) {
.ConfirmationBox{padding:60px 20px}
.ConfirmationBox h1{font-size:2rem}
.ConfirmationBox p{font-size:1rem}
.ActionRow{flex-direction:column;width:100%}
.PrimaryActionBtn,.SecondaryActionBtn{width:100%;text-align:center}
.InfoCardsGrid{grid-template-columns:1fr;padding:40px 20px 80px;gap:24px}
.StatusIconWrapper{width:90px;height:90px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.InfoCardsGrid{grid-template-columns:repeat(2,1fr)}
.DetailCard:last-child{grid-column:1 / -1;max-width:480px;margin:0 auto;width:100%}
}