body{margin:0;padding:0;font-family:'Work Sans',sans-serif;background:#E6EAED;color:#050B52;line-height:1.6}
h1,h2,h3,h4,h5,h6{margin:0;padding:0}
ul,ol{margin:0;padding:0;list-style:none}
a{text-decoration:none;color:inherit}
.headerwrapper{background:linear-gradient(135deg,#00B3D1 0%,#050B52 100%);padding:18px 0;box-shadow:0 4px 8px #050b5226}
.toprow{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}
.companyinfo .companyname{font-size:22px;font-weight:700;color:#E6EAED;letter-spacing:.5px}
.businesshours span{font-size:14px;color:#E6EAED;font-weight:300}
.navrow{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center}
.logoholder{display:flex;align-items:center}
.sitelogo{height:85px;width:85px}
.mainnav .navlist{display:flex;gap:38px;align-items:center}
.mainnav .navlink{color:#E6EAED;font-size:16px;font-weight:400;padding:8px 14px;border-radius:24px;transition:background .2s ease}
.mainnav .navlink:hover{background:#e6eaed1f}
.footercontainer{background:#050B52;padding:65px 0 45px;margin-top:80px}
.footercontent{max-width:1320px;margin:0 auto;padding:0 32px;display:flex;flex-direction:column;align-items:center;gap:28px}
.footerlogo .footerlogoimg{height:95px;width:95px;margin-bottom:12px}
.footerlinks{display:flex;gap:42px;flex-wrap:wrap;justify-content:center}
.footerlink{color:#E6EAED;font-size:15px;font-weight:300;transition:color .2s ease}
.footerlink:hover{color:#00B3D1}
.footeremail .emaillink{color:#00B3D1;font-size:17px;font-weight:400}
.footercopyright p{color:#E6EAED;font-size:13px;font-weight:300;margin-top:8px}
.cookiebox{position:fixed;bottom:28px;left:28px;background:#fff;border-radius:32px;padding:28px 32px;box-shadow:0 6px 24px #050b5240;max-width:420px;z-index:9999;display:none}
.cookiebox.show{display:block}
.cookiecontent .cookietext{font-size:14px;color:#050B52;margin-bottom:18px;line-height:1.5}
.cookieactions{display:flex;gap:14px}
.cookiebtn{padding:10px 22px;border:none;border-radius:28px;cursor:pointer;transition:background .2s ease;font:600 14px 'Work Sans',sans-serif}
.cookieaccept{background:#00B3D1;color:#fff}
.cookieaccept:hover{background:#0096af}
.cookiedecline{background:#E6EAED;color:#050B52}
.cookiedecline:hover{background:#d0d6db}
@media (max-width: 768px) {
.toprow{flex-direction:column;gap:12px;padding:0 20px;text-align:center}
.navrow{flex-direction:column;gap:20px;padding:0 20px}
.mainnav .navlist{flex-direction:column;gap:16px}
.sitelogo{height:70px;width:70px}
.footerlinks{flex-direction:column;gap:18px}
.cookiebox{left:16px;right:16px;bottom:16px;max-width:none}
.cookieactions{flex-direction:column}
}
@media (max-width: 375px) {
.companyinfo .companyname{font-size:18px}
.businesshours span{font-size:12px}
.mainnav .navlink{font-size:15px}
}
.teamintrosection{background:linear-gradient(135deg,#00B3D1 0%,#050B52 100%);padding:80px 20px;position:relative;overflow:hidden}
.teamintrosection::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#e6eaed1a 0%,transparent 70%);border-radius:50%}
.introteamcontent{max-width:1320px;margin:auto;position:relative;z-index:2}
.introteamcontent h1{color:#E6EAED;font-size:48px;margin-bottom:24px;text-align:center}
.introteamcontent h1::after{content:'';display:block;width:120px;height:4px;background:#00B3D1;margin:20px auto 0}
.introteamcontent .maindesctext{color:#E6EAED;font-size:18px;line-height:1.7;text-align:center;max-width:800px;margin:0 auto}
.teamgridwrapper{max-width:1320px;margin:80px auto;padding:0 20px;display:grid;grid-template-columns:repeat(2,1fr);gap:60px;align-items:start}
.membercardbox{background:#E6EAED;border-radius:30px;padding:40px;box-shadow:4px 4px 0 #050B52;position:relative}
.membercardbox::before{content:'';position:absolute;top:-8px;left:-8px;right:8px;bottom:8px;border:3px solid #00B3D1;border-radius:30px;pointer-events:none}
.memberimgcontainer{width:180px;height:180px;border-radius:50%;overflow:hidden;border:5px solid #050B52;margin:0 auto 30px;box-shadow:0 6px 0 #050b524d}
.memberimgcontainer img{width:100%;height:100%;object-fit:cover;display:block}
.membercardbox h3{color:#050B52;font-size:28px;margin-bottom:8px;text-align:center}
.memberrole{color:#00B3D1;font-size:16px;font-weight:700;text-align:center;margin-bottom:24px;text-transform:uppercase;letter-spacing:1px}
.memberbiotext{color:#050B52;font-size:16px;line-height:1.6;margin-bottom:0}
.valueswrapper{background:#E6EAED;padding:80px 20px;position:relative}
.valueswrapper::after{content:'';position:absolute;bottom:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#00B3D1 0%,#050B52 50%,#00B3D1 100%)}
.valuescontentarea{max-width:1320px;margin:auto}
.valuescontentarea h2{color:#050B52;font-size:42px;margin-bottom:50px;text-align:left;position:relative;padding-left:30px}
.valuescontentarea h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:8px;height:80%;background:#00B3D1}
.valuesgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.valueitembox{background:#fff;padding:35px;border-radius:25px;border:4px solid #050B52;transition:transform .3s ease,box-shadow .3s ease}
.valueitembox:hover{transform:translateY(-8px);box-shadow:6px 6px 0 #00B3D1}
.valueitembox h4{color:#050B52;font-size:22px;margin-bottom:16px}
.valueitembox h4::before{content:'▸';color:#00B3D1;margin-right:10px;font-size:24px}
.valueitembox p{color:#050B52;font-size:15px;line-height:1.6;margin:0}
.approachwrapper{padding:80px 20px;background:linear-gradient(180deg,#050B52 0%,#00B3D1 100%)}
.approachcontainer{max-width:1320px;margin:auto;display:flex;gap:60px;align-items:center}
.approachtextside{flex:1}
.approachtextside h2{color:#E6EAED;font-size:40px;margin-bottom:30px}
.approachtextside h5{color:#00B3D1;font-size:20px;margin-bottom:20px;font-weight:700}
.approachtextside p{color:#E6EAED;font-size:16px;line-height:1.7;margin-bottom:24px}
.approachimageside{flex:1}
.approachimageside img{width:100%;height:auto;border-radius:35px;border:6px solid #E6EAED;box-shadow:8px 8px 0 #e6eaed4d;display:block}
.approachtextside h6{color:#E6EAED;font-size:18px;margin-top:30px;margin-bottom:12px}
@media (max-width: 1366px) {
.teamgridwrapper{gap:50px}
.valuesgrid{gap:35px}
.approachcontainer{gap:50px}
}
@media (max-width: 768px) {
.teamintrosection{padding:60px 20px}
.introteamcontent h1{font-size:36px}
.introteamcontent .maindesctext{font-size:16px}
.teamgridwrapper{grid-template-columns:1fr;gap:40px;margin:60px auto}
.valueswrapper{padding:60px 20px}
.valuescontentarea h2{font-size:32px;margin-bottom:40px}
.valuesgrid{grid-template-columns:1fr;gap:30px}
.approachwrapper{padding:60px 20px}
.approachcontainer{flex-direction:column;gap:40px}
.approachtextside h2{font-size:32px}
.approachtextside h5{font-size:18px}
}
@media (max-width: 375px) {
.teamintrosection{padding:50px 15px}
.introteamcontent h1{font-size:30px}
.membercardbox{padding:30px 20px}
.memberimgcontainer{width:150px;height:150px}
.membercardbox h3{font-size:24px}
.valuescontentarea h2{font-size:28px}
.valueitembox{padding:25px}
.approachtextside h2{font-size:28px}
}
.herocontainer{background:linear-gradient(135deg,#00B3D1 0%,#050B52 100%);padding:80px 20px 100px;position:relative;overflow:hidden;border-radius:35px;margin:0 auto 60px;max-width:1320px}
.herocontainer::before{content:'';position:absolute;width:300px;height:300px;background:#e6eaed1a;border-radius:50%;top:-100px;right:-50px}
.herocontainer::after{content:'';position:absolute;width:200px;height:200px;background:#e6eaed14;transform:rotate(45deg);bottom:-80px;left:10%}
.herocontent{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}
.herocontent h1{color:#E6EAED;font-size:48px;margin:0 0 25px;line-height:1.2}
.herocontent p{color:#E6EAED;font-size:20px;line-height:1.6;margin:0 0 35px}
.heroimage{text-align:center;margin:40px 0 0}
.heroimage img{max-width:600px;width:100%;height:auto;border-radius:25px;box-shadow:0 8px 25px #050b524d}
.platformsection{max-width:1320px;margin:0 auto 80px;padding:0 20px}
.platformgrid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.platformtext h2{color:#050B52;font-size:38px;margin:0 0 20px;position:relative;display:inline-block}
.platformtext h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#00B3D1}
.platformtext p{color:#050B52;font-size:17px;line-height:1.7;margin:0 0 15px}
.platformtext ul{list-style:none;padding:0;margin:25px 0 0}
.platformtext ul li{color:#050B52;font-size:16px;padding:12px 0 12px 35px;position:relative}
.platformtext ul li::before{content:'▶';position:absolute;left:0;color:#00B3D1;font-size:14px}
.platformimage img{width:100%;height:auto;border-radius:30px;box-shadow:3px 3px 0 #050B52}
.mechanicsarea{background:#E6EAED;padding:70px 20px;margin:0 0 80px;border-radius:40px}
.mechanicscontainer{max-width:1320px;margin:0 auto}
.mechanicscontainer h3{color:#050B52;font-size:36px;text-align:center;margin:0 0 50px}
.mechanicsboxes{display:flex;flex-direction:row;gap:30px;justify-content:space-between}
.mechanicsbox{background:#fff;padding:35px 25px;border-radius:25px;flex:1;box-shadow:4px 4px 0 #050B52;transition:transform .3s ease}
.mechanicsbox:hover{transform:translateY(-5px)}
.mechanicsbox h4{color:#00B3D1;font-size:22px;margin:0 0 15px}
.mechanicsbox p{color:#050B52;font-size:15px;line-height:1.6;margin:0}
.businesswrapper{max-width:1320px;margin:0 auto 80px;padding:0 20px}
.businesslayout{display:grid;grid-template-columns:45% 55%;gap:50px;align-items:center}
.businessvisual img{width:100%;height:auto;border-radius:35px;box-shadow:5px 5px 0 #00B3D1}
.businessinfo h5{color:#050B52;font-size:34px;margin:0 0 25px}
.businessinfo p{color:#050B52;font-size:16px;line-height:1.7;margin:0 0 20px}
.businessfeatures{margin:30px 0 0}
.featureitem{background:linear-gradient(90deg,#00b3d11a 0%,#e6eaed4d 100%);padding:20px;margin:0 0 15px;border-radius:20px;border-left:5px solid #00B3D1}
.featureitem h6{color:#050B52;font-size:18px;margin:0 0 8px}
.featureitem p{color:#050B52;font-size:14px;margin:0;line-height:1.5}
.toolsregion{background:radial-gradient(circle at top right,#050B52,#00364d);padding:80px 20px;border-radius:40px;margin:0 0 60px}
.toolsinner{max-width:1320px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px}
.toolcard{background:#e6eaedf2;padding:30px;border-radius:28px;text-align:center;box-shadow:3px 3px 8px #0003}
.toolcard img{width:100%;max-width:280px;height:200px;object-fit:cover;border-radius:20px;margin:0 0 20px}
.toolcard h6{color:#050B52;font-size:20px;margin:0 0 12px}
.toolcard p{color:#050B52;font-size:15px;line-height:1.6;margin:0}
@media (max-width: 1366px) {
.herocontainer{padding:60px 20px 80px}
.herocontent h1{font-size:42px}
.platformtext h2{font-size:34px}
}
@media (max-width: 768px) {
.herocontainer{padding:50px 15px 60px;margin:0 auto 40px;border-radius:25px}
.herocontent h1{font-size:32px;margin:0 0 20px}
.herocontent p{font-size:17px;margin:0 0 25px}
.heroimage{margin:30px 0 0}
.heroimage img{max-width:100%;border-radius:18px}
.platformgrid{grid-template-columns:1fr;gap:30px}
.platformtext h2{font-size:28px}
.platformtext p{font-size:16px}
.mechanicsarea{padding:50px 15px;margin:0 0 50px;border-radius:28px}
.mechanicscontainer h3{font-size:28px;margin:0 0 35px}
.mechanicsboxes{flex-direction:column;gap:20px}
.mechanicsbox{padding:25px 20px;border-radius:20px}
.mechanicsbox h4{font-size:20px}
.businesslayout{grid-template-columns:1fr;gap:30px}
.businessinfo h5{font-size:28px;margin:0 0 20px}
.businessinfo p{font-size:15px}
.featureitem{padding:18px;border-radius:16px}
.featureitem h6{font-size:17px}
.toolsregion{padding:60px 15px;border-radius:28px}
.toolsinner{grid-template-columns:1fr;gap:25px}
.toolcard{padding:25px}
.toolcard img{height:180px}
}
@media (max-width: 375px) {
.herocontent h1{font-size:26px}
.herocontent p{font-size:15px}
.platformtext h2{font-size:24px}
.mechanicscontainer h3{font-size:24px}
.businessinfo h5{font-size:24px}
.toolcard h6{font-size:18px}
.toolcard p{font-size:14px}
}
body{background:linear-gradient(135deg,#E6EAED 0%,#00B3D1 100%);min-height:100vh}
.topintrowrapper{padding:80px 20px 60px;background:radial-gradient(circle at top right,#050B52,#00B3D1)}
.containercentered{max-width:1320px;margin:0 auto;padding:0 20px}
.headingblock{text-align:center;max-width:820px;margin:0 auto}
.mainpagetitle{font-size:2.8rem;color:#E6EAED;margin-bottom:24px;line-height:1.2}
.introleadtext{font-size:1.25rem;color:#E6EAED;line-height:1.6;opacity:.95}
.formcontactwrapper{padding:60px 20px;background:#E6EAED}
.formlayoutgrid{display:flex;gap:50px;align-items:flex-start}
.formcolumnleft{flex:1;display:flex;flex-direction:column;gap:30px}
.formcolumnright{flex:1}
.contactinfodisplay{background:#fff;padding:30px}
.formsidetitle{font-size:1.5rem;color:#050B52;margin-bottom:20px}
.contactdetailslist{display:flex;flex-direction:column;gap:20px}
.contactentry{border-left:4px solid #00B3D1;padding-left:16px}
.entrylabel{font-size:.9rem;color:#050B52;font-weight:700;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}
.entryvalue{font-size:1.1rem;color:#050B52;line-height:1.5}
.imagedisplaywrapper{border-radius:30px;overflow:hidden;box-shadow:0 8px 20px #050b5226}
.contactvisualimage{width:100%;height:auto;display:block;object-fit:cover}
.maincontactform{background:#fff;padding:40px;border-radius:30px;box-shadow:0 6px 18px #050b521a}
.formfieldwrapper{margin-bottom:28px}
.fieldlabeltext{display:block;font-size:1rem;color:#050B52;margin-bottom:10px;font-weight:600}
.formoptionsgroup{margin-bottom:30px;padding:20px;background:#E6EAED;border-radius:20px}
.optionsgroupheading{font-size:1.1rem;color:#050B52;margin-bottom:16px;font-weight:600}
.checkboxoption{display:block;margin-bottom:12px;color:#050B52}
.conditionalblock{margin-bottom:30px}
.hiddentoggle{display:none}
.expandtrigger{width:100%;margin-bottom:20px;background:#00B3D1;color:#fff;border:none;cursor:pointer}
.expandtrigger:hover{background:#050B52;transform:translateY(-2px);box-shadow:0 4px 12px #00b3d14d}
.expandablecontent{max-height:0;overflow:hidden;transition:max-height .4s ease}
.hiddentoggle:checked ~ .expandablecontent{max-height:300px}
.privacyconsentwrapper{margin-bottom:30px;padding:16px;background:#00b3d114;border-radius:15px}
.privacycheckbox{color:#050B52}
.privacylink{color:#00B3D1;text-decoration:underline;font-weight:600}
.privacylink:hover{color:#050B52}
.submitbuttonmain{width:100%;padding:16px;font-size:1.1rem;background:linear-gradient(135deg,#00B3D1,#050B52);color:#fff;border:none;cursor:pointer;transition:all .3s ease}
.submitbuttonmain:hover{transform:scale(1.02);box-shadow:0 8px 24px #00b3d166}
.faqsectionwrapper{padding:70px 20px;background:#fff}
.faqmaintitle{font-size:2.2rem;color:#050B52;text-align:center;margin-bottom:50px}
.faqgridlayout{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.faqitem{background:linear-gradient(135deg,#E6EAED,white);padding:28px;transition:all .3s ease}
.faqitem:hover{transform:translateY(-4px);box-shadow:0 6px 20px #00b3d133}
.faqquestion{font-size:1.3rem;color:#050B52;margin-bottom:14px}
.faqanswer{font-size:1rem;color:#050B52;line-height:1.6;opacity:.85}
.locationdetailswrapper{padding:60px 20px;background:linear-gradient(180deg,#050B52,#00B3D1)}
.locationcontentblock{max-width:900px;margin:0 auto;text-align:center}
.locationheading{font-size:2rem;color:#E6EAED;margin-bottom:20px}
.locationdescription{font-size:1.15rem;color:#E6EAED;line-height:1.7;margin-bottom:30px}
.addressdisplay{background:#e6eaed26;padding:24px;border-radius:25px;display:inline-block}
.addressline,.phoneline{font-size:1.1rem;color:#E6EAED;margin-bottom:10px}
.alternativeconnectionwrapper{padding:50px 20px;background:#E6EAED}
.alternativeblock{max-width:800px;margin:0 auto;padding:40px;text-align:center}
.alternativetitle{font-size:1.8rem;color:#E6EAED;margin-bottom:16px}
.alternativetext{font-size:1.1rem;color:#E6EAED;line-height:1.6}
.hoursoperationwrapper{padding:60px 20px;background:#fff}
.hourstitle{font-size:2rem;color:#050B52;text-align:center;margin-bottom:40px}
.hoursgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:0 auto 30px}
.hoursdayblock{background:linear-gradient(135deg,#00B3D1,#050B52);padding:30px;border-radius:25px;text-align:center;box-shadow:0 4px 16px #00b3d133}
.dayname{font-size:1.2rem;color:#E6EAED;margin-bottom:12px;font-weight:700}
.hourrange{font-size:1.4rem;color:#E6EAED;font-weight:600}
.hoursnote{font-size:.95rem;color:#050B52;text-align:center;max-width:700px;margin:0 auto;line-height:1.5;opacity:.75}
.closingremarkswrapper{padding:70px 20px;background:radial-gradient(circle at bottom left,#050B52,#00B3D1)}
.closingcontent{max-width:850px;margin:0 auto;text-align:center}
.closingtitle{font-size:2.3rem;color:#E6EAED;margin-bottom:28px}
.closingparagraph{font-size:1.15rem;color:#E6EAED;line-height:1.7;margin-bottom:20px}
.closingcta{margin-top:30px;padding:16px 40px;font-size:1.1rem;background:#fff;color:#050B52;border:none;cursor:pointer;display:inline-block}
.closingcta:hover{background:#E6EAED;transform:scale(1.05);box-shadow:0 6px 20px #e6eaed4d}
@media (max-width: 1366px) {
.mainpagetitle{font-size:2.4rem}
.faqgridlayout{gap:25px}
}
@media (max-width: 768px) {
.topintrowrapper{padding:50px 20px 40px}
.mainpagetitle{font-size:2rem}
.introleadtext{font-size:1.1rem}
.formlayoutgrid{flex-direction:column;gap:30px}
.maincontactform{padding:30px 20px}
.faqgridlayout{grid-template-columns:1fr;gap:20px}
.hoursgrid{grid-template-columns:1fr;gap:20px}
.closingtitle{font-size:1.8rem}
}
@media (max-width: 375px) {
.mainpagetitle{font-size:1.6rem}
.introleadtext{font-size:1rem}
.formsidetitle{font-size:1.3rem}
.maincontactform{padding:24px 16px}
.faqmaintitle{font-size:1.8rem}
.closingtitle{font-size:1.5rem}
}
.aboutwrapper{max-width:1320px;margin:0 auto;padding:0 20px}
.herosectionabout{background:linear-gradient(135deg,#00B3D1 0%,#050B52 100%);padding:80px 20px;margin-bottom:60px;border-radius:30px;position:relative;overflow:hidden}
.herosectionabout::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#e6eaed1a 0%,transparent 70%);border-radius:50%}
.herosectionabout .maintitleabout{color:#E6EAED;font-size:48px;margin-bottom:20px;position:relative;z-index:2}
.herosectionabout .subtitleabout{color:#E6EAED;font-size:22px;line-height:1.6;max-width:700px;position:relative;z-index:2}
.storysectionwrapper{display:flex;gap:50px;margin-bottom:80px;align-items:center}
.storysectionwrapper .textcontentarea{flex:1}
.storysectionwrapper .imagecontentarea{flex:0 0 45%}
.storysectionwrapper .imagecontentarea img{width:100%;height:400px;object-fit:cover;border-radius:25px;box-shadow:4px 4px 0 #050B52}
.storysectionwrapper .sectionheading{color:#050B52;font-size:36px;margin-bottom:25px;position:relative;display:inline-block}
.storysectionwrapper .sectionheading::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:#00B3D1}
.storysectionwrapper .contentparagraph{color:#050B52;font-size:18px;line-height:1.7;margin-bottom:18px}
.approachgridlayout{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:80px;background:#E6EAED;padding:60px 50px;border-radius:35px}
.approachgridlayout .gridheaderfull{grid-column:1 / -1;text-align:center}
.approachgridlayout .gridheaderfull h2{color:#050B52;font-size:40px;margin-bottom:15px}
.approachgridlayout .gridheaderfull .leadtext{color:#050B52;font-size:20px;max-width:800px;margin:0 auto;line-height:1.6}
.approachgridlayout .approachcard{background:#fff;padding:35px;border-radius:20px;border:3px solid #00B3D1;position:relative;transition:transform .3s ease}
.approachgridlayout .approachcard:hover{transform:translateY(-5px)}
.approachgridlayout .approachcard .cardnumber{position:absolute;top:-15px;left:30px;background:#00B3D1;color:#fff;width:45px;height:45px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;box-shadow:3px 3px 0 #050B52}
.approachgridlayout .approachcard h4{color:#050B52;font-size:24px;margin-bottom:15px;margin-top:10px}
.approachgridlayout .approachcard p{color:#050B52;font-size:17px;line-height:1.6}
.teampreviewsection{display:flex;gap:35px;margin-bottom:80px;background:linear-gradient(180deg,#050B52 0%,#00B3D1 100%);padding:70px 50px;border-radius:30px;align-items:center}
.teampreviewsection .profilesgallery{display:flex;gap:25px;flex:0 0 40%}
.teampreviewsection .profilesgallery .profileimagewrapper{flex:1}
.teampreviewsection .profilesgallery .profileimagewrapper img{width:100%;height:280px;object-fit:cover;border-radius:20px;border:4px solid #E6EAED}
.teampreviewsection .teamtextcontent{flex:1}
.teampreviewsection .teamtextcontent h3{color:#E6EAED;font-size:38px;margin-bottom:20px}
.teampreviewsection .teamtextcontent .teamdescription{color:#E6EAED;font-size:18px;line-height:1.7;margin-bottom:30px}
.teampreviewsection .teamtextcontent .linkbuttonteam{display:inline-block;background:#E6EAED;color:#050B52;padding:15px 35px;border-radius:25px;text-decoration:none;font-size:18px;font-weight:700;transition:all .3s ease;box-shadow:4px 4px 0 #0003}
.teampreviewsection .teamtextcontent .linkbuttonteam:hover{background:#00B3D1;color:#fff;transform:translateY(-2px);box-shadow:6px 6px 0 #0003}
@media (max-width: 1366px) {
.herosectionabout .maintitleabout{font-size:42px}
.approachgridlayout{padding:50px 40px}
}
@media (max-width: 768px) {
.herosectionabout{padding:60px 20px;border-radius:20px}
.herosectionabout .maintitleabout{font-size:32px}
.herosectionabout .subtitleabout{font-size:18px}
.storysectionwrapper{flex-direction:column;gap:30px;margin-bottom:60px}
.storysectionwrapper .imagecontentarea{flex:1 1 auto}
.storysectionwrapper .sectionheading{font-size:28px}
.storysectionwrapper .contentparagraph{font-size:16px}
.approachgridlayout{grid-template-columns:1fr;gap:30px;padding:40px 25px;margin-bottom:60px}
.approachgridlayout .gridheaderfull h2{font-size:30px}
.approachgridlayout .gridheaderfull .leadtext{font-size:17px}
.approachgridlayout .approachcard{padding:30px 25px}
.teampreviewsection{flex-direction:column-reverse;padding:50px 30px;gap:30px}
.teampreviewsection .profilesgallery{flex:1 1 auto;width:100%}
.teampreviewsection .teamtextcontent h3{font-size:30px}
.teampreviewsection .teamtextcontent .teamdescription{font-size:16px}
}
@media (max-width: 375px) {
.herosectionabout .maintitleabout{font-size:26px}
.herosectionabout .subtitleabout{font-size:16px}
.storysectionwrapper .sectionheading{font-size:24px}
.approachgridlayout{padding:30px 20px}
.approachgridlayout .gridheaderfull h2{font-size:26px}
.teampreviewsection{padding:40px 20px}
.teampreviewsection .profilesgallery{flex-direction:column}
}
.programhero{background:linear-gradient(135deg,#00B3D1 0%,#050B52 100%);padding:80px 20px;text-align:center;border-radius:30px;margin-bottom:60px}
.programhero h1{color:#E6EAED;font-size:48px;margin-bottom:20px;text-shadow:2px 4px 0 #0000004d}
.programhero .herodesc{color:#E6EAED;font-size:20px;max-width:700px;margin:0 auto;line-height:1.6}
.container{max-width:1320px;margin:0 auto;padding:0 20px}
.cursosgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-bottom:80px}
.cursocard{background:#E6EAED;border-radius:25px;padding:35px;box-shadow:4px 6px 0 #050B52;transition:transform .3s ease;position:relative}
.cursocard:hover{transform:translateY(-8px)}
.cursocard h3{color:#050B52;font-size:24px;margin-bottom:15px;position:relative}
.cursocard h3::before{content:'';position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:8px;height:8px;background:#00B3D1;border-radius:50%}
.cursocard .cursodesc{color:#050B52;font-size:16px;line-height:1.7;margin-bottom:20px}
.cursocard .duracion{color:#00B3D1;font-size:14px;font-weight:700;display:inline-block;background:#00b3d11a;padding:8px 15px;border-radius:15px}
.metodologiawrap{background:linear-gradient(45deg,#050B52 0%,#00B3D1 100%);border-radius:35px;padding:60px 50px;margin-bottom:80px;position:relative;overflow:hidden}
.metodologiawrap::after{content:'';position:absolute;right:-50px;bottom:-50px;width:200px;height:200px;background:#e6eaed1a;border-radius:50%}
.metodologiawrap h2{color:#E6EAED;font-size:38px;margin-bottom:35px;text-align:center;position:relative;z-index:2}
.metodologiasteps{display:flex;justify-content:space-between;gap:30px;position:relative;z-index:2}
.stepitem{flex:1;text-align:center}
.stepnumber{width:60px;height:60px;background:#E6EAED;color:#050B52;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;margin:0 auto 20px;box-shadow:3px 5px 0 #0003}
.stepitem h4{color:#E6EAED;font-size:20px;margin-bottom:12px}
.stepitem .stepdesc{color:#E6EAED;font-size:15px;line-height:1.6}
.beneficiosection{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
.beneficiocontent h2{color:#050B52;font-size:36px;margin-bottom:25px;position:relative}
.beneficiocontent h2::after{content:'';display:block;width:80px;height:5px;background:#00B3D1;margin-top:15px;border-radius:3px}
.beneficiolist{list-style:none;padding:0}
.beneficiolist li{color:#050B52;font-size:17px;margin-bottom:18px;padding-left:35px;position:relative;line-height:1.6}
.beneficiolist li::before{content:'▶';position:absolute;left:0;color:#00B3D1;font-size:14px}
.beneficioimg{border-radius:30px;overflow:hidden;box-shadow:6px 8px 0 #00B3D1}
.beneficioimg img{width:100%;height:450px;object-fit:cover;display:block;loading:lazy}
.instructorwrapper{background:#E6EAED;border-radius:30px;padding:50px;margin-bottom:80px}
.instructorwrapper h2{color:#050B52;font-size:36px;text-align:center;margin-bottom:45px}
.instructorgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}
.instructorcard{text-align:center;background:#fff;padding:25px;border-radius:20px;box-shadow:3px 5px 0 #00B3D1;transition:all .3s ease}
.instructorcard:hover{box-shadow:5px 8px 0 #050B52}
.instructorphoto{width:120px;height:120px;border-radius:50%;overflow:hidden;margin:0 auto 20px;border:4px solid #00B3D1}
.instructorphoto img{width:100%;height:100%;object-fit:cover;display:block;loading:lazy}
.instructorcard h5{color:#050B52;font-size:18px;margin-bottom:8px}
.instructorcard .instructorrole{color:#00B3D1;font-size:14px;font-weight:700}
.gamificacionarea{display:flex;gap:40px;align-items:stretch;margin-bottom:80px}
.gamiftext{flex:1;background:linear-gradient(180deg,#00B3D1 0%,#050B52 100%);border-radius:28px;padding:45px;color:#E6EAED}
.gamiftext h2{font-size:34px;margin-bottom:25px;color:#E6EAED}
.gamiftext p{font-size:16px;line-height:1.7;margin-bottom:15px}
.gamiffeatures{margin-top:25px}
.gamiffeatures h6{font-size:16px;color:#E6EAED;margin-bottom:12px}
.gamiffeatures .featuretag{display:inline-block;background:#e6eaed33;color:#E6EAED;padding:8px 16px;border-radius:15px;margin-right:10px;margin-bottom:10px;font-size:14px}
.gamifimg{flex:1;border-radius:28px;overflow:hidden;box-shadow:5px 7px 0 #050B52}
.gamifimg img{width:100%;height:100%;object-fit:cover;display:block;loading:lazy}
.testimonioswrap{margin-bottom:80px}
.testimonioswrap h2{color:#050B52;font-size:36px;text-align:center;margin-bottom:50px;position:relative}
.testimonioswrap h2::before{content:'"';position:absolute;left:50%;transform:translateX(-50%);top:-40px;font-size:80px;color:#00B3D1;opacity:.3}
.testimoniobox{display:grid;grid-template-columns:1fr 1fr;gap:35px}
.testimonioitem{background:#E6EAED;padding:35px;border-radius:25px;box-shadow:4px 6px 0 #00B3D1;position:relative}
.testimonioitem::before{content:'';position:absolute;top:20px;right:25px;font-size:28px;color:#00B3D1}
.testimonioitem .testimoniotext{color:#050B52;font-size:16px;line-height:1.7;margin-bottom:20px;font-style:italic}
.testimonioauthor{display:flex;align-items:center;gap:15px}
.testimonioauthor .authorimg{width:50px;height:50px;border-radius:50%;overflow:hidden;border:3px solid #00B3D1}
.testimonioauthor .authorimg img{width:100%;height:100%;object-fit:cover;display:block;loading:lazy}
.testimonioauthor .authorinfo h6{color:#050B52;font-size:16px;margin-bottom:3px}
.testimonioauthor .authorinfo .authorlabel{color:#00B3D1;font-size:13px}
.ctafinalsection{background:#050B52;border-radius:35px;padding:70px 50px;text-align:center;position:relative;overflow:hidden}
.ctafinalsection::before{content:'';position:absolute;top:-100px;left:-100px;width:250px;height:250px;background:radial-gradient(circle,#00b3d133 0%,transparent 70%)}
.ctafinalsection::after{content:'';position:absolute;bottom:-80px;right:-80px;width:200px;height:200px;background:radial-gradient(circle,#00b3d126 0%,transparent 70%)}
.ctafinalsection h2{color:#E6EAED;font-size:40px;margin-bottom:20px;position:relative;z-index:2}
.ctafinalsection .ctadesc{color:#E6EAED;font-size:18px;max-width:650px;margin:0 auto 35px;line-height:1.6;position:relative;z-index:2}
.ctabuttonwrap{position:relative;z-index:2}
.ctabuttonwrap .nes-btn{background:#00B3D1;color:#E6EAED;border:4px solid #E6EAED;font-size:18px;padding:15px 40px;cursor:pointer;transition:all .3s ease;box-shadow:4px 6px 0 #0000004d}
.ctabuttonwrap .nes-btn:hover{background:#E6EAED;color:#050B52;transform:translateY(-4px);box-shadow:6px 10px 0 #0006}
@media (max-width: 1366px) {
.cursosgrid{grid-template-columns:repeat(2,1fr);gap:35px}
.instructorgrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.programhero{padding:50px 20px}
.programhero h1{font-size:32px}
.programhero .herodesc{font-size:16px}
.cursosgrid{grid-template-columns:1fr;gap:25px}
.metodologiasteps{flex-direction:column;gap:30px}
.beneficiosection{grid-template-columns:1fr;gap:30px}
.beneficioimg img{height:300px}
.instructorgrid{grid-template-columns:1fr;gap:20px}
.gamificacionarea{flex-direction:column}
.testimoniobox{grid-template-columns:1fr}
.ctafinalsection{padding:50px 30px}
.ctafinalsection h2{font-size:28px}
}
@media (max-width: 375px) {
.programhero h1{font-size:26px}
.cursocard{padding:25px}
.metodologiawrap{padding:40px 25px}
.instructorwrapper{padding:30px 20px}
.gamiftext{padding:30px}
.testimonioitem{padding:25px}
.ctafinalsection h2{font-size:24px}
}
.policy-container{max-width:1200px;margin:0 auto;padding:3rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.7;color:#050B52;background:linear-gradient(135deg,#E6EAED 0%,#fff 100%)}
.policy-container h1{font-size:2.75rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(120deg,#050B52 0%,#00B3D1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.2;border-left:6px solid #00B3D1;padding-left:1.5rem}
.policy-container h2{font-size:2rem;font-weight:700;margin-top:3rem;margin-bottom:1.25rem;color:#050B52;border-bottom:3px solid #00B3D1;padding-bottom:.75rem}
.policy-container h3{font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:#050B52;position:relative;padding-left:1.25rem}
.policy-container h3::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:60%;background:linear-gradient(180deg,#00B3D1 0%,#050B52 100%);border-radius:3px}
.policy-container h4{font-size:1.25rem;font-weight:600;margin-top:2rem;margin-bottom:.875rem;color:#00B3D1}
.policy-container p{margin-bottom:1.25rem;text-align:justify;font-size:1.05rem}
.policy-container .intro-section{background:linear-gradient(135deg,#00b3d114 0%,#050b520d 100%);padding:2rem;border-radius:12px;margin-bottom:2.5rem;border:2px solid #00B3D1;box-shadow:0 4px 15px #00b3d126}
.policy-container span{font-weight:600;color:#00B3D1;padding:0 .15rem}
.policy-container ul{margin:1.5rem 0;padding-left:0;list-style:none}
.policy-container li{margin-bottom:1.25rem;padding-left:2rem;position:relative;font-size:1.05rem;line-height:1.7}
.policy-container li::before{content:'→';position:absolute;left:0;color:#00B3D1;font-weight:700;font-size:1.3rem}
.policy-container .content-section{background:#fff;padding:2rem;margin:2rem 0;border-radius:10px;box-shadow:0 3px 12px #050b521a;border-left:4px solid #00B3D1}
.policy-container .highlight-box{background:linear-gradient(120deg,#00b3d11a 0%,#e6eaed99 100%);padding:1.5rem;border-radius:8px;margin:1.5rem 0;border:1px solid #00B3D1}
.privacy-container{max-width:920px;margin:0 auto;padding:60px 24px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;color:#050B52;background:linear-gradient(to bottom,#fff 0%,#fafbfc 100%);line-height:1.7}
.privacy-container h1{font-size:2.8rem;font-weight:700;color:#050B52;margin:0 0 20px;letter-spacing:-.02em;line-height:1.2}
.privacy-intro{font-size:1.1rem;color:#2a3950;margin-bottom:48px;padding:28px;background:linear-gradient(135deg,#E6EAED 0%,#f5f7f9 100%);border-left:4px solid #00B3D1;border-radius:8px;box-shadow:0 1px 3px #050b5214}
.privacy-container h2{font-size:1.9rem;font-weight:600;color:#050B52;margin:56px 0 24px;padding-bottom:12px;border-bottom:2px solid #E6EAED;letter-spacing:-.01em}
.privacy-container h3{font-size:1.4rem;font-weight:600;color:#00B3D1;margin:40px 0 20px;letter-spacing:-.01em}
.privacy-container h4{font-size:1.15rem;font-weight:600;color:#2a3950;margin:28px 0 16px}
.privacy-container p{margin:0 0 18px;color:#2a3950;font-size:1.02rem}
.privacy-container ul{margin:20px 0 24px;padding-left:0;list-style:none}
.privacy-container li{position:relative;margin-bottom:16px;padding-left:32px;color:#2a3950;font-size:1.02rem}
.privacy-container li::before{content:'';position:absolute;left:8px;top:10px;width:8px;height:8px;background:linear-gradient(135deg,#00B3D1 0%,#0098b8 100%);border-radius:50%}
.privacy-container span{font-weight:600;color:#050B52}
.section-card{background:#fff;padding:32px;margin:32px 0;border-radius:12px;box-shadow:0 2px 8px #050b520f;border:1px solid #E6EAED}
.highlight-box{background:linear-gradient(135deg,#f0f9fb 0%,#fff 100%);padding:24px;margin:24px 0;border-radius:8px;border-left:3px solid #00B3D1}
@media (max-width: 768px) {
.privacy-container{padding:40px 20px}
.privacy-container h1{font-size:2.2rem}
.privacy-container h2{font-size:1.6rem}
.privacy-container h3{font-size:1.25rem}
.section-card{padding:24px 20px}
}
.successwrapper{max-width:1320px;margin:0 auto;padding:60px 20px}
.successconfirmation{background:linear-gradient(135deg,#00B3D1 0%,#050B52 100%);border-radius:30px;padding:80px 40px;text-align:center;position:relative;overflow:hidden}
.successconfirmation::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#e6eaed1a 0%,transparent 70%);animation:pulserotate 20s linear infinite}
@keyframes pulserotate {
0%{transform:rotate(0deg)}
100%{transform:rotate(360deg)}
}
.successconfirmation .checkmarkicon{width:120px;height:120px;margin:0 auto 30px;position:relative;z-index:2}
.successconfirmation .checkmarkicon svg{width:100%;height:100%;filter:drop-shadow(0 8px 16px #0003)}
.successconfirmation .checkmarkicon circle{fill:#E6EAED;stroke:#00B3D1;stroke-width:3;animation:checkpulse 2s ease-in-out infinite}
@keyframes checkpulse {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.05);opacity:.9}
}
.successconfirmation .checkmarkicon path{fill:none;stroke:#050B52;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:checkdraw 1.5s ease-out forwards}
@keyframes checkdraw {
to{stroke-dashoffset:0}
}
.successconfirmation h1{font-size:48px;color:#E6EAED;margin:0 0 20px;position:relative;z-index:2;text-shadow:2px 4px 8px #050b524d}
.successconfirmation .confirmtext{font-size:20px;color:#E6EAED;line-height:1.6;max-width:700px;margin:0 auto 40px;position:relative;z-index:2}
.successdetailsblock{background:#E6EAED;border-radius:25px;padding:50px 40px;margin-top:40px;box-shadow:0 6px 20px #050b5226}
.successdetailsblock h2{font-size:32px;color:#050B52;margin:0 0 30px;position:relative;padding-bottom:15px}
.successdetailsblock h2::after{content:'';position:absolute;bottom:0;left:0;width:80px;height:4px;background:linear-gradient(90deg,#00B3D1,#050B52);border-radius:2px}
.infogridlayout{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;margin-bottom:40px}
.detailitemcard{background:#fff;border-radius:20px;padding:30px;box-shadow:0 4px 12px #00b3d11a;transition:transform .3s ease,box-shadow .3s ease;border:2px solid transparent}
.detailitemcard:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00b3d133;border-color:#00B3D1}
.detailitemcard h3{font-size:18px;color:#00B3D1;margin:0 0 12px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.detailitemcard p{font-size:24px;color:#050B52;margin:0;font-weight:600}
.nextstepsarea{background:linear-gradient(45deg,#050B52,#00B3D1);border-radius:20px;padding:40px;margin-top:30px}
.nextstepsarea h4{font-size:26px;color:#E6EAED;margin:0 0 25px}
.steplistcontainer{display:flex;flex-direction:column;gap:20px}
.steprow{background:#e6eaed26;border-radius:15px;padding:20px 25px;display:flex;align-items:center;gap:20px;backdrop-filter:blur(10px);border:1px solid #e6eaed33;transition:background .3s ease}
.steprow:hover{background:#e6eaed40}
.stepnumber{width:50px;height:50px;background:#E6EAED;color:#050B52;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;flex-shrink:0;box-shadow:0 4px 8px #0003}
.stepcontent h5{font-size:20px;color:#E6EAED;margin:0 0 8px}
.stepcontent p{font-size:16px;color:#e6eaede6;margin:0;line-height:1.5}
.actionbuttonswrapper{display:flex;gap:20px;justify-content:center;margin-top:50px;flex-wrap:wrap;position:relative;z-index:2}
.primaryactionbtn{background:#E6EAED;color:#050B52;padding:18px 45px;border-radius:30px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 6px 16px #050b5240;border:3px solid #E6EAED;z-index:10;position:relative}
.primaryactionbtn:hover{background:#00B3D1;color:#fff;border-color:#00B3D1;transform:translateY(-3px);box-shadow:0 10px 24px #00b3d166}
.secondaryactionbtn{background:none;color:#E6EAED;padding:18px 45px;border-radius:30px;font-size:18px;font-weight:700;text-decoration:none;display:inline-block;transition:all .3s ease;border:3px solid #E6EAED;z-index:10;position:relative}
.secondaryactionbtn:hover{background:#E6EAED;color:#050B52;transform:translateY(-3px);box-shadow:0 10px 24px #e6eaed4d}
@media (max-width: 768px) {
.successwrapper{padding:40px 15px}
.successconfirmation{padding:60px 25px;border-radius:25px}
.successconfirmation h1{font-size:36px}
.successconfirmation .confirmtext{font-size:18px}
.successdetailsblock{padding:35px 25px}
.infogridlayout{grid-template-columns:1fr;gap:20px}
.nextstepsarea{padding:30px 20px}
.steprow{flex-direction:column;align-items:flex-start;gap:15px}
.actionbuttonswrapper{flex-direction:column;gap:15px}
.primaryactionbtn,.secondaryactionbtn{width:100%;text-align:center}
}
@media (max-width: 375px) {
.successconfirmation h1{font-size:28px}
.successconfirmation .confirmtext{font-size:16px}
.successdetailsblock h2{font-size:26px}
}