@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap";
*{margin:0;padding:0}
.headercontainer,.footercontainer,.cookietoast .toastcontent{box-sizing:border-box}
body{font-family:'Figtree',sans-serif;background:linear-gradient(135deg,#F9FAFB 0%,#fff 100%);color:#2D444C;line-height:1.6}
.mainheader{background:linear-gradient(128deg,#2D444C 0%,#3a5560 100%);box-shadow:0 4px 12px #2d444c26;padding:25px 0}
.headercontainer{max-width:1140px;margin:0 auto;padding:0 20px}
.toprow{text-align:center;margin-bottom:20px}
.companytitle{font-size:28px;font-weight:700;color:#F9FAFB;letter-spacing:1px;text-shadow:0 2px 4px #0003}
.middlerow{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:30px}
.contactleft,.contactright{display:flex;flex-direction:column;gap:12px;flex:1}
.contactitem{display:flex;flex-direction:column;gap:4px}
.contactlabel{font-size:12px;color:#F9FAFB;opacity:.8;font-weight:400}
.contactlink,.contacttext{font-size:14px;color:#F9FAFB;text-decoration:none;font-weight:600}
.contactlink:hover{color:#E74263}
.logowrapper{flex-shrink:0;display:flex;align-items:center;justify-content:center}
.sitelogo{height:90px;width:90px;background:#f9fafb1a;padding:12px;border-radius:28px;box-shadow:0 6px 18px #00000040}
.bottomrow{border-top:1px solid #f9fafb33;padding-top:18px}
.mainnav{display:flex;justify-content:center;gap:35px;flex-wrap:wrap}
.mainnav .navlink{color:#F9FAFB;text-decoration:none;font-size:15px;font-weight:600;padding:8px 16px;border-radius:20px;transition:background .25s ease,color .25s ease}
.mainnav .navlink:hover{background:#e7426326;color:#E74263}
@media (max-width: 768px) {
.middlerow{flex-direction:column;text-align:center}
.contactleft,.contactright{align-items:center}
.mainnav{flex-direction:column;align-items:center;gap:15px}
.companytitle{font-size:22px}
}
.sitefooter{background:linear-gradient(142deg,#2D444C 0%,#1f3139 100%);color:#F9FAFB;padding:50px 0 30px;margin-top:80px}
.footercontainer{max-width:1140px;margin:0 auto;padding:0 20px}
.footergrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:40px;margin-bottom:40px}
.footercol{display:flex;flex-direction:column;gap:18px}
.footerheading{font-size:20px;font-weight:700;color:#E74263;margin-bottom:8px}
.footertext{font-size:14px;line-height:1.7;color:#f9fafbd9}
.footeraddress{font-size:14px;line-height:1.8;color:#f9fafbd9}
.footernav,.footercontactinfo{display:flex;flex-direction:column;gap:12px}
.footerlink{color:#F9FAFB;text-decoration:none;font-size:14px;transition:color .25s ease}
.footerlink:hover{color:#E74263}
.footerbottom{border-top:1px solid #f9fafb26;padding-top:25px;text-align:center}
.copyright{font-size:13px;color:#f9fafbb3}
.cookietoast{position:fixed;top:20px;right:20px;background:linear-gradient(125deg,#fff 0%,#F9FAFB 100%);border-radius:24px;box-shadow:0 8px 24px #2d444c33;max-width:380px;z-index:9999;display:none;opacity:0;transform:translateY(-20px);transition:opacity .3s ease,transform .3s ease}
.cookietoast.is-visible{opacity:1;transform:translateY(0)}
.toastcontent{padding:24px}
.toasttext{font-size:14px;color:#2D444C;margin-bottom:18px;line-height:1.6}
.consentopts{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}
.optlabel{display:flex;align-items:center;gap:8px;font-size:13px;color:#2D444C;cursor:pointer}
.optcheck{cursor:pointer}
.datasaleoption{margin-bottom:14px;padding-top:10px;border-top:1px solid #2d444c1a}
.policydetails{margin-bottom:18px;font-size:13px}
.policysummary{cursor:pointer;color:#E74263;font-weight:600;margin-bottom:8px}
.policytext{margin-top:8px;font-size:12px;color:#2D444C;line-height:1.6}
.policylink{color:#E74263;text-decoration:underline}
.toastactions{display:flex;flex-direction:column;gap:8px}
.toastbtn{padding:10px 18px;border:none;border-radius:20px;font-size:13px;font-weight:600;cursor:pointer;transition:background .25s ease,transform .15s ease;font-family:'Figtree',sans-serif}
.acceptbtn{background:linear-gradient(135deg,#E74263 0%,#c93556 100%);color:#fff}
.acceptbtn:hover{background:linear-gradient(135deg,#c93556 0%,#b02d4a 100%);transform:translateY(-1px)}
.declinebtn{background:#F9FAFB;color:#2D444C;border:1px solid #2d444c33}
.declinebtn:hover{background:#e8eaed}
.savebtn{background:linear-gradient(135deg,#2D444C 0%,#1f3139 100%);color:#F9FAFB}
.savebtn:hover{background:linear-gradient(135deg,#1f3139 0%,#162429 100%);transform:translateY(-1px)}
@media (max-width: 480px) {
.cookietoast{right:10px;left:10px;max-width:none}
}
.agreement-yvo-section{max-width:1140px;margin:0 auto;padding:60px 20px;background:#F9FAFB}
.agreement-yvo-section p{font-size:16px;line-height:1.8;color:#2D444C;margin:0 0 24px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
.agreement-yvo-section p:last-child{margin-bottom:0}
.agreement-yvo-section strong,.agreement-yvo-section b{font-weight:600;color:#2D444C}
.agreement-yvo-section a{color:#E74263;text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease,color .3s ease}
.agreement-yvo-section a:hover{color:#d13254;border-bottom-color:#d13254}
.agreement-yvo-section a:focus{outline:2px solid #E74263;outline-offset:2px;border-radius:2px}
.agreement-yvo-section table{width:100%;border-collapse:collapse;margin:32px 0;background:#fff;box-shadow:0 2px 8px #2d444c14;border-radius:20px;overflow:hidden}
.agreement-yvo-section thead{background:linear-gradient(135deg,#2D444C 0%,#3a5660 100%)}
.agreement-yvo-section thead tr{background:transparent}
.agreement-yvo-section thead th{color:#F9FAFB;font-weight:600;text-align:left;padding:18px 24px;font-size:15px;letter-spacing:.3px}
.agreement-yvo-section tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s ease}
.agreement-yvo-section tbody tr:last-child{border-bottom:none}
.agreement-yvo-section tbody tr:hover{background-color:#f9fafb}
.agreement-yvo-section tbody td{padding:16px 24px;color:#2D444C;font-size:15px;line-height:1.6}
.agreement-yvo-section th,.agreement-yvo-section td{vertical-align:top}
.agreement-yvo-section hr{border:none;height:2px;background:linear-gradient(90deg,#E74263 0%,#e742631a 100%);margin:48px 0;border-radius:2px}
.agreement-yvo-section div{margin:24px 0}
@media (max-width: 768px) {
.agreement-yvo-section{padding:40px 16px}
.agreement-yvo-section p{font-size:15px;line-height:1.7;margin-bottom:20px}
.agreement-yvo-section table{display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:24px 0;border-radius:12px}
.agreement-yvo-section thead th{padding:14px 16px;font-size:14px;white-space:nowrap}
.agreement-yvo-section tbody td{padding:12px 16px;font-size:14px}
.agreement-yvo-section hr{margin:32px 0}
.agreement-yvo-section div{margin:20px 0}
}
@media (max-width: 480px) {
.agreement-yvo-section{padding:32px 12px}
.agreement-yvo-section p{font-size:14px}
.agreement-yvo-section table{border-radius:8px;font-size:13px}
.agreement-yvo-section thead th{padding:12px;font-size:13px}
.agreement-yvo-section tbody td{padding:10px 12px;font-size:13px}
}
.titlezone{background:linear-gradient(128deg,#2D444C 0%,#3a5661 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.titlezone::before{content:'';position:absolute;top:-50%;right:-20%;width:80%;height:200%;background:linear-gradient(45deg,#e7426314 0%,transparent 60%);transform:rotate(15deg)}
.titlewrap{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.3fr;gap:60px;align-items:center;position:relative;z-index:2}
.titlecopy h1{font-size:48px;line-height:1.1;color:#F9FAFB;margin:0 0 24px;font-weight:700}
.titlecopy p{font-size:19px;line-height:1.6;color:#f9fafbd9;margin:0}
.titlevisual{position:relative}
.titlevisual img{width:100%;height:420px;object-fit:cover;border-radius:32px;box-shadow:0 24px 48px #0000004d}
.titlevisual::after{content:'';position:absolute;inset:0;border-radius:32px;background:radial-gradient(circle at center,transparent 40%,#2d444c99 100%);pointer-events:none}
.impactgrid{max-width:1140px;margin:100px auto;padding:0 20px}
.impactgrid h2{font-size:38px;line-height:1.2;color:#2D444C;margin:0 0 60px;text-align:center;font-weight:700}
.cardset{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.impactcard{background:linear-gradient(135deg,#F9FAFB 0%,#fff 100%);border-radius:28px;padding:40px 32px;box-shadow:0 4px 16px #2d444c14;transition:all .3s ease;border:2px solid transparent}
.impactcard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #2d444c26;border-color:#e7426333}
.impactcard h3{font-size:24px;line-height:1.3;color:#2D444C;margin:0 0 16px;font-weight:600}
.impactcard p{font-size:16px;line-height:1.7;color:#5a6c75;margin:0 0 24px}
.metricline{display:flex;align-items:center;gap:12px;padding-top:20px;border-top:2px solid #e7426326}
.metricline svg{width:28px;height:28px;flex-shrink:0}
.metricline span{font-size:15px;color:#E74263;font-weight:600}
.storysection{background:linear-gradient(165deg,#F9FAFB 0%,#e8eef2 100%);padding:90px 20px;position:relative}
.storysection::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#2D444C 0%,#E74263 50%,#2D444C 100%)}
.storylayout{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:50px}
.storyintro{max-width:780px}
.storyintro h2{font-size:36px;line-height:1.25;color:#2D444C;margin:0 0 20px;font-weight:700}
.storyintro p{font-size:17px;line-height:1.75;color:#5a6c75;margin:0}
.timelinerail{position:relative;padding-left:60px}
.timelinerail::before{content:'';position:absolute;left:20px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#2D444C 0%,#E74263 100%)}
.timelinenode{position:relative;margin-bottom:48px}
.timelinenode:last-child{margin-bottom:0}
.timelinenode::before{content:'';position:absolute;left:-48px;top:6px;width:16px;height:16px;background:#E74263;border:4px solid #F9FAFB;border-radius:50%;box-shadow:0 2px 8px #e742634d}
.timelinenode h3{font-size:22px;line-height:1.3;color:#2D444C;margin:0 0 12px;font-weight:600}
.timelinenode p{font-size:16px;line-height:1.7;color:#5a6c75;margin:0}
.timelineyear{display:inline-block;font-size:14px;font-weight:700;color:#E74263;background:#e742631a;padding:4px 12px;border-radius:16px;margin-bottom:8px}
@media (max-width: 968px) {
.titlewrap{grid-template-columns:1fr;gap:40px}
.titlecopy h1{font-size:38px}
.titlevisual img{height:320px}
.impactgrid h2{font-size:32px}
.cardset{grid-template-columns:1fr}
.timelinerail{padding-left:50px}
}
@media (max-width: 640px) {
.titlezone{padding:60px 20px 80px}
.titlecopy h1{font-size:32px}
.titlecopy p{font-size:17px}
.titlevisual img{height:260px}
.impactgrid{margin:70px auto}
.impactgrid h2{font-size:28px;margin-bottom:40px}
.impactcard{padding:32px 24px}
.storysection{padding:70px 20px}
.storyintro h2{font-size:28px}
.timelinerail{padding-left:40px}
.timelinenode::before{left:-38px}
}
.titlehero{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:flex-end}
.titlehero .bgimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:sepia(0.2) brightness(0.9) contrast(1.1)}
.titlehero .decorshape{position:absolute;border-radius:50%;background:linear-gradient(135deg,#e7426326,#2d444c1f);animation:floatshape 8s ease-in-out infinite}
.titlehero .decorshape:nth-child(2){width:280px;height:280px;top:15%;right:12%;animation-delay:1s}
.titlehero .decorshape:nth-child(3){width:180px;height:180px;bottom:35%;left:8%;animation-delay:2.5s}
@keyframes floatshape {
0%,100%{transform:translateY(0) scale(1);opacity:.6}
50%{transform:translateY(-30px) scale(1.05);opacity:.8}
}
.titlehero .herocontent{position:relative;z-index:3;max-width:1140px;width:100%;margin:0 auto;padding:0 30px 80px}
.titlehero .herocontent h1{font-size:3.2rem;font-weight:700;color:#F9FAFB;margin:0 0 20px;text-shadow:2px 2px 8px #0006;line-height:1.2}
.titlehero .herocontent .desctext{font-size:1.15rem;color:#F9FAFB;margin:0 0 30px;max-width:620px;line-height:1.7;text-shadow:1px 1px 4px #0000004d}
.titlehero .herocontent .herobtn{display:inline-block;padding:16px 38px;background:linear-gradient(125deg,#E74263,#c93555);color:#F9FAFB;text-decoration:none;border-radius:30px;font-weight:600;font-size:1.05rem;box-shadow:0 6px 18px #e7426359;transition:all .3s ease}
.titlehero .herocontent .herobtn:hover{transform:translateY(-3px);box-shadow:0 10px 24px #e7426373;background:linear-gradient(125deg,#c93555,#E74263)}
.storyblock{background:linear-gradient(158deg,#F9FAFB 0%,#e8ecee 100%);padding:90px 30px}
.storyblock .storyinner{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.storyblock .textside h2{font-size:2.5rem;color:#2D444C;margin:0 0 25px;font-weight:700;position:relative;padding-left:20px}
.storyblock .textside h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:50px;background:linear-gradient(180deg,#E74263,#c93555);border-radius:8px}
.storyblock .textside .mainpar{font-size:1.05rem;line-height:1.8;color:#4a5a62;margin:0 0 22px}
.storyblock .textside .secpar{font-size:1rem;line-height:1.75;color:#5d6d75;margin:0 0 18px}
.storyblock .imgside{position:relative}
.storyblock .imgside .storyimg{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 12px 40px #2d444c2e}
.storyblock .imgside::after{content:'';position:absolute;bottom:-25px;right:-25px;width:200px;height:200px;background:linear-gradient(225deg,#e7426333,#2d444c26);border-radius:50%;z-index:-1}
.valuesection{background:#2D444C;padding:85px 30px;position:relative;overflow:hidden}
.valuesection::before{content:'';position:absolute;top:-50px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#e742631f,transparent 70%);border-radius:50%}
.valuesection .valueswrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.valuesection .valueswrap h2{font-size:2.4rem;color:#F9FAFB;text-align:center;margin:0 0 55px;font-weight:700}
.valuesection .gridvalues{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valuesection .valuecard{background:#f9fafb14;padding:40px 32px;border-radius:28px;border:1px solid #f9fafb1f;transition:all .35s ease;position:relative;overflow:hidden}
.valuesection .valuecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#E74263,transparent);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.valuesection .valuecard:hover::before{transform:scaleX(1)}
.valuesection .valuecard:hover{transform:translateY(-8px);background:#f9fafb1f;border-color:#e742634d;box-shadow:0 16px 40px #00000040}
.valuesection .valuecard h3{font-size:1.5rem;color:#F9FAFB;margin:0 0 18px;font-weight:600}
.valuesection .valuecard .valuetext{font-size:.98rem;line-height:1.7;color:#d4dbde;margin:0}
.teamjourney{background:linear-gradient(142deg,#F9FAFB 0%,#fff 100%);padding:90px 30px}
.teamjourney .journeywrap{max-width:1140px;margin:0 auto}
.teamjourney .toppart{display:flex;align-items:flex-start;gap:60px;margin-bottom:70px}
.teamjourney .toppart .imagebox{flex:0 0 420px}
.teamjourney .toppart .imagebox .journeyimg{width:100%;height:520px;object-fit:cover;border-radius:30px;box-shadow:0 14px 36px #2d444c29}
.teamjourney .toppart .textbox{flex:1}
.teamjourney .toppart .textbox h2{font-size:2.3rem;color:#2D444C;margin:0 0 28px;font-weight:700;line-height:1.25}
.teamjourney .toppart .textbox .journeypar{font-size:1.05rem;line-height:1.75;color:#4a5a62;margin:0 0 20px}
.teamjourney .toppart .textbox .secondpar{font-size:1rem;line-height:1.7;color:#5d6d75;margin:0 0 18px}
.teamjourney .bottompart{display:grid;grid-template-columns:repeat(2,1fr);gap:50px}
.teamjourney .bottompart .colcontent{background:#fff;padding:45px 38px;border-radius:26px;box-shadow:0 8px 28px #2d444c1a;border:1px solid #e8ecee}
.teamjourney .bottompart .colcontent h3{font-size:1.65rem;color:#2D444C;margin:0 0 20px;font-weight:600;position:relative;padding-bottom:15px}
.teamjourney .bottompart .colcontent h3::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#E74263,transparent);border-radius:4px}
.teamjourney .bottompart .colcontent .colpar{font-size:1rem;line-height:1.75;color:#5d6d75;margin:0}
.memberspot{background:#2D444C;padding:80px 30px;position:relative}
.memberspot::after{content:'';position:absolute;bottom:-80px;right:-80px;width:350px;height:350px;background:radial-gradient(circle,#e7426326,transparent 65%);border-radius:50%}
.memberspot .memberwrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.memberspot .memberwrap h2{font-size:2.3rem;color:#F9FAFB;text-align:center;margin:0 0 50px;font-weight:700}
.memberspot .profilegrid{display:grid;grid-template-columns:320px 1fr;gap:55px;align-items:center}
.memberspot .profilegrid .photoside{position:relative}
.memberspot .profilegrid .photoside::before{content:'';position:absolute;top:-20px;left:-20px;width:100%;height:100%;border:2px solid #e742634d;border-radius:28px;z-index:-1}
.memberspot .profilegrid .photoside .memberphoto{width:100%;height:380px;object-fit:cover;border-radius:28px;box-shadow:0 12px 32px #0000004d}
.memberspot .profilegrid .infoside h3{font-size:1.8rem;color:#F9FAFB;margin:0 0 12px;font-weight:700}
.memberspot .profilegrid .infoside .roletitle{font-size:1.15rem;color:#E74263;margin:0 0 25px;font-weight:600}
.memberspot .profilegrid .infoside .biotext{font-size:1.02rem;line-height:1.75;color:#d4dbde;margin:0 0 20px}
.memberspot .profilegrid .infoside .biotext:last-child{margin-bottom:0}
@media (max-width: 992px) {
.titlehero .herocontent h1{font-size:2.5rem}
.storyblock .storyinner{grid-template-columns:1fr;gap:50px}
.storyblock .imgside::after{display:none}
.valuesection .gridvalues{grid-template-columns:1fr;gap:30px}
.teamjourney .toppart{flex-direction:column;gap:40px}
.teamjourney .toppart .imagebox{flex:1;width:100%}
.teamjourney .bottompart{grid-template-columns:1fr;gap:30px}
.memberspot .profilegrid{grid-template-columns:1fr;gap:40px}
.memberspot .profilegrid .photoside::before{display:none}
}
@media (max-width: 768px) {
.titlehero .herocontent h1{font-size:2rem}
.titlehero .herocontent .desctext{font-size:1rem}
.titlehero .decorshape{display:none}
.storyblock{padding:60px 20px}
.storyblock .textside h2{font-size:2rem}
.valuesection{padding:60px 20px}
.valuesection .valueswrap h2{font-size:2rem}
.teamjourney{padding:60px 20px}
.teamjourney .toppart .textbox h2{font-size:1.9rem}
.memberspot{padding:60px 20px}
.memberspot .memberwrap h2{font-size:1.9rem}
}
.contactwrap{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:flex-end;background:linear-gradient(137deg,#2D444C 0%,#1a2a30 100%)}
.contactwrap .heroimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.35;filter:saturate(0.7)}
.contactwrap .herotextzone{position:relative;z-index:2;width:100%;max-width:1140px;margin:0 auto;padding:0 20px 80px}
.contactwrap .herotextzone .leadtext{font-size:18px;color:#F9FAFB;margin:0 0 12px;line-height:1.6;opacity:.9}
.contactwrap .herotextzone .maintitle{font-size:56px;font-weight:700;color:#F9FAFB;margin:0 0 20px;line-height:1.2}
.contactwrap .herotextzone .subtitletext{font-size:20px;color:#F9FAFB;margin:0;line-height:1.7;max-width:680px;opacity:.85}
.contactformarea{width:100%;background:linear-gradient(168deg,#F9FAFB 0%,#e8eaed 100%);padding:100px 20px 120px}
.contactformarea .innercontainer{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:80px;align-items:start}
.contactformarea .infoside .sectionlabel{font-size:14px;text-transform:uppercase;letter-spacing:1.4px;color:#E74263;margin:0 0 16px;font-weight:600}
.contactformarea .infoside .blocktitle{font-size:42px;font-weight:700;color:#2D444C;margin:0 0 28px;line-height:1.25}
.contactformarea .infoside .desctext{font-size:17px;color:#2D444C;line-height:1.7;margin:0 0 40px}
.contactformarea .infoside .detailslist{list-style:none;padding:0;margin:0}
.contactformarea .infoside .detailslist .detailrow{margin:0 0 32px;position:relative;padding-left:52px}
.contactformarea .infoside .detailslist .detailrow::before{content:'';position:absolute;left:0;top:4px;width:40px;height:40px;background:linear-gradient(135deg,#E74263 0%,#c93556 100%);border-radius:12px;box-shadow:0 4px 12px #e7426340}
.contactformarea .infoside .detailslist .detailrow .itemlabel{font-size:13px;text-transform:uppercase;letter-spacing:1.2px;color:#2D444C;margin:0 0 6px;opacity:.7;font-weight:600}
.contactformarea .infoside .detailslist .detailrow .itemvalue{font-size:18px;color:#2D444C;margin:0;font-weight:500}
.contactformarea .infoside .detailslist .detailrow .itemvalue a{color:#2D444C;text-decoration:none;transition:color .3s ease}
.contactformarea .infoside .detailslist .detailrow .itemvalue a:hover{color:#E74263}
.contactformarea .formside{background:#fff;padding:50px 46px 54px;border-radius:32px;box-shadow:0 12px 40px #2d444c14}
.contactformarea .formside .formtitle{font-size:28px;font-weight:700;color:#2D444C;margin:0 0 32px}
.contactformarea .formside .userform .fieldrow{margin:0 0 24px}
.contactformarea .formside .userform .fieldrow.doublegrid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.contactformarea .formside .userform .fieldrow label{display:block;font-size:14px;font-weight:600;color:#2D444C;margin:0 0 10px}
.contactformarea .formside .userform .fieldrow input[type="text"],.contactformarea .formside .userform .fieldrow input[type="email"],.contactformarea .formside .userform .fieldrow input[type="tel"],.contactformarea .formside .userform .fieldrow select,.contactformarea .formside .userform .fieldrow textarea{width:100%;padding:14px 18px;border:2px solid #e0e3e7;border-radius:16px;font-size:16px;color:#2D444C;background:#F9FAFB;transition:all .3s ease;box-shadow:inset 0 2px 4px #2d444c0a}
.contactformarea .formside .userform .fieldrow input[type="text"]:focus,.contactformarea .formside .userform .fieldrow input[type="email"]:focus,.contactformarea .formside .userform .fieldrow input[type="tel"]:focus,.contactformarea .formside .userform .fieldrow select:focus,.contactformarea .formside .userform .fieldrow textarea:focus{outline:none;border-color:#E74263;background:#fff;box-shadow:0 0 0 4px #e7426314 inset 0 2px 4px #2d444c0a}
.contactformarea .formside .userform .fieldrow select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L6 6L11 1' stroke='%232D444C' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:45px;cursor:pointer}
.contactformarea .formside .userform .fieldrow textarea{min-height:140px;resize:vertical;font-family:inherit}
.contactformarea .formside .userform .privacybox{margin:28px 0 32px;display:flex;align-items:flex-start;gap:12px}
.contactformarea .formside .userform .privacybox input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#E74263;flex-shrink:0}
.contactformarea .formside .userform .privacybox label{font-size:14px;color:#2D444C;line-height:1.6;margin:0;cursor:pointer}
.contactformarea .formside .userform .privacybox label a{color:#E74263;text-decoration:none;font-weight:600;transition:opacity .3s ease}
.contactformarea .formside .userform .privacybox label a:hover{opacity:.8}
.contactformarea .formside .userform .submitbtn{width:100%;padding:16px 28px;background:linear-gradient(135deg,#E74263 0%,#c93556 100%);color:#fff;border:none;border-radius:16px;font-size:17px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #e742634d;z-index:10;position:relative}
.contactformarea .formside .userform .submitbtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #e7426366}
.contactformarea .formside .userform .submitbtn:active{transform:translateY(0)}
@media (max-width: 968px) {
.contactwrap{height:80vh;min-height:600px}
.contactwrap .herotextzone{padding:0 20px 60px}
.contactwrap .herotextzone .maintitle{font-size:42px}
.contactwrap .herotextzone .subtitletext{font-size:18px}
.contactformarea{padding:70px 20px 80px}
.contactformarea .innercontainer{grid-template-columns:1fr;gap:50px}
.contactformarea .infoside .blocktitle{font-size:34px}
.contactformarea .formside{padding:40px 32px 44px}
}
@media (max-width: 640px) {
.contactwrap{height:70vh;min-height:500px}
.contactwrap .herotextzone{padding:0 16px 40px}
.contactwrap .herotextzone .leadtext{font-size:16px}
.contactwrap .herotextzone .maintitle{font-size:32px}
.contactwrap .herotextzone .subtitletext{font-size:16px}
.contactformarea{padding:50px 16px 60px}
.contactformarea .infoside .blocktitle{font-size:28px}
.contactformarea .infoside .desctext{font-size:16px}
.contactformarea .infoside .detailslist .detailrow{padding-left:48px}
.contactformarea .infoside .detailslist .detailrow::before{width:36px;height:36px}
.contactformarea .formside{padding:32px 24px 36px}
.contactformarea .formside .formtitle{font-size:24px}
.contactformarea .formside .userform .fieldrow.doublegrid{grid-template-columns:1fr;gap:24px}
.contactformarea .formside .userform .fieldrow input[type="text"],.contactformarea .formside .userform .fieldrow input[type="email"],.contactformarea .formside .userform .fieldrow input[type="tel"],.contactformarea .formside .userform .fieldrow select,.contactformarea .formside .userform .fieldrow textarea{font-size:15px}
}
.herotitle{background:linear-gradient(127deg,#2D444C 0%,#3a5861 100%);padding:80px 20px 90px;position:relative;overflow:hidden}
.herotitle::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#e742631f 0%,transparent 70%);border-radius:50%}
.herotitlecontainer{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.herotitle .textcontent h1{font-size:48px;line-height:1.2;color:#F9FAFB;margin:0 0 24px;font-weight:700}
.herotitle .textcontent .subtitle{font-size:20px;line-height:1.6;color:#f9fafbd9;margin:0 0 32px}
.herotitle .textcontent .btngroup{display:flex;gap:16px;flex-wrap:wrap}
.herotitle .textcontent .primarybtn{background:linear-gradient(135deg,#E74263 0%,#c93556 100%);color:#F9FAFB;padding:16px 32px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;display:inline-block;transition:all .3s ease;box-shadow:0 8px 16px #e7426340}
.herotitle .textcontent .primarybtn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #e7426359}
.herotitle .textcontent .secondarybtn{background:#f9fafb1a;color:#F9FAFB;padding:16px 32px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;display:inline-block;transition:all .3s ease;border:2px solid #f9fafb4d}
.herotitle .textcontent .secondarybtn:hover{background:#f9fafb26;border-color:#f9fafb80}
.herotitle .visualside{position:relative}
.herotitle .visualside img{width:100%;height:420px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #0000004d}
.sourcesblock{padding:90px 20px;background:#F9FAFB}
.sourcescontainer{max-width:1140px;margin:0 auto}
.sourcesblock .sectiontop{text-align:center;margin-bottom:64px}
.sourcesblock .sectiontop h2{font-size:40px;line-height:1.3;color:#2D444C;margin:0 0 16px;font-weight:700}
.sourcesblock .sectiontop .intro{font-size:18px;line-height:1.7;color:#4a5f68;max-width:720px;margin:0 auto}
.resourcegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.resourcecard{background:#fff;border-radius:24px;padding:40px 32px;box-shadow:0 4px 16px #2d444c14;transition:all .3s ease;position:relative}
.resourcecard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#E74263 0%,#2D444C 100%);border-radius:24px 24px 0 0;opacity:0;transition:opacity .3s ease}
.resourcecard:hover::before{opacity:1}
.resourcecard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #2d444c26}
.resourcecard h3{font-size:24px;line-height:1.4;color:#2D444C;margin:0 0 16px;font-weight:700}
.resourcecard .description{font-size:16px;line-height:1.7;color:#4a5f68;margin:0 0 24px}
.resourcecard .featureslist{list-style:none;padding:0;margin:0}
.resourcecard .featureslist li{font-size:15px;line-height:1.6;color:#5d747e;padding:8px 0 8px 28px;position:relative}
.resourcecard .featureslist li::before{content:'';position:absolute;left:0;top:14px;width:16px;height:16px;background:linear-gradient(135deg,#E74263 0%,#c93556 100%);border-radius:50%}
.platformaccess{padding:90px 20px;background:#fff}
.platformcontainer{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:45% 55%;gap:80px;align-items:center}
.platformaccess .imagewrap img{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #2d444c1f}
.platformaccess .contentwrap h2{font-size:38px;line-height:1.3;color:#2D444C;margin:0 0 24px;font-weight:700}
.platformaccess .contentwrap .leadtext{font-size:18px;line-height:1.7;color:#4a5f68;margin:0 0 32px}
.accesspoints{display:flex;flex-direction:column;gap:24px}
.accesspoint{display:flex;gap:20px;padding:24px;background:#F9FAFB;border-radius:20px;transition:all .3s ease}
.accesspoint:hover{background:#f0f3f5;transform:translateX(8px)}
.accesspoint .iconwrap{flex-shrink:0;width:56px;height:56px;background:linear-gradient(135deg,#E74263 0%,#c93556 100%);border-radius:16px;display:flex;align-items:center;justify-content:center}
.accesspoint .iconwrap svg{width:28px;height:28px;fill:#F9FAFB}
.accesspoint .textwrap h4{font-size:20px;line-height:1.4;color:#2D444C;margin:0 0 8px;font-weight:600}
.accesspoint .textwrap p{font-size:15px;line-height:1.6;color:#5d747e;margin:0}
.uniquemechanics{padding:90px 20px;background:linear-gradient(168deg,#2D444C 0%,#3f5a65 100%);position:relative}
.uniquemechanics::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:120px;background:linear-gradient(to bottom,transparent 0%,#F9FAFB 100%)}
.mechanicscontainer{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.uniquemechanics .topheader{text-align:center;margin-bottom:56px}
.uniquemechanics .topheader h2{font-size:40px;line-height:1.3;color:#F9FAFB;margin:0 0 16px;font-weight:700}
.uniquemechanics .topheader .subheading{font-size:18px;line-height:1.7;color:#f9fafbcc;max-width:680px;margin:0 auto}
.mechanicsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.mechanicitem{background:#f9fafb14;border-radius:28px;padding:40px 36px;border:1px solid #f9fafb1f;transition:all .3s ease;display:flex;gap:24px}
.mechanicitem:hover{background:#f9fafb1f;border-color:#f9fafb40;transform:translateY(-4px)}
.mechanicitem .visualpart{flex-shrink:0}
.mechanicitem .visualpart img{width:180px;height:180px;object-fit:cover;border-radius:20px}
.mechanicitem .textpart h3{font-size:24px;line-height:1.4;color:#F9FAFB;margin:0 0 16px;font-weight:700}
.mechanicitem .textpart .explanation{font-size:16px;line-height:1.7;color:#f9fafbbf;margin:0}
.developmentprocess{padding:100px 20px 90px;background:#F9FAFB}
.developcontainer{max-width:1140px;margin:0 auto}
.developmentprocess .headersection{text-align:center;margin-bottom:64px}
.developmentprocess .headersection h2{font-size:40px;line-height:1.3;color:#2D444C;margin:0 0 20px;font-weight:700}
.developmentprocess .headersection .explanatory{font-size:18px;line-height:1.7;color:#4a5f68;max-width:740px;margin:0 auto}
.tabsystem{position:relative}
.tabsystem input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.tablabels{display:flex;gap:12px;margin-bottom:48px;justify-content:center;flex-wrap:wrap}
.tablabels label{padding:14px 28px;background:#fff;color:#5d747e;border-radius:24px;cursor:pointer;font-size:16px;font-weight:600;transition:all .3s ease;border:2px solid transparent}
.tablabels label:hover{background:#f0f3f5;color:#2D444C}
.tabsystem input[type="radio"]:checked + label{background:linear-gradient(135deg,#E74263 0%,#c93556 100%);color:#F9FAFB;border-color:#E74263}
.tabcontent{display:none;animation:fadein .4s ease}
@keyframes fadein {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.tabsystem input[type="radio"]:nth-of-type(1):checked ~ .tabcontent:nth-of-type(1),.tabsystem input[type="radio"]:nth-of-type(2):checked ~ .tabcontent:nth-of-type(2),.tabsystem input[type="radio"]:nth-of-type(3):checked ~ .tabcontent:nth-of-type(3){display:block}
.phasecontent{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.phasecontent .imgarea img{width:100%;height:400px;object-fit:cover;border-radius:28px;box-shadow:0 12px 40px #2d444c1a}
.phasecontent .textarea h3{font-size:32px;line-height:1.3;color:#2D444C;margin:0 0 20px;font-weight:700}
.phasecontent .textarea .detailpara{font-size:17px;line-height:1.7;color:#4a5f68;margin:0 0 24px}
.stepsequence{display:flex;flex-direction:column;gap:16px}
.singlestep{display:flex;gap:16px;padding:20px;background:#fff;border-radius:16px;border-left:4px solid #E74263}
.singlestep .stepnum{flex-shrink:0;width:40px;height:40px;background:linear-gradient(135deg,#E74263 0%,#c93556 100%);color:#F9FAFB;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:700}
.singlestep .steptext{flex:1}
.singlestep .steptext h5{font-size:18px;line-height:1.4;color:#2D444C;margin:0 0 8px;font-weight:600}
.singlestep .steptext p{font-size:15px;line-height:1.6;color:#5d747e;margin:0}
@media (max-width: 1024px) {
.herotitlecontainer{grid-template-columns:1fr;gap:40px}
.herotitle .textcontent h1{font-size:40px}
.platformcontainer{grid-template-columns:1fr;gap:48px}
.resourcegrid{grid-template-columns:repeat(2,1fr)}
.mechanicsgrid{grid-template-columns:1fr}
.phasecontent{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.herotitle{padding:60px 20px 70px}
.herotitle .textcontent h1{font-size:32px}
.herotitle .textcontent .subtitle{font-size:18px}
.herotitle .textcontent .btngroup{flex-direction:column}
.herotitle .textcontent .primarybtn,.herotitle .textcontent .secondarybtn{width:100%;text-align:center}
.herotitle .visualside img{height:320px}
.sourcesblock,.platformaccess,.uniquemechanics,.developmentprocess{padding:60px 20px}
.sourcesblock .sectiontop h2,.uniquemechanics .topheader h2,.developmentprocess .headersection h2{font-size:32px}
.platformaccess .contentwrap h2{font-size:30px}
.resourcegrid{grid-template-columns:1fr}
.mechanicitem{flex-direction:column}
.mechanicitem .visualpart img{width:100%;height:240px}
.tablabels{flex-direction:column}
.tablabels label{text-align:center}
.accesspoint{flex-direction:column}
}
@media (max-width: 480px) {
.herotitle .textcontent h1{font-size:28px}
.sourcesblock .sectiontop h2,.uniquemechanics .topheader h2,.developmentprocess .headersection h2{font-size:28px}
.platformaccess .contentwrap h2{font-size:26px}
.resourcecard,.mechanicitem,.singlestep{padding:24px 20px}
.phasecontent .imgarea img{height:280px}
}
.servicehead{background:linear-gradient(127deg,#2D444C 0%,#4A5F6A 100%);padding:0;margin:0 0 80px;position:relative;overflow:hidden}
.servicehead::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 70% 30%,#e742631f 0%,transparent 60%);pointer-events:none}
.headwrap{max-width:1140px;margin:0 auto;padding:100px 24px 90px;display:grid;grid-template-columns:1fr 420px;gap:60px;align-items:center;position:relative}
.headtext h1{font-size:56px;line-height:1.15;color:#F9FAFB;margin:0;font-weight:700}
.headvisual{position:relative}
.headvisual img{width:100%;height:380px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #0000003d;position:relative}
.headvisual::after{content:'';position:absolute;inset:0;border-radius:28px;background:radial-gradient(circle at 50% 50%,transparent 40%,#2d444c99 100%);pointer-events:none}
.problemzone{max-width:1140px;margin:0 auto 90px;padding:0 24px}
.problemgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.problemcard{background:#F9FAFB;padding:40px 32px;border-radius:24px;border:2px solid #E5E7EB;transition:all .3s ease}
.problemcard:hover{border-color:#E74263;box-shadow:0 12px 32px #e7426326;transform:translateY(-4px)}
.cardicon{width:52px;height:52px;background:linear-gradient(135deg,#E74263 0%,#C93558 100%);border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.cardicon svg{width:28px;height:28px;fill:#F9FAFB}
.problemcard h3{font-size:22px;line-height:1.3;color:#2D444C;margin:0 0 16px;font-weight:600}
.problemcard p{font-size:16px;line-height:1.6;color:#4A5F6A;margin:0}
.offerarea{background:linear-gradient(158deg,#F9FAFB 0%,#EEF0F2 100%);padding:90px 0;margin:0 0 90px}
.offercontainer{max-width:1140px;margin:0 auto;padding:0 24px}
.offertitle{text-align:center;margin-bottom:60px}
.offertitle h2{font-size:44px;line-height:1.2;color:#2D444C;margin:0 0 18px;font-weight:700}
.offertitle p{font-size:18px;line-height:1.6;color:#4A5F6A;margin:0;max-width:680px;margin-left:auto;margin-right:auto}
.servicetabs{display:flex;flex-direction:column}
.tabnavbar{display:flex;gap:16px;margin-bottom:48px;justify-content:center;flex-wrap:wrap}
.tabinput{display:none}
.tablabel{padding:16px 32px;background:#fff;border:2px solid #E5E7EB;border-radius:20px;font-size:17px;font-weight:600;color:#4A5F6A;cursor:pointer;transition:all .3s ease;display:inline-block}
.tablabel:hover{border-color:#E74263;color:#E74263}
.tabinput:checked + .tablabel{background:linear-gradient(135deg,#E74263 0%,#C93558 100%);border-color:#E74263;color:#F9FAFB;box-shadow:0 8px 24px #e7426340}
.tabpanel{display:none;background:#fff;border-radius:28px;padding:48px;box-shadow:0 8px 32px #2d444c14}
.tabinput:checked ~ .tabpanel{display:block}
.panelcontent{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.contenttext h3{font-size:32px;line-height:1.3;color:#2D444C;margin:0 0 24px;font-weight:700}
.contenttext p{font-size:17px;line-height:1.7;color:#4A5F6A;margin:0 0 28px}
.featurelist{list-style:none;padding:0;margin:0}
.featurelist li{padding:14px 0 14px 36px;position:relative;font-size:16px;line-height:1.6;color:#4A5F6A;border-bottom:1px solid #E5E7EB}
.featurelist li:last-child{border-bottom:none}
.featurelist li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:linear-gradient(135deg,#E74263 0%,#C93558 100%);border-radius:6px}
.featurelist li::after{content:'✓';position:absolute;left:5px;top:15px;color:#F9FAFB;font-size:14px;font-weight:700}
.contentvisual img{width:100%;height:420px;object-fit:cover;border-radius:20px;box-shadow:0 12px 40px #2d444c1f}
.testimonialsection{max-width:1140px;margin:0 auto 90px;padding:0 24px}
.testimonialgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px}
.testimonialbox{background:linear-gradient(145deg,#F9FAFB 0%,#fff 100%);padding:44px;border-radius:32px;border:2px solid #E5E7EB;position:relative;transition:all .3s ease}
.testimonialbox:hover{box-shadow:0 16px 48px #2d444c1a;border-color:#2D444C}
.quotemark{position:absolute;top:24px;right:32px;width:48px;height:48px;opacity:.12}
.quotemark svg{width:100%;height:100%;fill:#E74263}
.testimonialtext{margin-bottom:32px}
.testimonialtext p{font-size:18px;line-height:1.7;color:#2D444C;margin:0;font-style:italic}
.authorinfo{display:flex;align-items:center;gap:20px}
.authorimg{width:64px;height:64px;border-radius:50%;object-fit:cover;border:3px solid #E74263}
.authordetails h4{font-size:19px;line-height:1.3;color:#2D444C;margin:0 0 6px;font-weight:600}
.authordetails p{font-size:15px;line-height:1.4;color:#4A5F6A;margin:0}
@media (max-width: 1024px) {
.headwrap{grid-template-columns:1fr;gap:40px;padding:80px 24px 70px}
.headtext h1{font-size:44px}
.headvisual img{height:320px}
.problemgrid{grid-template-columns:1fr;gap:24px}
.panelcontent{grid-template-columns:1fr;gap:36px}
.testimonialgrid{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.headtext h1{font-size:36px}
.headvisual img{height:280px}
.offertitle h2{font-size:34px}
.tabnavbar{flex-direction:column;align-items:stretch}
.tablabel{text-align:center}
.tabpanel{padding:32px 24px}
.contenttext h3{font-size:26px}
.contentvisual img{height:320px}
.testimonialbox{padding:32px 24px}
}
.programhero{position:relative;overflow:hidden;background:linear-gradient(134deg,#2D444C 0%,#3a5661 100%);padding:80px 20px 100px}
.programhero .herocontainerwrap{max-width:1140px;margin:0 auto;display:flex;flex-direction:column;gap:50px;position:relative;z-index:2}
.programhero .herotxtzone{max-width:720px}
.programhero .herotxtzone h1{font-size:52px;line-height:1.15;color:#F9FAFB;margin:0 0 26px;font-weight:700}
.programhero .herotxtzone .herodesc{font-size:19px;line-height:1.7;color:#f9fafbe0}
.programhero .herovisualarea{position:relative}
.programhero .herovisualarea img{width:100%;max-width:840px;height:auto;border-radius:28px;display:block;box-shadow:0 18px 48px #00000059;filter:blur(0.3px)}
.programhero .decolayer1{position:absolute;width:340px;height:340px;background:radial-gradient(circle,#e7426326 0%,transparent 70%);border-radius:50%;top:-120px;right:-80px;animation:floatlayer1 8s ease-in-out infinite}
.programhero .decolayer2{position:absolute;width:280px;height:280px;background:radial-gradient(circle,#f9fafb14 0%,transparent 70%);border-radius:50%;bottom:-100px;left:-60px;animation:floatlayer2 10s ease-in-out infinite}
@keyframes floatlayer1 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(30px,-40px)}
}
@keyframes floatlayer2 {
0%,100%{transform:translate(0,0)}
50%{transform:translate(-25px,35px)}
}
.journeyflow{padding:90px 20px;background:#F9FAFB}
.journeyflow .flowinnerwrap{max-width:1140px;margin:0 auto}
.journeyflow .flowtoptext{text-align:center;max-width:680px;margin:0 auto 70px}
.journeyflow .flowtoptext h2{font-size:38px;line-height:1.25;color:#2D444C;margin:0 0 18px;font-weight:700}
.journeyflow .flowtoptext p{font-size:17px;line-height:1.6;color:#4a5f68}
.journeyflow .phasegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.journeyflow .phasecard{background:#fff;padding:40px 32px;border-radius:32px;box-shadow:0 4px 16px #2d444c14;transition:all .3s ease;border:2px solid transparent}
.journeyflow .phasecard:hover{transform:translateY(-6px);box-shadow:0 12px 32px #2d444c24;border-color:#E74263}
.journeyflow .phasecard .phasenumber{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;background:linear-gradient(135deg,#E74263 0%,#c73555 100%);color:#fff;font-size:22px;font-weight:700;border-radius:50%;margin-bottom:22px}
.journeyflow .phasecard h3{font-size:22px;color:#2D444C;margin:0 0 14px;font-weight:600}
.journeyflow .phasecard p{font-size:16px;line-height:1.65;color:#5a6f78;margin:0}
.skillmatrix{padding:100px 20px;background:linear-gradient(167deg,#2D444C 0%,#405a65 100%);position:relative}
.skillmatrix .matrixwrap{max-width:1140px;margin:0 auto;position:relative;z-index:2}
.skillmatrix .matrixheading{max-width:620px;margin-bottom:60px}
.skillmatrix .matrixheading h2{font-size:42px;line-height:1.2;color:#F9FAFB;margin:0 0 20px;font-weight:700}
.skillmatrix .matrixheading p{font-size:18px;line-height:1.65;color:#f9fafbd9}
.skillmatrix .skillstabs{background:#ffffff0f;border-radius:36px;padding:48px;backdrop-filter:blur(10px)}
.skillmatrix .tabnav{display:flex;gap:12px;margin-bottom:40px;flex-wrap:wrap}
.skillmatrix input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.skillmatrix .tablabel{padding:14px 28px;background:#ffffff14;color:#f9fafbbf;border-radius:24px;cursor:pointer;font-size:16px;font-weight:500;transition:all .3s ease;border:2px solid transparent}
.skillmatrix .tablabel:hover{background:#ffffff1f;color:#F9FAFB}
.skillmatrix input[type="radio"]:checked + .tablabel{background:#E74263;color:#fff;border-color:#E74263}
.skillmatrix .tabpanel{display:none}
.skillmatrix #tab1:checked ~ .tabcontent .panel1,.skillmatrix #tab2:checked ~ .tabcontent .panel2,.skillmatrix #tab3:checked ~ .tabcontent .panel3{display:block}
.skillmatrix .skilllist{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px}
.skillmatrix .skillitem{background:#ffffff17;padding:24px;border-radius:20px;border-left:4px solid #E74263;transition:all .3s ease}
.skillmatrix .skillitem:hover{background:#ffffff21;transform:translateX(4px)}
.skillmatrix .skillitem h4{font-size:18px;color:#F9FAFB;margin:0 0 10px;font-weight:600}
.skillmatrix .skillitem p{font-size:15px;line-height:1.55;color:#f9fafbbf;margin:0}
.realstory{padding:90px 20px;background:#fff}
.realstory .storycontainer{max-width:1140px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.realstory .storyleft{position:relative}
.realstory .storyleft img{width:100%;max-width:480px;height:auto;border-radius:38px;box-shadow:0 16px 42px #2d444c2e}
.realstory .storybox{position:absolute;bottom:30px;right:30px;background:#fff;padding:24px 28px;border-radius:24px;box-shadow:0 12px 28px #2d444c38;max-width:200px}
.realstory .storybox .boxnumber{font-size:32px;font-weight:700;color:#E74263;line-height:1;margin:0 0 8px}
.realstory .storybox .boxlabel{font-size:14px;color:#5a6f78;line-height:1.4;margin:0}
.realstory .storyright h2{font-size:40px;line-height:1.25;color:#2D444C;margin:0 0 24px;font-weight:700}
.realstory .storyright h2::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#E74263 0%,#c73555 100%);margin-bottom:20px;border-radius:3px}
.realstory .storyright .storypara{font-size:17px;line-height:1.7;color:#4a5f68;margin:0 0 28px}
.realstory .testimonialbox{background:#F9FAFB;padding:32px;border-radius:28px;border-left:4px solid #E74263;margin-top:36px}
.realstory .testimonialbox .quotetxt{font-size:17px;line-height:1.65;color:#2D444C;margin:0 0 20px;font-style:italic}
.realstory .testimonialbox .quoteperson{display:flex;align-items:center;gap:16px}
.realstory .testimonialbox .quoteperson img{width:52px;height:52px;border-radius:50%;object-fit:cover}
.realstory .testimonialbox .personinfo{display:flex;flex-direction:column}
.realstory .testimonialbox .personname{font-size:16px;font-weight:600;color:#2D444C;margin:0 0 4px}
.realstory .testimonialbox .personrole{font-size:14px;color:#5a6f78;margin:0}
.accesspathway{padding:100px 20px;background:linear-gradient(203deg,#F9FAFB 0%,#e8ecef 100%)}
.accesspathway .pathwaywrap{max-width:1140px;margin:0 auto;text-align:center}
.accesspathway h2{font-size:44px;line-height:1.2;color:#2D444C;margin:0 0 20px;font-weight:700}
.accesspathway .pathintro{font-size:18px;line-height:1.65;color:#4a5f68;max-width:700px;margin:0 auto 60px}
.accesspathway .optionsgrid{display:flex;gap:28px;justify-content:center;flex-wrap:wrap}
.accesspathway .optioncard{background:#fff;padding:42px 36px;border-radius:34px;box-shadow:0 6px 20px #2d444c1a;max-width:340px;flex:1 1 300px;text-align:left;transition:all .35s ease;border:3px solid transparent;position:relative;overflow:hidden}
.accesspathway .optioncard::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#E74263 0%,#2D444C 100%);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.accesspathway .optioncard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #2d444c2e;border-color:#E74263}
.accesspathway .optioncard:hover::before{transform:scaleX(1)}
.accesspathway .optioncard .cardicon{width:68px;height:68px;background:linear-gradient(135deg,#E74263 0%,#c73555 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.accesspathway .optioncard .cardicon svg{width:32px;height:32px;fill:#fff}
.accesspathway .optioncard h3{font-size:24px;color:#2D444C;margin:0 0 16px;font-weight:600}
.accesspathway .optioncard .carddesc{font-size:16px;line-height:1.65;color:#5a6f78;margin:0 0 24px}
.accesspathway .optioncard .cardlink{display:inline-flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:#E74263;text-decoration:none;transition:gap .3s ease}
.accesspathway .optioncard .cardlink:hover{gap:12px}
.accesspathway .optioncard .cardlink svg{width:18px;height:18px;fill:currentColor}
@media (max-width: 1024px) {
.programhero .herocontainerwrap{gap:40px}
.programhero .herotxtzone h1{font-size:42px}
.realstory .storycontainer{grid-template-columns:1fr;gap:50px}
.realstory .storyleft img{max-width:100%}
.skillmatrix .skillstabs{padding:36px 28px}
}
@media (max-width: 768px) {
.programhero{padding:60px 20px 80px}
.programhero .herotxtzone h1{font-size:36px;margin-bottom:20px}
.programhero .herotxtzone .herodesc{font-size:17px}
.journeyflow{padding:70px 20px}
.journeyflow .flowtoptext h2{font-size:32px}
.journeyflow .phasegrid{grid-template-columns:1fr;gap:24px}
.skillmatrix{padding:70px 20px}
.skillmatrix .matrixheading h2{font-size:34px}
.skillmatrix .tabnav{flex-direction:column}
.skillmatrix .skilllist{grid-template-columns:1fr}
.realstory{padding:70px 20px}
.realstory .storyright h2{font-size:32px}
.realstory .storybox{position:static;margin-top:20px;max-width:100%}
.accesspathway{padding:70px 20px}
.accesspathway h2{font-size:34px}
.accesspathway .optionsgrid{flex-direction:column}
.accesspathway .optioncard{max-width:100%}
}
.successwrap{max-width:1140px;margin:4rem auto;padding:0 1.5rem}
.successgrid{display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}
.statusbox{background:linear-gradient(135deg,#F9FAFB 0%,#fff 100%);padding:4rem 3rem;border-radius:32px;box-shadow:0 8px 24px #2d444c14;text-align:center;position:relative;overflow:hidden}
.statusbox::before{content:'';position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:linear-gradient(217deg,#e742631a 0%,transparent 70%);border-radius:50%;animation:floatshape 8s ease-in-out infinite}
.statusbox::after{content:'';position:absolute;bottom:-30%;left:-15%;width:350px;height:350px;background:linear-gradient(135deg,#2d444c14 0%,transparent 60%);border-radius:50%;animation:floatshape 10s ease-in-out infinite reverse}
@keyframes floatshape {
0%,100%{transform:translate(0,0) rotate(0deg)}
50%{transform:translate(20px,30px) rotate(10deg)}
}
.iconring{width:120px;height:120px;margin:0 auto 2rem;position:relative;z-index:2}
.iconring svg{width:100%;height:100%;filter:drop-shadow(0 4px 12px #e7426333)}
.checkmark{fill:none;stroke:#E74263;stroke-width:3;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawcheck .8s ease-out .3s forwards}
.checkcircle{fill:none;stroke:#2D444C;stroke-width:3;stroke-dasharray:380;stroke-dashoffset:380;animation:drawcircle 1s ease-out forwards}
@keyframes drawcircle {
to{stroke-dashoffset:0}
}
@keyframes drawcheck {
to{stroke-dashoffset:0}
}
.statusbox h1{font-size:2.5rem;color:#2D444C;margin:0 0 1rem;font-weight:700;position:relative;z-index:2}
.statusbox p{font-size:1.125rem;color:#2D444C;line-height:1.7;margin:0 0 2.5rem;max-width:520px;margin-left:auto;margin-right:auto;opacity:.85;position:relative;z-index:2}
.actionrow{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;position:relative;z-index:2}
.btnprimary{background:linear-gradient(135deg,#E74263 0%,#c73554 100%);color:#fff;padding:1rem 2.5rem;border-radius:28px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;box-shadow:0 4px 16px #e742634d;transition:all .3s ease;border:none;cursor:pointer}
.btnprimary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #e7426366}
.btnsecondary{background:transparent;color:#2D444C;padding:1rem 2.5rem;border-radius:28px;text-decoration:none;font-weight:600;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;border:2px solid #2D444C;transition:all .3s ease;cursor:pointer}
.btnsecondary:hover{background:#2D444C;color:#fff;transform:translateY(-2px)}
.detailssection{background:#fff;border-radius:28px;padding:0;box-shadow:0 4px 16px #2d444c0f;overflow:hidden}
.detailscontent{padding:3rem 2.5rem;display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem}
.detailitem{position:relative;padding-left:3.5rem}
.detailitem::before{content:'';position:absolute;left:0;top:.25rem;width:42px;height:42px;background:linear-gradient(135deg,#e742631a 0%,#2d444c0d 100%);border-radius:12px;display:flex;align-items:center;justify-content:center}
.detailitem h3{font-size:1.125rem;color:#2D444C;margin:0 0 .75rem;font-weight:600}
.detailitem p{font-size:.9375rem;color:#2D444C;line-height:1.6;margin:0;opacity:.75}
.infobar{background:linear-gradient(90deg,#2D444C 0%,#3a5661 100%);padding:1.75rem 2.5rem;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1.5rem}
.infobar p{margin:0;font-size:.9375rem;opacity:.9;max-width:600px}
.infobar a{color:#fff;text-decoration:none;padding:.75rem 2rem;border-radius:20px;background:#e74263e6;font-weight:600;transition:all .3s ease;white-space:nowrap}
.infobar a:hover{background:#E74263;transform:translateY(-1px)}
@media (max-width: 968px) {
.successwrap{margin:2rem auto;padding:0 1rem}
.detailscontent{grid-template-columns:1fr;gap:2rem;padding:2rem 1.5rem}
.statusbox{padding:3rem 2rem}
.statusbox h1{font-size:2rem}
.infobar{padding:1.5rem;justify-content:center;text-align:center}
.infobar p{text-align:center}
}
@media (max-width: 640px) {
.actionrow{flex-direction:column;align-items:stretch}
.btnprimary,.btnsecondary{justify-content:center}
.statusbox h1{font-size:1.75rem}
.statusbox p{font-size:1rem}
.iconring{width:100px;height:100px}
.detailitem{padding-left:0;padding-top:3.5rem}
.detailitem::before{left:50%;transform:translateX(-50%);top:0}
.detailitem h3{text-align:center}
.detailitem p{text-align:center}
}