@import "https://fonts.googleapis.com/css2?family=Lora:ital,wght@0,400;1,400;0,700;1,700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Lora',serif;background-color:#FAFAFA;color:#1A1A1A;line-height:1.6}
.Heado{background-color:#FFF;border-bottom:1px solid #E0E0E0;padding:24px 0}
.Heado .container-wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.Heado .brand-row{text-align:center;margin-bottom:20px}
.Heado .logo-holder{display:inline-block}
.Heado .logo-holder img{height:120px;width:120px;object-fit:contain;background-color:#00569b0d;border-radius:24px;padding:12px}
.Heado .navi-row{text-align:center}
.Heado .main-navi{display:inline-flex;flex-wrap:wrap;gap:32px;list-style:none;justify-content:center;align-items:center}
.Heado .main-navi a{color:#1A1A1A;text-decoration:none;font-size:16px;font-weight:400;transition:color .2s ease}
.Heado .main-navi a:hover{color:#00569B}
.Heado .contact-row{text-align:center;margin-top:20px;display:flex;gap:24px;justify-content:center;flex-wrap:wrap}
.Heado .contact-item{display:inline-flex;align-items:center;gap:8px;color:#1A1A1A;text-decoration:none;font-size:14px;transition:color .2s ease}
.Heado .contact-item:hover{color:#FF7D18}
.Heado .contact-item i{font-size:18px}
.Footr{background-color:#F5F5F5;border-top:1px solid #E0E0E0;padding:40px 0 24px;margin-top:60px}
.Footr .container-wrap{max-width:1000px;margin:0 auto;padding:0 20px}
.Footr .footr-stack{display:flex;flex-direction:column;gap:24px;align-items:center}
.Footr .legal-navi{display:flex;flex-wrap:wrap;gap:16px;list-style:none;justify-content:center}
.Footr .legal-navi li:not(:last-child)::after{content:"|";margin-left:16px;color:#9E9E9E}
.Footr .legal-navi a{color:#1A1A1A;text-decoration:none;font-size:14px;transition:color .2s ease}
.Footr .legal-navi a:hover{color:#00569B}
.Footr .contact-block{display:flex;flex-wrap:wrap;gap:20px;justify-content:center;font-size:14px;color:#424242}
.Footr .contact-block a{color:#424242;text-decoration:none;transition:color .2s ease}
.Footr .contact-block a:hover{color:#FF7D18}
.Footr .copyright-text{font-size:13px;color:#757575;text-align:center}
.cookie-sidebar{position:fixed;top:0;left:0;width:320px;max-width:90vw;background:#FFF;border-right:1px solid #E0E0E0;box-shadow:4px 0 12px #00000014;padding:28px 24px;transform:translateY(-100%);transition:transform .3s ease;z-index:9999;display:none}
.cookie-sidebar.is-visible{display:block;transform:translateY(0)}
.cookie-sidebar.is-hiding{transform:translateY(-100%)}
.cookie-sidebar .cookie-title{font-size:18px;font-weight:700;margin-bottom:12px;color:#1A1A1A}
.cookie-sidebar .cookie-description{font-size:14px;color:#424242;margin-bottom:20px;line-height:1.5}
.cookie-sidebar .settings-group{margin-bottom:20px;padding:16px;background:#F5F5F5;border-radius:16px}
.cookie-sidebar .settings-group label{display:flex;align-items:center;justify-content:space-between;font-size:14px;color:#1A1A1A;cursor:pointer}
.cookie-sidebar .toggle-switch{position:relative;width:48px;height:24px;background:#BDBDBD;border-radius:12px;transition:background .2s ease}
.cookie-sidebar .toggle-switch::after{content:'';position:absolute;top:2px;left:2px;width:20px;height:20px;background:#FFF;border-radius:50%;transition:transform .2s ease}
.cookie-sidebar input[type="checkbox"]{display:none}
.cookie-sidebar input[type="checkbox"]:checked + .toggle-switch{background:#00569B}
.cookie-sidebar input[type="checkbox"]:checked + .toggle-switch::after{transform:translateX(24px)}
.cookie-sidebar .cookie-actions{display:flex;gap:16px;flex-direction:column}
.cookie-sidebar .action-link{color:#00569B;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;text-align:center;padding:10px;background:transparent;border:1px solid #00569B;border-radius:20px;transition:all .2s ease}
.cookie-sidebar .action-link:hover{background:#00569B;color:#FFF}
.cookie-sidebar .action-link.decline-btn{border-color:#9E9E9E;color:#424242}
.cookie-sidebar .action-link.decline-btn:hover{background:#9E9E9E;color:#FFF}
@media (max-width: 640px) {
.Heado .main-navi{gap:20px}
.Heado .logo-holder img{height:90px;width:90px}
.Footr .legal-navi{flex-direction:column;gap:12px}
.Footr .legal-navi li:not(:last-child)::after{display:none}
.cookie-sidebar{width:100%;max-width:100%}
}
@media (min-width: 641px) and (max-width: 1024px) {
.Heado .main-navi{gap:24px}
}
.info-policy{max-width:1000px;margin:0 auto;padding:60px 24px;color:#1a1a1a;background:#fff}
.info-policy h1{font-size:42px;line-height:1.2;font-weight:700;margin:0 0 48px;color:#0a0a0a}
.info-policy h2{font-size:32px;line-height:1.3;font-weight:700;margin:56px 0 24px;color:#0a0a0a}
.info-policy h3{font-size:24px;line-height:1.4;font-weight:600;margin:40px 0 20px;color:#1a1a1a}
.info-policy h4{font-size:20px;line-height:1.4;font-weight:600;margin:32px 0 16px;color:#1a1a1a}
.info-policy h5{font-size:18px;line-height:1.5;font-weight:600;margin:28px 0 14px;color:#2a2a2a}
.info-policy h6{font-size:16px;line-height:1.5;font-weight:600;margin:24px 0 12px;color:#2a2a2a}
.info-policy p{font-size:16px;line-height:1.75;margin:0 0 20px;color:#1a1a1a}
.info-policy ul{margin:0 0 24px;padding:0 0 0 28px;list-style-type:disc}
.info-policy ol{margin:0 0 24px;padding:0 0 0 28px;list-style-type:decimal}
.info-policy li{font-size:16px;line-height:1.75;margin:0 0 12px;color:#1a1a1a}
.info-policy ul ul{margin:12px 0 0;list-style-type:circle}
.info-policy ol ol{margin:12px 0 0;list-style-type:lower-alpha}
.info-policy li ul,.info-policy li ol{margin-bottom:0}
.info-policy em,.info-policy i{font-style:italic}
.info-policy a{color:#00569B;text-decoration:underline;transition:color .2s ease}
.info-policy a:hover{color:#FF7D18}
.info-policy a:focus{outline:2px solid #FF7D18;outline-offset:2px}
.info-policy hr{border:none;border-top:2px solid #e5e5e5;margin:48px 0}
.info-policy div{margin:0 0 20px}
@media screen and (max-width: 1024px) {
.info-policy{padding:48px 20px}
.info-policy h1{font-size:36px;margin-bottom:36px}
.info-policy h2{font-size:28px;margin-top:48px;margin-bottom:20px}
.info-policy h3{font-size:22px;margin-top:36px}
}
@media screen and (max-width: 640px) {
.info-policy{padding:36px 16px}
.info-policy h1{font-size:30px;margin-bottom:28px}
.info-policy h2{font-size:24px;margin-top:40px;margin-bottom:18px}
.info-policy h3{font-size:20px;margin-top:32px;margin-bottom:16px}
.info-policy h4{font-size:18px;margin-top:28px}
.info-policy p,.info-policy li{font-size:15px;line-height:1.7}
.info-policy ul,.info-policy ol{padding-left:24px}
.info-policy hr{margin:36px 0}
}
.HeroZone{position:relative;overflow:hidden;padding:80px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:500px;display:flex;align-items:center}
.HeroZone__aurora{position:absolute;top:-50%;left:-25%;width:150%;height:200%;background:radial-gradient(ellipse at center,#ff7d1826 0%,transparent 50%),radial-gradient(ellipse at 80% 20%,#00569b1f 0%,transparent 60%),radial-gradient(ellipse at 20% 80%,#f4a6ab24 0%,transparent 55%);animation:auroraShift 18s ease-in-out infinite;pointer-events:none}
@keyframes auroraShift {
0%,100%{transform:translate(0,0) rotate(0deg)}
33%{transform:translate(-5%,3%) rotate(2deg)}
66%{transform:translate(4%,-4%) rotate(-1deg)}
}
.HeroZone__decor{position:absolute;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle,#ff7d1814 0%,transparent 70%);top:10%;right:8%;opacity:.4;pointer-events:none}
.HeroZone__decor--2{width:240px;height:240px;background:radial-gradient(circle,#00569b0f 0%,transparent 70%);top:auto;bottom:15%;right:auto;left:5%}
.HeroZone__wrapper{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.HeroZone__textPart{padding-right:30px}
.HeroZone__heading{font-size:2.8rem;line-height:1.15;color:#212529;margin:0 0 20px;font-weight:700}
.HeroZone__tagline{font-size:1.15rem;line-height:1.6;color:#495057;margin:0 0 32px}
.HeroZone__cta{display:inline-block;padding:14px 32px;background:#212529;color:#fff;text-decoration:none;border-radius:24px;font-weight:600;transition:all .3s ease;position:relative;z-index:10}
.HeroZone__cta:hover{background:#FF7D18;transform:translateY(-2px);box-shadow:0 8px 20px #ff7d1840}
.HeroZone__imageWrap{position:relative;overflow:hidden;border-radius:24px;box-shadow:0 12px 32px #0000001f}
.HeroZone__mainPic{width:100%;height:auto;display:block;animation:slowPan 25s ease-in-out infinite alternate}
@keyframes slowPan {
0%{transform:scale(1.05) translate(0,0)}
100%{transform:scale(1.1) translate(-2%,-1%)}
}
.PathwayBlock{padding:90px 20px;background:#fff}
.PathwayBlock__inner{max-width:1000px;margin:0 auto}
.PathwayBlock__title{font-size:2.4rem;line-height:1.25;color:#212529;margin:0 0 18px;font-weight:700;text-align:center}
.PathwayBlock__intro{font-size:1.05rem;line-height:1.7;color:#495057;margin:0 auto 60px;max-width:820px;text-align:center}
.PathwayBlock__stepsWrapper{position:relative}
.PathwayBlock__radio{position:absolute;opacity:0;pointer-events:none}
.PathwayBlock__navArea{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}
.PathwayBlock__navBtn{flex:1;min-width:140px;padding:18px 20px;background:#f8f9fa;border:2px solid #dee2e6;border-radius:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:6px;position:relative;z-index:5}
.PathwayBlock__navBtn:hover{border-color:#adb5bd;background:#e9ecef}
.PathwayBlock__radio:checked + .PathwayBlock__radio + .PathwayBlock__radio + .PathwayBlock__radio + .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(4),.PathwayBlock__radio:checked + .PathwayBlock__radio + .PathwayBlock__radio + .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(3),.PathwayBlock__radio:checked + .PathwayBlock__radio + .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(2),.PathwayBlock__radio:checked + .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(1){background:linear-gradient(135deg,#FF7D18 0%,#00569B 100%);border-color:#FF7D18;color:#fff}
#step1:checked ~ .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(1),#step2:checked ~ .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(2),#step3:checked ~ .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(3),#step4:checked ~ .PathwayBlock__navArea .PathwayBlock__navBtn:nth-of-type(4){background:linear-gradient(135deg,#FF7D18 0%,#00569B 100%);border-color:#FF7D18;color:#fff}
.PathwayBlock__stepNum{font-size:.85rem;font-weight:700;opacity:.7}
.PathwayBlock__stepLabel{font-size:1.05rem;font-weight:600}
.PathwayBlock__content{position:relative;min-height:400px}
.PathwayBlock__panel{position:absolute;top:0;left:0;width:100%;opacity:0;pointer-events:none;transition:opacity .4s ease}
#step1:checked ~ .PathwayBlock__content .PathwayBlock__panel--1,#step2:checked ~ .PathwayBlock__content .PathwayBlock__panel--2,#step3:checked ~ .PathwayBlock__content .PathwayBlock__panel--3,#step4:checked ~ .PathwayBlock__content .PathwayBlock__panel--4{opacity:1;pointer-events:auto;position:relative}
.PathwayBlock__panelHead{font-size:1.9rem;line-height:1.3;color:#212529;margin:0 0 16px;font-weight:700}
.PathwayBlock__panelText{font-size:1.02rem;line-height:1.7;color:#495057;margin:0 0 24px}
.PathwayBlock__skills{display:flex;flex-wrap:wrap;gap:10px}
.PathwayBlock__skillTag{display:inline-block;padding:8px 16px;background:#e9ecef;color:#495057;border-radius:16px;font-size:.9rem;font-weight:500}
.PathwayBlock__illustr{width:100%;height:auto;border-radius:20px;box-shadow:0 8px 24px #0000001a;display:block}
.PathwayBlock__metricBox{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);border-radius:20px;padding:28px;display:flex;flex-direction:column;gap:24px}
.PathwayBlock__metricItem{display:flex;flex-direction:column;gap:8px}
.PathwayBlock__metricLabel{font-size:.95rem;color:#495057;font-weight:500}
.PathwayBlock__metricBar{width:100%;height:12px;background:#fff;border-radius:8px;overflow:hidden;position:relative}
.PathwayBlock__metricFill{height:100%;background:linear-gradient(90deg,#FF7D18 0%,#00569B 100%);border-radius:8px;transition:width 1s ease}
.PathwayBlock__metricVal{font-size:1.4rem;font-weight:700;color:#212529}
.PathwayBlock__sustainGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:28px}
.PathwayBlock__sustainCard{background:#f8f9fa;padding:28px 24px;border-radius:20px;border:2px solid #dee2e6;transition:all .3s ease}
.PathwayBlock__sustainCard:hover{border-color:#FF7D18;box-shadow:0 6px 20px #ff7d1826}
.PathwayBlock__sustainCard i{font-size:2.2rem;color:#FF7D18;display:block;margin-bottom:14px}
.PathwayBlock__sustainCard h4{font-size:1.15rem;color:#212529;margin:0 0 10px;font-weight:600}
.PathwayBlock__sustainCard p{font-size:.95rem;color:#495057;line-height:1.6;margin:0}
.SupportZone{padding:90px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%)}
.SupportZone__containr{max-width:1000px;margin:0 auto}
.SupportZone__stickyPart{position:sticky;top:80px}
.SupportZone__heading{font-size:2.2rem;line-height:1.25;color:#212529;margin:0 0 20px;font-weight:700}
.SupportZone__desc{font-size:1.05rem;line-height:1.7;color:#495057;margin:0 0 28px}
.SupportZone__linkBtn{display:inline-block;padding:12px 28px;background:transparent;color:#00569B;text-decoration:none;border:2px solid #00569B;border-radius:20px;font-weight:600;transition:all .3s ease;position:relative;z-index:8}
.SupportZone__linkBtn:hover{background:#00569B;color:#fff;box-shadow:0 6px 18px #00569b40}
.SupportZone__itemsList{display:flex;flex-direction:column;gap:32px}
.SupportZone__item{display:flex;gap:20px;align-items:flex-start}
.SupportZone__iconCircle{width:64px;height:64px;flex-shrink:0;border-radius:50%;background:linear-gradient(135deg,#FF7D18 0%,#F4A6AB 100%);display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.8rem}
.SupportZone__itemContent{flex:1}
.SupportZone__itemTitle{font-size:1.3rem;color:#212529;margin:0 0 10px;font-weight:600}
.SupportZone__itemText{font-size:1rem;line-height:1.65;color:#495057;margin:0}
@media (max-width: 1023px) {
.HeroZone__heading{font-size:2.2rem}
.PathwayBlock__title{font-size:2rem}
.SupportZone__heading{font-size:1.9rem}
.SupportZone__stickyPart{position:static}
}
@media (max-width: 639px) {
.HeroZone{padding:60px 20px}
.HeroZone__heading{font-size:1.8rem}
.HeroZone__textPart{padding-right:0;margin-bottom:30px}
.PathwayBlock{padding:60px 20px}
.PathwayBlock__title{font-size:1.7rem}
.PathwayBlock__navArea{flex-direction:column}
.PathwayBlock__navBtn{min-width:100%}
.PathwayBlock__sustainGrid{grid-template-columns:1fr}
.SupportZone{padding:60px 20px}
.SupportZone__heading{font-size:1.65rem}
.SupportZone__item{flex-direction:column;gap:16px}
.SupportZone__iconCircle{width:56px;height:56px;font-size:1.6rem}
}
.pageHero-about{position:relative;min-height:520px;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%)}
.heroSplit-container{position:relative;max-width:1000px;margin:0 auto;min-height:520px;display:flex;align-items:center}
.heroSplit-container::before{content:'';position:absolute;top:-20%;left:35%;width:140%;height:140%;background:linear-gradient(155deg,transparent 48%,#fff 48.5%);z-index:1}
.heroContent-text{position:relative;z-index:3;width:48%;padding:60px 40px 60px 60px;animation:slideUpFade .9s ease-out}
@keyframes slideUpFade {
from{opacity:0;transform:translateY(40px)}
to{opacity:1;transform:translateY(0)}
}
.heroContent-text h1{font-size:3.2rem;line-height:1.15;margin:0 0 24px;color:#1a1a1a;font-weight:700}
.heroContent-text .intro-description{font-size:1.15rem;line-height:1.7;color:#4a4a4a;margin:0}
.heroImage-zone{position:absolute;right:0;top:0;width:52%;height:100%;z-index:2}
.heroImage-zone img{width:100%;height:100%;object-fit:cover;filter:contrast(1.1) brightness(0.95);mix-blend-mode:multiply}
.heroImage-zone::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff7d1859 0%,#00569b59 100%);mix-blend-mode:overlay}
.pulse-decoration{position:absolute;top:50%;left:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;background:radial-gradient(circle,#ff7d1826 0%,transparent 70%);animation:pulseExpand 3s ease-out infinite;z-index:0}
@keyframes pulseExpand {
0%,100%{transform:scale(0.8);opacity:.3}
50%{transform:scale(1.2);opacity:.6}
}
.storyBlock-wrap{background:#fff;padding:90px 40px}
.storyGrid-layout{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.storyText-column h2{font-size:2.4rem;line-height:1.25;color:#1a1a1a;margin:0 0 28px;font-weight:600}
.storyText-column .narrative-para{font-size:1.05rem;line-height:1.75;color:#333;margin:0 0 22px}
.storyText-column .narrative-para:last-child{margin-bottom:0}
.storyImage-column{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 8px 24px #00000014}
.storyImage-column img{width:100%;height:auto;display:block}
.storyImage-column::before{content:'';position:absolute;top:-15px;right:-15px;width:120px;height:120px;background:linear-gradient(135deg,#FF7D18 0%,#F4A6AB 100%);border-radius:50%;opacity:.2;z-index:-1}
.valuesSection-wrapper{background:linear-gradient(165deg,#f1f3f5 0%,#fff 100%);padding:85px 40px;position:relative;overflow:hidden}
.valuesSection-wrapper::before{content:'';position:absolute;bottom:-80px;left:-80px;width:280px;height:280px;background:radial-gradient(circle,#00569b14 0%,transparent 70%);border-radius:50%}
.valuesInner-container{max-width:1000px;margin:0 auto;position:relative;z-index:1}
.valuesInner-container h2{font-size:2.6rem;line-height:1.2;color:#1a1a1a;margin:0 0 50px;text-align:center;font-weight:600}
.valuesCards-row{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valueCard-item{background:#fff;border-radius:20px;padding:40px 32px;border:2px solid #e9ecef;transition:all .3s ease;position:relative}
.valueCard-item:hover{border-color:#FF7D18;transform:translateY(-6px);box-shadow:0 12px 32px #ff7d181f}
.valueCard-item .cardIcon-holder{width:56px;height:56px;background:linear-gradient(135deg,#FF7D18 0%,#F4A6AB 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 24px}
.valueCard-item .cardIcon-holder i{font-size:1.8rem;color:#fff}
.valueCard-item h3{font-size:1.4rem;line-height:1.3;color:#1a1a1a;margin:0 0 16px;font-weight:600}
.valueCard-item p{font-size:.98rem;line-height:1.65;color:#4a4a4a;margin:0}
.valueCard-item::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:linear-gradient(90deg,#FF7D18 0%,#F4A6AB 100%);transition:width .4s ease;border-radius:0 0 20px 20px}
.valueCard-item:hover::after{width:100%}
.approachBlock-section{background:#fff;padding:80px 40px}
.approachContent-max{max-width:1000px;margin:0 auto}
.approachContent-max h2{font-size:2.5rem;line-height:1.25;color:#1a1a1a;margin:0 0 20px;font-weight:600}
.approachContent-max .sectionIntro-text{font-size:1.12rem;line-height:1.7;color:#555;margin:0 0 50px}
.methodsList-flex{display:flex;flex-direction:column;gap:36px}
.methodRow-item{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:start;padding:32px;background:#f8f9fa;border-radius:20px;border-left:4px solid transparent;transition:all .3s ease}
.methodRow-item:hover{border-left-color:#00569B;background:#fff;box-shadow:0 6px 20px #00569b14}
.methodRow-item .methodNum-badge{width:52px;height:52px;background:linear-gradient(135deg,#00569B 0%,#FF7D18 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.4rem;font-weight:700;color:#fff;flex-shrink:0}
.methodRow-item .methodText-content h3{font-size:1.35rem;line-height:1.3;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.methodRow-item .methodText-content p{font-size:1rem;line-height:1.7;color:#4a4a4a;margin:0}
.teamShowcase-wrapper{background:linear-gradient(175deg,#fff 0%,#f1f3f5 100%);padding:90px 40px}
.teamInner-contain{max-width:1000px;margin:0 auto}
.teamInner-contain h2{font-size:2.5rem;line-height:1.25;color:#1a1a1a;margin:0 0 18px;font-weight:600}
.teamInner-contain .teamIntro-para{font-size:1.1rem;line-height:1.7;color:#555;margin:0 0 48px}
.teamGallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:28px}
.teamPhotoCard-box{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 6px 18px #00000014;transition:transform .3s ease,box-shadow .3s ease}
.teamPhotoCard-box:hover{transform:scale(1.03);box-shadow:0 10px 28px #00000024}
.teamPhotoCard-box img{width:100%;height:320px;object-fit:cover;display:block}
.inviteAction-zone{background:linear-gradient(155deg,#00569B 0%,#FF7D18 100%);padding:70px 40px;text-align:center;margin-top:40px;border-radius:28px}
.inviteAction-zone h2{font-size:2.3rem;line-height:1.3;color:#fff;margin:0 0 20px;font-weight:600}
.inviteAction-zone p{font-size:1.1rem;line-height:1.65;color:#fffffff2;margin:0 0 36px}
.inviteAction-zone .ctaButton-main{display:inline-flex;align-items:center;gap:10px;background:#fff;color:#00569B;font-size:1.05rem;font-weight:600;padding:16px 42px;border-radius:28px;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 16px #00000026}
.inviteAction-zone .ctaButton-main:hover{background:#f8f9fa;transform:translateY(-3px);box-shadow:0 8px 24px #0003}
.inviteAction-zone .ctaButton-main i{font-size:1.2rem}
@media (max-width: 1024px) {
.heroContent-text h1{font-size:2.6rem}
.storyGrid-layout{grid-template-columns:1fr;gap:40px}
.valuesCards-row{grid-template-columns:1fr;gap:24px}
.methodRow-item{grid-template-columns:1fr;gap:20px;text-align:center}
.methodRow-item .methodNum-badge{margin:0 auto}
.teamGallery-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
}
@media (max-width: 640px) {
.pageHero-about{min-height:auto}
.heroSplit-container{flex-direction:column;min-height:auto}
.heroSplit-container::before{display:none}
.heroContent-text{width:100%;padding:40px 20px}
.heroContent-text h1{font-size:2rem}
.heroImage-zone{position:relative;width:100%;height:280px}
.storyBlock-wrap,.valuesSection-wrapper,.approachBlock-section,.teamShowcase-wrapper{padding:60px 20px}
.storyText-column h2,.valuesInner-container h2,.approachContent-max h2,.teamInner-contain h2{font-size:1.9rem}
.inviteAction-zone{padding:50px 20px;margin-top:20px}
.inviteAction-zone h2{font-size:1.8rem}
}
.heado-contact{background:linear-gradient(135deg,#F4A6AB 0%,#FF7D18 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.heado-contact .grid-container{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:32px;align-items:center}
.heado-contact .title-split{color:#fff;font-size:48px;font-weight:700;line-height:1.1;margin:0 0 20px}
.heado-contact .title-part-one{display:block;transform:translateX(-20px);opacity:.95}
.heado-contact .title-part-two{display:block;transform:translateX(20px);opacity:.95;margin-top:8px}
.heado-contact .subtitle-text{color:#ffffffeb;font-size:18px;line-height:1.6;max-width:520px}
.heado-contact .image-card-float{position:relative;border-radius:24px;overflow:hidden;box-shadow:0 12px 32px #00000026;max-width:340px;margin:0 auto}
.heado-contact .image-card-float img{width:100%;height:280px;object-fit:cover;display:block}
.heado-contact .image-card-float::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#f4a6ab66 0%,transparent 60%)}
@media (min-width: 1024px) {
.heado-contact .grid-container{grid-template-columns:1fr 340px}
.heado-contact .image-card-float{margin:0}
}
.contact-info-zone{padding:60px 20px;background:#fafafa}
.contact-info-zone .content-wrap{max-width:1000px;margin:0 auto}
.contact-info-zone .section-label{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#00569B;margin:0 0 16px}
.contact-info-zone .section-heading{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 40px;line-height:1.2}
.contact-info-zone .info-grid{display:grid;grid-template-columns:1fr;gap:24px}
.contact-info-zone .info-card{background:#fff;border-radius:20px;padding:32px;border:2px solid #e8e8e8;transition:all .3s ease}
.contact-info-zone .info-card:hover{border-color:#FF7D18;box-shadow:0 8px 24px #ff7d181f}
.contact-info-zone .card-icon{width:48px;height:48px;background:linear-gradient(135deg,#FF7D18 0%,#F4A6AB 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.contact-info-zone .card-icon i{font-size:24px;color:#fff}
.contact-info-zone .card-title{font-size:20px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.contact-info-zone .card-detail{font-size:16px;color:#555;line-height:1.6;margin:0}
.contact-info-zone .card-detail a{color:#00569B;text-decoration:none;transition:color .2s ease}
.contact-info-zone .card-detail a:hover{color:#FF7D18}
.contact-info-zone .messenger-links{display:flex;gap:12px;margin-top:16px}
.contact-info-zone .messenger-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;background:#fff;border:2px solid #e8e8e8;border-radius:12px;color:#333;text-decoration:none;font-size:14px;font-weight:500;transition:all .3s ease}
.contact-info-zone .messenger-btn:hover{border-color:#FF7D18;background:#fff5f0;transform:translateY(-2px)}
.contact-info-zone .messenger-btn i{font-size:18px}
@media (min-width: 640px) {
.contact-info-zone .info-grid{grid-template-columns:repeat(2,1fr)}
}
@media (min-width: 1024px) {
.contact-info-zone .info-grid{grid-template-columns:repeat(3,1fr)}
}
.form-section-main{padding:80px 20px;background:#fff}
.form-section-main .form-wrapper{max-width:680px;margin:0 auto}
.form-section-main .form-intro-title{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 16px;text-align:center}
.form-section-main .form-intro-text{font-size:16px;color:#666;line-height:1.6;text-align:center;margin:0 0 48px}
.form-section-main .contactForm{background:#fafafa;border-radius:24px;padding:40px;border:2px solid #e8e8e8}
.form-section-main .form-row{margin-bottom:24px}
.form-section-main .field-label{display:block;font-size:14px;font-weight:600;color:#333;margin-bottom:8px}
.form-section-main .field-input{width:100%;padding:14px 18px;font-size:16px;border:2px solid #ddd;border-radius:12px;background:#fff;color:#333;transition:all .3s ease;box-sizing:border-box}
.form-section-main .field-input:focus{outline:none;border-color:#FF7D18;box-shadow:0 0 0 3px #ff7d181a}
.form-section-main .choice-group-title{font-size:14px;font-weight:600;color:#333;margin:0 0 16px}
.form-section-main .checkbox-option{display:flex;align-items:center;margin-bottom:12px}
.form-section-main .checkbox-option input[type="checkbox"]{width:20px;height:20px;margin:0 12px 0 0;cursor:pointer;accent-color:#FF7D18}
.form-section-main .checkbox-option label{font-size:15px;color:#555;cursor:pointer;user-select:none}
.form-section-main .privacy-check{display:flex;align-items:flex-start;margin:32px 0 24px}
.form-section-main .privacy-check input[type="checkbox"]{width:18px;height:18px;margin:2px 10px 0 0;cursor:pointer;accent-color:#00569B;flex-shrink:0}
.form-section-main .privacy-check label{font-size:13px;color:#666;line-height:1.5;cursor:pointer}
.form-section-main .privacy-check label a{color:#00569B;text-decoration:underline}
.form-section-main .privacy-check label a:hover{color:#FF7D18}
.form-section-main .submit-btn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#FF7D18 0%,#F4A6AB 100%);color:#fff;font-size:16px;font-weight:600;border:none;border-radius:12px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 16px #ff7d1840}
.form-section-main .submit-btn:hover{transform:translateY(-2px);box-shadow:0 8px 24px #ff7d1859}
.form-section-main .submit-btn:active{transform:translateY(0)}
.cta-final-zone{padding:60px 20px;background:linear-gradient(180deg,#fff 0%,#f0f0f0 100%);text-align:center}
.cta-final-zone .cta-content{max-width:640px;margin:0 auto}
.cta-final-zone .cta-heading{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.3}
.cta-final-zone .cta-text{font-size:16px;color:#555;line-height:1.6;margin:0 0 32px}
.cta-final-zone .cta-actions{display:flex;flex-direction:column;gap:16px;align-items:center}
.cta-final-zone .cta-btn-primary{display:inline-block;padding:14px 36px;background:#00569B;color:#fff;font-size:16px;font-weight:600;text-decoration:none;border-radius:12px;transition:all .3s ease;box-shadow:0 4px 16px #00569b33}
.cta-final-zone .cta-btn-primary:hover{background:#003d6e;transform:translateY(-2px);box-shadow:0 6px 20px #00569b4d}
.cta-final-zone .cta-btn-secondary{display:inline-block;padding:14px 36px;background:transparent;color:#00569B;font-size:16px;font-weight:600;text-decoration:none;border:2px solid #00569B;border-radius:12px;transition:all .3s ease}
.cta-final-zone .cta-btn-secondary:hover{background:#00569B;color:#fff;transform:translateY(-2px)}
@media (min-width: 640px) {
.cta-final-zone .cta-actions{flex-direction:row;justify-content:center}
}
.learningTopBand{background:linear-gradient(135deg,#00569B 0%,#0074CC 100%);padding:80px 20px 140px;position:relative;overflow:hidden}
.learningTopBand::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,#ff7d1826 0%,transparent 50%);pointer-events:none}
.learningTopBand .contentWrap{max-width:1000px;margin:0 auto;position:relative;z-index:2}
.learningTopBand .headingBox{text-align:center;margin-bottom:60px}
.learningTopBand .headingBox h1{font-size:48px;color:#fff;margin:0 0 16px;line-height:1.2;font-weight:700}
.learningTopBand .headingBox h1 .accentWord{background:linear-gradient(90deg,#FF7D18 0%,#F4A6AB 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.learningTopBand .imageCardFloat{background:#fff;border-radius:28px;padding:20px;max-width:680px;margin:0 auto;box-shadow:0 16px 48px #0000001f;position:relative}
.learningTopBand .imageCardFloat .imgBox{position:relative;border-radius:20px;overflow:hidden;height:380px}
.learningTopBand .imageCardFloat .imgBox img{width:100%;height:100%;object-fit:cover;display:block}
.learningTopBand .imageCardFloat .imgBox::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#ff7d1866 50%,transparent 100%);animation:washSlide 4s ease-in-out infinite}
@keyframes washSlide {
0%,100%{left:-100%}
50%{left:100%}
}
.learningTopBand .dotScatter{position:absolute;width:8px;height:8px;background:#ff7d1899;border-radius:50%;animation:dotAppear .6s ease-out forwards;opacity:0}
@keyframes dotAppear {
to{opacity:1}
}
.learningTopBand .dotScatter:nth-child(1){top:15%;left:10%;animation-delay:.1s}
.learningTopBand .dotScatter:nth-child(2){top:35%;left:5%;animation-delay:.3s;width:6px;height:6px}
.learningTopBand .dotScatter:nth-child(3){top:60%;left:12%;animation-delay:.5s}
.learningTopBand .dotScatter:nth-child(4){top:20%;right:8%;animation-delay:.2s;width:7px;height:7px}
.learningTopBand .dotScatter:nth-child(5){top:50%;right:15%;animation-delay:.4s}
.learningTopBand .dotScatter:nth-child(6){top:75%;right:10%;animation-delay:.6s;width:6px;height:6px}
.programPathArea{padding:100px 20px;background:#fafafa}
.programPathArea .wrapperMain{max-width:1000px;margin:0 auto}
.programPathArea .sectionIntro{max-width:740px;margin:0 auto 70px;text-align:center}
.programPathArea .sectionIntro h2{font-size:38px;color:#1a1a1a;margin:0 0 24px;font-weight:700;line-height:1.3}
.programPathArea .sectionIntro h2::before{content:'';display:inline-block;width:48px;height:4px;background:linear-gradient(90deg,#FF7D18 0%,#F4A6AB 100%);vertical-align:middle;margin-right:16px;border-radius:8px}
.programPathArea .sectionIntro p{font-size:17px;line-height:1.7;color:#3a3a3a;margin:0}
.programPathArea .moduleGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:60px}
.programPathArea .moduleGrid .moduleBox{background:#fff;border-radius:24px;padding:36px 28px;border:2px solid #e8e8e8;transition:all .3s ease;position:relative}
.programPathArea .moduleGrid .moduleBox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;background:linear-gradient(135deg,#ff7d180d 0%,#00569b0d 100%);opacity:0;transition:opacity .3s ease}
.programPathArea .moduleGrid .moduleBox:hover{transform:translateY(-6px);border-color:#FF7D18;box-shadow:0 12px 32px #00000014}
.programPathArea .moduleGrid .moduleBox:hover::before{opacity:1}
.programPathArea .moduleGrid .moduleBox .iconCircle{width:68px;height:68px;border-radius:50%;background:linear-gradient(135deg,#00569B 0%,#0074CC 100%);display:flex;align-items:center;justify-content:center;margin-bottom:24px;position:relative;z-index:1}
.programPathArea .moduleGrid .moduleBox .iconCircle i{font-size:32px;color:#fff}
.programPathArea .moduleGrid .moduleBox h3{font-size:22px;color:#1a1a1a;margin:0 0 16px;font-weight:700;line-height:1.3;position:relative;z-index:1}
.programPathArea .moduleGrid .moduleBox p{font-size:16px;line-height:1.6;color:#4a4a4a;margin:0;position:relative;z-index:1}
.programPathArea .journeyTrack{background:#fff;border-radius:28px;padding:50px 40px;border:3px solid #e0e0e0;position:relative;overflow:hidden}
.programPathArea .journeyTrack::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#FF7D18 0%,#00569B 50%,#F4A6AB 100%)}
.programPathArea .journeyTrack h3{font-size:28px;color:#1a1a1a;margin:0 0 40px;font-weight:700;padding-left:20px}
.programPathArea .journeyTrack .progressPath{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;position:relative}
.programPathArea .journeyTrack .stageItem{position:relative;padding:28px 20px;background:#f9f9f9;border-radius:20px;border:2px solid #e8e8e8;transition:all .3s ease}
.programPathArea .journeyTrack .stageItem:hover{background:#fff;border-color:#00569B;transform:scale(1.05)}
.programPathArea .journeyTrack .stageItem .stageNum{font-size:14px;font-weight:700;color:#FF7D18;margin:0 0 12px;text-transform:uppercase;letter-spacing:.5px}
.programPathArea .journeyTrack .stageItem .stageTitle{font-size:18px;color:#1a1a1a;margin:0 0 10px;font-weight:700;line-height:1.3}
.programPathArea .journeyTrack .stageItem .stageDesc{font-size:15px;line-height:1.5;color:#5a5a5a;margin:0}
.programPathArea .journeyTrack .stageItem .checkIcon{position:absolute;top:16px;right:16px;width:28px;height:28px;border-radius:50%;background:#00569B;display:flex;align-items:center;justify-content:center}
.programPathArea .journeyTrack .stageItem .checkIcon i{font-size:14px;color:#fff}
.programPathArea .actionRow{margin-top:60px;text-align:center}
.programPathArea .actionRow .ctaBtn{display:inline-block;background:linear-gradient(135deg,#FF7D18 0%,#00569B 100%);color:#fff;font-size:18px;font-weight:700;padding:18px 48px;border-radius:32px;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #ff7d184d;position:relative;z-index:10}
.programPathArea .actionRow .ctaBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ff7d1866}
@media (max-width: 1024px) {
.programPathArea .moduleGrid{grid-template-columns:repeat(2,1fr);gap:28px}
.programPathArea .journeyTrack .progressPath{grid-template-columns:repeat(2,1fr)}
.learningTopBand .headingBox h1{font-size:38px}
.learningTopBand .imageCardFloat .imgBox{height:320px}
}
@media (max-width: 640px) {
.learningTopBand{padding:60px 20px 100px}
.learningTopBand .headingBox h1{font-size:32px}
.learningTopBand .imageCardFloat{padding:12px}
.learningTopBand .imageCardFloat .imgBox{height:240px}
.programPathArea{padding:70px 20px}
.programPathArea .sectionIntro h2{font-size:28px}
.programPathArea .sectionIntro h2::before{display:block;margin:0 auto 16px}
.programPathArea .moduleGrid{grid-template-columns:1fr;gap:24px}
.programPathArea .journeyTrack{padding:36px 24px}
.programPathArea .journeyTrack h3{font-size:24px;padding-left:16px}
.programPathArea .journeyTrack .progressPath{grid-template-columns:1fr;gap:16px}
.programPathArea .actionRow .ctaBtn{font-size:16px;padding:16px 40px}
}
.successWrap{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);position:relative;overflow:hidden}
.successWrap::before,.successWrap::after{content:'';position:absolute;background:linear-gradient(45deg,#ff7d181a,#00569b1a);animation:lineGrow 1.2s ease-out forwards}
.successWrap::before{top:0;left:50%;width:2px;height:0;transform:translateX(-50%);animation-delay:.3s}
.successWrap::after{top:50%;left:0;height:2px;width:0;transform:translateY(-50%);animation-delay:.6s}
@keyframes lineGrow {
to{width:100%;height:100%}
}
.confirmBox{max-width:680px;width:100%;text-align:center;position:relative;z-index:2}
.splitHeading{font-size:2.8rem;font-weight:700;line-height:1.2;margin:0 0 32px;overflow:hidden}
.splitHeading .partLeft{display:inline-block;color:#00569B;text-shadow:2px 2px 8px #00569b4d;animation:slideFromLeft .8s ease-out forwards;opacity:0}
.splitHeading .partRight{display:inline-block;color:#FF7D18;text-shadow:2px 2px 8px #ff7d184d;animation:slideFromRight .8s ease-out forwards;animation-delay:.2s;opacity:0}
@keyframes slideFromLeft {
from{transform:translateX(-100px);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes slideFromRight {
from{transform:translateX(100px);opacity:0}
to{transform:translateX(0);opacity:1}
}
.confirmBox p{font-size:1.15rem;line-height:1.7;color:#495057;margin:0 0 40px;animation:fadeUp .8s ease-out forwards;animation-delay:.5s;opacity:0}
@keyframes fadeUp {
from{transform:translateY(20px);opacity:0}
to{transform:translateY(0);opacity:1}
}
.actionGroup{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;animation:fadeUp .8s ease-out forwards;animation-delay:.7s;opacity:0}
.actionGroup a{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:24px;transition:all .3s ease;position:relative;z-index:1}
.actionGroup .primBtn{background:linear-gradient(135deg,#FF7D18 0%,#00569B 100%);color:#fff;box-shadow:0 4px 12px #ff7d1833}
.actionGroup .primBtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #ff7d1859}
.actionGroup .secBtn{background:#fff;color:#00569B;border:2px solid #00569B}
.actionGroup .secBtn:hover{background:#00569B;color:#fff;transform:translateY(-2px);box-shadow:0 6px 16px #00569b40}
.detailsArea{padding:80px 20px;background:#fff}
.detailsArea .grid-2{max-width:1000px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.infoCard{background:linear-gradient(135deg,#f8f9fa 0%,#fff 100%);padding:40px;border-radius:28px;border:2px solid #e9ecef;position:relative}
.infoCard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#FF7D18 0%,#00569B 100%);border-radius:28px 0 0 28px}
.infoCard h2{font-size:1.85rem;font-weight:700;color:#212529;margin:0 0 24px;position:relative;padding-left:20px}
.infoCard h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#FF7D18;border-radius:50%}
.infoCard p{font-size:1.05rem;line-height:1.8;color:#495057;margin:0 0 16px}
.infoCard p:last-child{margin-bottom:0}
.stepFlow{display:flex;flex-direction:column;gap:24px}
.stepItem{display:flex;gap:20px;align-items:flex-start}
.stepNum{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#00569B 0%,#FF7D18 100%);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:700}
.stepContent h3{font-size:1.25rem;font-weight:600;color:#212529;margin:0 0 8px}
.stepContent p{font-size:1rem;line-height:1.7;color:#6c757d;margin:0}
@media (max-width: 1024px) {
.splitHeading{font-size:2.2rem}
.detailsArea .grid-2{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 640px) {
.successWrap{padding:60px 16px}
.splitHeading{font-size:1.8rem;margin-bottom:24px}
.confirmBox p{font-size:1rem;margin-bottom:32px}
.actionGroup{flex-direction:column;gap:12px}
.actionGroup a{width:100%;justify-content:center;padding:12px 24px}
.detailsArea{padding:60px 16px}
.infoCard{padding:28px 20px}
.infoCard h2{font-size:1.5rem;margin-bottom:20px}
.stepNum{width:40px;height:40px;font-size:1.1rem}
.stepContent h3{font-size:1.1rem}
}