@import "https://fonts.googleapis.com/css2?family=Nunito:wght@300;400;600;700&display=swap";
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Nunito',sans-serif;background-color:#FCFCFD;color:#1D1B2F;line-height:1.6}
.mainheader{background:linear-gradient(135deg,#1D1B2F 0%,#2a2640 100%);position:relative;box-shadow:0 4px 8px #1d1b2f26}
.topnavbar{width:100%;padding:18px 0;border-bottom:1px solid #fcfcfd1a}
.navcontainer{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;justify-content:flex-end;align-items:center}
.mainnavlist{list-style:none;display:flex;gap:42px;align-items:center}
.mainnavlist a{color:#FCFCFD;text-decoration:none;font-size:15px;font-weight:400;transition:color 200ms ease-out}
.mainnavlist a:hover{color:#5C80EC}
.brandzone{position:relative;padding:35px 0}
.brandholder{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;justify-content:center;align-items:center;gap:24px}
.logoimg47{width:110px;height:110px;object-fit:contain;background:#fcfcfd14;padding:12px;border-radius:8px;box-shadow:0 3px 12px #0003}
.companyname{font-size:42px;font-weight:700;color:#FCFCFD;letter-spacing:-.5px}
.footerbase{background:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" viewBox="0 0 100 100"><rect fill="%231D1B2F" width="100" height="100"/><circle cx="50" cy="50" r="40" fill="none" stroke="%235C80EC" stroke-width="0.5" opacity="0.03"/></svg>');background-color:#1D1B2F;color:#FCFCFD}
.topsectionfooter{padding:65px 0 50px;border-bottom:1px solid #fcfcfd1f}
.footerwrap{max-width:1400px;margin:0 auto;padding:0 30px}
.contactcard{background:linear-gradient(145deg,#5c80ec1a 0%,#5c80ec0d 100%);padding:45px;border-radius:8px;border-left:4px solid #5C80EC;max-width:700px;margin:0 auto}
.contactcard h3{font-size:28px;font-weight:700;margin-bottom:22px;color:#FCFCFD}
.contactinfo{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.contactitem{display:flex;align-items:center;gap:14px;font-size:15px;color:#fcfcfdd9}
.contactitem i{color:#5C80EC;font-size:20px}
.ctabtn{display:inline-block;padding:14px 32px;background-color:#5C80EC;color:#FCFCFD;text-decoration:none;border-radius:6px;font-weight:600;font-size:15px;transition:background-color 300ms ease-out}
.ctabtn:hover{background-color:#4a6dd4}
.middlesectionfooter{padding:40px 0;border-bottom:1px solid #fcfcfd1f}
.footernav{display:flex;justify-content:center;gap:38px;flex-wrap:wrap}
.footernav a{color:#fcfcfdbf;text-decoration:none;font-size:14px;transition:color 200ms ease-out}
.footernav a:hover{color:#5C80EC}
.bottomsectionfooter{padding:28px 0}
.copyrighttext{text-align:center;font-size:13px;color:#fcfcfd99}
.cookiebanner{position:fixed;bottom:20px;left:20px;background:#FCFCFD;border-radius:8px;box-shadow:0 6px 20px #1d1b2f40;max-width:480px;z-index:9999;padding:28px;opacity:0;transform:translateY(20px);transition:opacity 400ms ease-out,transform 400ms ease-out}
.cookiebanner.visible{opacity:1;transform:translateY(0)}
.cookiecontent h4{font-size:18px;font-weight:700;color:#1D1B2F;margin-bottom:12px}
.cookiecontent p{font-size:14px;color:#1D1B2F;margin-bottom:18px;line-height:1.5}
.cookiecontent p a{color:#5C80EC;text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom 150ms ease-out}
.cookiecontent p a:hover{border-bottom:1px solid #5C80EC}
.cookiedetails{margin:18px 0}
.cookiesection{margin-bottom:16px}
.cookiesection label{display:flex;align-items:center;gap:10px;font-size:14px;color:#1D1B2F;cursor:pointer}
.cookiesection input[type="checkbox"]{width:18px;height:18px;cursor:pointer}
.cookiesection input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.5}
.cookieactions{display:flex;gap:12px;margin-top:20px}
.cookieactions button{flex:1;padding:12px 20px;border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color 200ms ease-out;font-family:'Nunito',sans-serif}
.acceptbtn{background-color:#5C80EC;color:#FCFCFD}
.acceptbtn:hover{background-color:#4a6dd4}
.rejectbtn{background-color:#e8e8ea;color:#1D1B2F}
.rejectbtn:hover{background-color:#d4d4d7}
@media (max-width: 768px) {
.mainnavlist{flex-direction:column;gap:20px;padding:20px 0}
.navcontainer{justify-content:center}
.brandholder{flex-direction:column;gap:16px}
.companyname{font-size:32px;text-align:center}
.logoimg47{width:90px;height:90px}
.contactcard{padding:30px 20px}
.footernav{flex-direction:column;align-items:center;gap:18px}
.cookiebanner{left:10px;right:10px;max-width:none;bottom:10px}
.cookieactions{flex-direction:column}
}
.titleblock{position:relative;height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.titleblock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./promo_images/01-11-guide.jpg);background-size:cover;background-position:center;filter:blur(8px);z-index:1}
.titleblock::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(ellipse at center,#1d1b2f4d 0%,#1d1b2fd9 70%);z-index:2}
.titlecontent{position:relative;z-index:3;text-align:center;max-width:820px;padding:0 24px}
.titlecontent h1{font-size:52px;color:#FCFCFD;margin:0 0 28px;font-weight:700;line-height:1.2}
.titlecontent .subtitle{font-size:19px;color:#FCFCFD;line-height:1.6;margin:0;opacity:.95}
.titleblock .cornerline{position:absolute;z-index:4;width:60px;height:60px;border-color:#5c80ec99;border-style:solid}
.cornerline.topleft{top:24px;left:24px;border-width:2px 0 0 2px}
.cornerline.topright{top:24px;right:24px;border-width:2px 2px 0 0}
.cornerline.bottomleft{bottom:24px;left:24px;border-width:0 0 2px 2px}
.cornerline.bottomright{bottom:24px;right:24px;border-width:0 2px 2px 0}
.teamintro{max-width:1400px;margin:0 auto 90px;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.teamintro .introleft h2{font-size:38px;color:#1D1B2F;margin:0 0 24px;line-height:1.3;font-weight:700}
.teamintro .introleft .highlight{color:#5C80EC;position:relative}
.teamintro .introleft .highlight::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#5C80EC 0%,#5c80ec4d 100%)}
.teamintro .introright p{font-size:17px;color:#1D1B2F;line-height:1.7;margin:0 0 20px}
.teamintro .introright p:last-child{margin-bottom:0}
.teammembers{max-width:1400px;margin:0 auto 90px;padding:0 24px}
.memberslist{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.membercard{background:#FCFCFD;border:2px solid #1d1b2f14;overflow:hidden;transition:all 300ms ease-out;position:relative}
.membercard::before{content:'';position:absolute;top:0;left:0;width:0;height:4px;background:linear-gradient(90deg,#5C80EC,#1D1B2F);transition:width 400ms ease-out}
.membercard:hover::before{width:100%}
.membercard:hover{border-color:#5c80ec4d;box-shadow:0 6px 24px #1d1b2f1f;transform:translateY(-4px)}
.membercard .photozone{position:relative;width:100%;height:340px;overflow:hidden;background:#e8e9ed}
.membercard .photozone img{width:100%;height:100%;object-fit:cover;transition:transform 500ms ease-out}
.membercard:hover .photozone img{transform:scale(1.05)}
.membercard .infozone{padding:28px 24px}
.membercard .infozone h3{font-size:24px;color:#1D1B2F;margin:0 0 8px;font-weight:700}
.membercard .infozone .position{font-size:15px;color:#5C80EC;margin:0 0 16px;font-weight:500}
.membercard .infozone .bio{font-size:16px;color:#1D1B2F;line-height:1.6;margin:0}
.valuesbanner{background:linear-gradient(135deg,#1D1B2F 0%,#2a2841 100%);padding:80px 24px;margin-bottom:90px;position:relative;overflow:hidden}
.valuesbanner::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:radial-gradient(circle,#5c80ec26 0%,transparent 70%);border-radius:50%}
.valuesbanner::after{content:'';position:absolute;bottom:-40%;left:-8%;width:500px;height:500px;background:radial-gradient(circle,#5c80ec1a 0%,transparent 70%);border-radius:50%}
.valuescontent{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.valuescontent h2{font-size:42px;color:#FCFCFD;text-align:center;margin:0 0 60px;font-weight:700}
.valuesgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.valueitem{text-align:center;padding:32px 20px;background:#fcfcfd0d;border:1px solid #fcfcfd1a;transition:all 200ms ease-out}
.valueitem:hover{background:#fcfcfd14;border-color:#5c80ec66;transform:translateY(-6px)}
.valueitem .iconwrap{width:64px;height:64px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;background:#5c80ec26;border:2px solid #5c80ec4d;transition:all 200ms ease-out}
.valueitem:hover .iconwrap{background:#5c80ec40;border-color:#5C80EC}
.valueitem .iconwrap i{font-size:32px;color:#5C80EC}
.valueitem h3{font-size:20px;color:#FCFCFD;margin:0 0 12px;font-weight:600}
.valueitem p{font-size:15px;color:#fcfcfdd9;line-height:1.6;margin:0}
@media (max-width: 1200px) {
.teamintro{grid-template-columns:1fr;gap:40px}
.memberslist{grid-template-columns:repeat(2,1fr)}
.valuesgrid{grid-template-columns:repeat(2,1fr);gap:28px}
}
@media (max-width: 768px) {
.titleblock{height:420px}
.titlecontent h1{font-size:36px;margin-bottom:20px}
.titlecontent .subtitle{font-size:17px}
.cornerline{width:40px;height:40px}
.teamintro .introleft h2{font-size:32px}
.memberslist{grid-template-columns:1fr;gap:32px}
.membercard .photozone{height:380px}
.valuesbanner{padding:60px 24px}
.valuescontent h2{font-size:32px;margin-bottom:40px}
.valuesgrid{grid-template-columns:1fr;gap:20px}
}
.herotop{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px}
.herotop .bgimage{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}
.herotop .bgimage img{width:100%;height:100%;object-fit:cover;animation:slowzoom 18s ease-in-out infinite alternate}
@keyframes slowzoom {
0%{transform:scale(1)}
100%{transform:scale(1.08)}
}
.herotop .decorblur{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;z-index:2}
.herotop .decorblur1{width:280px;height:280px;background:#5C80EC;top:10%;left:8%}
.herotop .decorblur2{width:320px;height:320px;background:#1D1B2F;bottom:15%;right:12%}
.herotop .textcontent{position:relative;z-index:3;max-width:760px;padding:48px 40px;background:#fcfcfdeb;border-radius:6px;box-shadow:0 8px 24px #1d1b2f26;text-align:center}
.herotop .textcontent h1{font-size:42px;line-height:1.25;color:#1D1B2F;margin:0 0 18px;font-weight:700}
.herotop .textcontent .subtitle{font-size:19px;line-height:1.6;color:#1D1B2F;margin:0}
.sectionlearning{max-width:1400px;margin:0 auto 90px;padding:0 24px}
.sectionlearning h2{font-size:36px;color:#1D1B2F;margin:0 0 48px;text-align:center;font-weight:700}
.sectionlearning h2::before{content:'';display:inline-block;width:6px;height:32px;background:linear-gradient(180deg,#5C80EC 0%,#1D1B2F 100%);margin-right:12px;vertical-align:middle;border-radius:3px}
.outcomegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.outcomecard{background:#FCFCFD;padding:32px 28px;border:2px solid #5C80EC;border-radius:8px;transition:transform 200ms ease-out,box-shadow 200ms ease-out;position:relative;overflow:hidden}
.outcomecard::after{content:'';position:absolute;top:0;right:0;width:80px;height:80px;background:linear-gradient(135deg,transparent 50%,#5c80ec14 50%);border-radius:0 8px 0 0}
.outcomecard:hover{transform:translateY(-4px);box-shadow:0 12px 32px #1d1b2f1f}
.outcomecard .iconwrap{width:56px;height:56px;background:#5C80EC;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.outcomecard .iconwrap i{font-size:28px;color:#FCFCFD}
.outcomecard h3{font-size:22px;color:#1D1B2F;margin:0 0 14px;font-weight:600}
.outcomecard p{font-size:16px;line-height:1.65;color:#1D1B2F;margin:0}
.sectionsocial{background:#1D1B2F;padding:80px 24px;margin-bottom:90px}
.sectionsocial .innercontainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.sectionsocial .textside h2{font-size:38px;color:#FCFCFD;margin:0 0 24px;font-weight:700;position:relative;padding-left:18px}
.sectionsocial .textside h2::before{content:'';position:absolute;left:0;top:0;width:5px;height:100%;background:#5C80EC;border-radius:3px}
.sectionsocial .textside p{font-size:17px;line-height:1.7;color:#FCFCFD;margin:0 0 16px}
.sectionsocial .textside p:last-child{margin-bottom:0}
.sectionsocial .imageside{position:relative}
.sectionsocial .imageside img{width:100%;height:420px;object-fit:cover;border-radius:10px;box-shadow:0 8px 28px #0000004d}
.sectionsocial .imageside::before{content:'';position:absolute;top:-16px;left:-16px;width:100%;height:100%;border:3px solid #5C80EC;border-radius:10px;z-index:-1}
.sectionteam{max-width:1400px;margin:0 auto 90px;padding:0 24px}
.sectionteam h2{font-size:36px;color:#1D1B2F;margin:0 0 16px;text-align:center;font-weight:700}
.sectionteam .subtitleteam{font-size:18px;line-height:1.6;color:#1D1B2F;text-align:center;margin:0 auto 52px;max-width:720px}
.teamgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;max-width:900px;margin:0 auto}
.teammember{display:flex;gap:24px;background:#FCFCFD;padding:28px;border-radius:10px;box-shadow:0 4px 16px #1d1b2f14;transition:box-shadow 300ms ease-out}
.teammember:hover{box-shadow:0 8px 28px #1d1b2f26}
.teammember .photobox{flex-shrink:0}
.teammember .photobox img{width:120px;height:120px;object-fit:cover;border-radius:50%;border:4px solid #5C80EC}
.teammember .infobox h3{font-size:20px;color:#1D1B2F;margin:0 0 6px;font-weight:600}
.teammember .infobox .role{font-size:15px;color:#5C80EC;margin:0 0 12px;font-weight:500}
.teammember .infobox p{font-size:15px;line-height:1.6;color:#1D1B2F;margin:0}
.sectionmethods{background:linear-gradient(135deg,#5C80EC 0%,#1D1B2F 100%);padding:80px 24px}
.sectionmethods .innerbox{max-width:1400px;margin:0 auto}
.sectionmethods h2{font-size:38px;color:#FCFCFD;margin:0 0 52px;text-align:center;font-weight:700}
.methodsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.methoditem{background:#fcfcfdf2;padding:32px 24px;border-radius:8px;text-align:center;transition:transform 200ms ease-out}
.methoditem:hover{transform:scale(1.05)}
.methoditem .icontop{width:64px;height:64px;background:#1D1B2F;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 18px}
.methoditem .icontop i{font-size:32px;color:#FCFCFD}
.methoditem h3{font-size:19px;color:#1D1B2F;margin:0 0 12px;font-weight:600}
.methoditem p{font-size:15px;line-height:1.65;color:#1D1B2F;margin:0}
.sectionshowcase{max-width:1400px;margin:90px auto;padding:0 24px}
.showcasegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.showcaseitem{position:relative;overflow:hidden;border-radius:10px;box-shadow:0 6px 20px #1d1b2f1f}
.showcaseitem img{width:100%;height:340px;object-fit:cover;transition:transform 400ms ease-out}
.showcaseitem:hover img{transform:scale(1.08)}
.showcaseitem .overlaytext{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#1d1b2feb 0%,transparent 100%);padding:32px 24px 24px;color:#FCFCFD}
.showcaseitem .overlaytext h3{font-size:22px;margin:0 0 8px;font-weight:600}
.showcaseitem .overlaytext p{font-size:15px;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.outcomegrid{grid-template-columns:repeat(2,1fr);gap:28px}
.sectionsocial .innercontainer{grid-template-columns:1fr;gap:48px}
.methodsgrid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.herotop{min-height:420px;margin-bottom:60px}
.herotop .textcontent{padding:36px 28px}
.herotop .textcontent h1{font-size:32px}
.herotop .textcontent .subtitle{font-size:17px}
.sectionlearning{margin-bottom:70px}
.sectionlearning h2{font-size:30px;margin-bottom:36px}
.outcomegrid{grid-template-columns:1fr;gap:24px}
.sectionsocial{padding:60px 24px;margin-bottom:70px}
.sectionsocial .textside h2{font-size:30px}
.sectionsocial .imageside img{height:320px}
.sectionteam{margin-bottom:70px}
.sectionteam h2{font-size:30px}
.teamgrid{grid-template-columns:1fr;gap:32px}
.sectionmethods{padding:60px 24px}
.sectionmethods h2{font-size:30px;margin-bottom:40px}
.methodsgrid{grid-template-columns:1fr;gap:20px}
.sectionshowcase{margin:70px auto}
.showcasegrid{grid-template-columns:1fr;gap:24px}
.showcaseitem img{height:280px}
}
.contacthero{background:linear-gradient(135deg,#5c80ec1f 0%,#fcfcfdf2 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.contacthero::before{content:'';position:absolute;top:-50px;right:-50px;width:300px;height:300px;background:#5c80ec14;border-radius:50%;z-index:1}
.contacthero::after{content:'';position:absolute;bottom:-80px;left:-80px;width:250px;height:250px;background:#1d1b2f0a;transform:rotate(45deg);z-index:1}
.herocontent{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:2}
.herolefttext{flex:1}
.herolefttext h1{font-size:48px;color:#1D1B2F;margin:0 0 20px;line-height:1.2}
.herolefttext h1 span{color:#5C80EC;position:relative;display:inline-block}
.herolefttext h1 span::after{content:'';position:absolute;bottom:-4px;left:0;width:100%;height:3px;background:#5C80EC}
.herolefttext p{font-size:18px;color:#1D1B2F;opacity:.8;line-height:1.6;margin:0}
.heroimgzone{flex:0 0 420px;position:relative}
.heroimgzone img{width:100%;height:auto;border-radius:8px;box-shadow:0 12px 40px #1d1b2f26}
.formmainsection{max-width:1400px;margin:0 auto;padding:80px 20px}
.formgridlayout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.contactinfo{background:linear-gradient(135deg,#5C80EC 0%,#4a6bcc 100%);padding:50px 40px;border-radius:6px;color:#FCFCFD;position:sticky;top:20px}
.contactinfo h2{font-size:32px;margin:0 0 30px;font-weight:600}
.infoitem{margin-bottom:32px;display:flex;align-items:flex-start;gap:18px}
.infoitem:last-child{margin-bottom:0}
.infoitem i{font-size:26px;color:#FCFCFD;opacity:.9;flex-shrink:0;margin-top:2px}
.infoitemtext h3{font-size:16px;margin:0 0 6px;font-weight:500;opacity:.85;text-transform:uppercase;letter-spacing:.5px}
.infoitemtext p{font-size:18px;margin:0;line-height:1.5}
.infoitemtext a{color:#FCFCFD;text-decoration:none;transition:opacity 200ms ease-out}
.infoitemtext a:hover{opacity:.8}
.formcontainer321{background:#FCFCFD;padding:50px 45px;border-radius:6px;box-shadow:0 4px 24px #1d1b2f14;border:1px solid #5c80ec1a}
.formcontainer321 h2{font-size:36px;color:#1D1B2F;margin:0 0 12px}
.formcontainer321 .formsubtitle{font-size:16px;color:#1D1B2F;opacity:.7;margin:0 0 40px}
.contactform98{display:flex;flex-direction:column;gap:28px}
.formrow2col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.inputgroup74{display:flex;flex-direction:column;gap:10px}
.inputgroup74 label{font-size:15px;color:#1D1B2F;font-weight:500}
.inputgroup74 input,.inputgroup74 select,.inputgroup74 textarea{padding:16px 18px;border:2px solid #5c80ec33;border-radius:4px;font-size:16px;color:#1D1B2F;background:#FCFCFD;transition:border-color 300ms ease-out,box-shadow 200ms ease-out;outline:none}
.inputgroup74 input:focus,.inputgroup74 select:focus,.inputgroup74 textarea:focus{border-color:#5C80EC;box-shadow:0 0 0 3px #5c80ec1a}
.inputgroup74 textarea{min-height:140px;resize:vertical;font-family:inherit}
.inputgroup74 select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath fill='%231D1B2F' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:45px}
.privacycheck{display:flex;align-items:flex-start;gap:12px;margin-top:8px}
.privacycheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#5C80EC}
.privacycheck label{font-size:14px;color:#1D1B2F;opacity:.8;line-height:1.5;cursor:pointer}
.privacycheck label a{color:#5C80EC;text-decoration:none;transition:opacity 200ms ease-out}
.privacycheck label a:hover{opacity:.7}
.submitbutton67{background:linear-gradient(135deg,#5C80EC 0%,#4a6bcc 100%);color:#FCFCFD;border:none;padding:18px 40px;font-size:18px;font-weight:600;border-radius:4px;cursor:pointer;transition:transform 200ms ease-out,box-shadow 300ms ease-out;margin-top:12px;position:relative;z-index:10}
.submitbutton67:hover{transform:translateY(-2px);box-shadow:0 8px 24px #5c80ec66}
.submitbutton67:active{transform:translateY(0)}
@media (max-width: 1024px) {
.herocontent{flex-direction:column;gap:40px}
.heroimgzone{flex:0 0 auto;max-width:500px;width:100%}
.formgridlayout{grid-template-columns:1fr;gap:50px}
.contactinfo{position:static}
}
@media (max-width: 768px) {
.contacthero{padding:60px 20px 40px}
.herolefttext h1{font-size:36px}
.herolefttext p{font-size:16px}
.formmainsection{padding:60px 20px}
.formrow2col{grid-template-columns:1fr;gap:28px}
.contactinfo{padding:35px 30px}
.contactinfo h2{font-size:26px}
.formcontainer321{padding:35px 30px}
.formcontainer321 h2{font-size:28px}
}
@media (max-width: 480px) {
.herolefttext h1{font-size:28px}
.contactinfo{padding:30px 24px}
.formcontainer321{padding:30px 24px}
.formcontainer321 h2{font-size:24px}
.submitbutton67{width:100%;padding:16px 30px}
}
.programhero{position:relative;overflow:hidden;background:linear-gradient(135deg,#5C80EC 0%,#1D1B2F 100%);padding:80px 20px;margin-bottom:60px}
.programhero .herocontainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.programhero .herotextarea h1{font-size:48px;line-height:1.2;color:#FCFCFD;margin-bottom:24px;font-weight:700}
.programhero .herotextarea p{font-size:18px;line-height:1.6;color:#FCFCFD;opacity:.9;margin-bottom:32px}
.programhero .heroimgwrap{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 8px 24px #1d1b2f4d}
.programhero .heroimgwrap img{width:100%;height:460px;object-fit:cover;display:block;filter:brightness(0.85) contrast(1.1)}
.programhero .heroimgwrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#1d1b2f33 0%,#5c80ec4d 100%);pointer-events:none}
.programhero .actionbtn{display:inline-block;padding:14px 36px;background:#FCFCFD;color:#1D1B2F;text-decoration:none;border-radius:6px;font-weight:600;transition:transform 200ms ease-out,box-shadow 200ms ease-out;box-shadow:0 4px 12px #fcfcfd33}
.programhero .actionbtn:hover{transform:translateY(-2px);box-shadow:0 6px 16px #fcfcfd4d}
.modulegrid{max-width:1400px;margin:0 auto 80px;padding:0 20px}
.modulegrid h2{font-size:38px;color:#1D1B2F;margin-bottom:16px;font-weight:700;position:relative;display:inline-block}
.modulegrid h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60px;height:4px;background:#5C80EC;border-radius:2px}
.modulegrid .introtxt{font-size:17px;line-height:1.6;color:#1D1B2F;opacity:.8;margin-bottom:48px;max-width:800px}
.modulegrid .modulelist{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.modulegrid .modulecard{background:#FCFCFD;border:2px solid #5C80EC;border-radius:0;padding:32px;transition:transform 300ms ease-out,box-shadow 300ms ease-out;position:relative}
.modulegrid .modulecard::before{content:'';position:absolute;top:0;left:0;width:6px;height:100%;background:#5C80EC;opacity:0;transition:opacity 300ms ease-out}
.modulegrid .modulecard:hover{transform:translateX(8px);box-shadow:-8px 8px 0 #5c80ec33}
.modulegrid .modulecard:hover::before{opacity:1}
.modulegrid .modulenum{font-size:14px;font-weight:700;color:#5C80EC;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}
.modulegrid .modulecard h3{font-size:22px;color:#1D1B2F;margin-bottom:14px;font-weight:700}
.modulegrid .modulecard p{font-size:16px;line-height:1.5;color:#1D1B2F;opacity:.75}
.modulegrid .moduleiconbox{width:48px;height:48px;background:#5c80ec1a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.modulegrid .moduleiconbox i{font-size:24px;color:#5C80EC}
.testimonialsect{background:linear-gradient(45deg,#1D1B2F 0%,#2d2a4a 100%);padding:80px 20px;position:relative}
.testimonialsect::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#5C80EC 50%,transparent 100%)}
.testimonialsect .testimonialwrap{max-width:1400px;margin:0 auto}
.testimonialsect h2{font-size:36px;color:#FCFCFD;text-align:center;margin-bottom:56px;font-weight:700}
.testimonialsect .testimonialsgrid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.testimonialsect .testimonialpair{display:flex;flex-direction:column;gap:32px}
.testimonialsect .testimonialblock{background:#fcfcfd0d;padding:32px;border-left:4px solid #5C80EC;position:relative}
.testimonialsect .testimonialblock::before{content:'"';position:absolute;top:-10px;left:24px;font-size:72px;color:#5C80EC;opacity:.3;line-height:1;font-family:Georgia,serif}
.testimonialsect .testimonialblock p{font-size:16px;line-height:1.7;color:#FCFCFD;opacity:.9;margin-bottom:20px;position:relative;z-index:1}
.testimonialsect .authorinfo{display:flex;align-items:center;gap:16px}
.testimonialsect .authorphoto{width:56px;height:56px;border-radius:50%;overflow:hidden;border:3px solid #5C80EC}
.testimonialsect .authorphoto img{width:100%;height:100%;object-fit:cover}
.testimonialsect .authorname{font-size:17px;font-weight:700;color:#FCFCFD;margin-bottom:4px}
.testimonialsect .authorrole{font-size:14px;color:#5C80EC;opacity:.9}
.testimonialsect .visualimg{position:relative;border-radius:0;overflow:hidden;box-shadow:8px 8px 0 #5c80ec4d}
.testimonialsect .visualimg img{width:100%;height:520px;object-fit:cover;display:block}
@media (max-width: 1024px) {
.programhero .herocontainer{grid-template-columns:1fr;gap:40px}
.programhero .herotextarea h1{font-size:38px}
.modulegrid .modulelist{grid-template-columns:1fr 1fr}
.testimonialsect .testimonialsgrid{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.programhero{padding:60px 20px}
.programhero .herotextarea h1{font-size:32px}
.programhero .heroimgwrap img{height:320px}
.modulegrid .modulelist{grid-template-columns:1fr}
.modulegrid h2{font-size:30px}
.testimonialsect h2{font-size:28px;margin-bottom:40px}
.testimonialsect .visualimg img{height:380px}
}
.pricingsection{max-width:1400px;margin:0 auto;padding:0 20px}
.priceintro{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding:80px 0;align-items:start}
.priceintro .textside{padding-top:40px}
.priceintro .pretitle{color:#5C80EC;font-size:15px;font-weight:600;letter-spacing:1.2px;text-transform:uppercase;margin-bottom:16px}
.priceintro .maintitle{font-size:42px;color:#1D1B2F;line-height:1.2;margin-bottom:24px;font-weight:700}
.priceintro .description{color:#1D1B2F;font-size:17px;line-height:1.7;opacity:.85}
.priceintro .imagewrap{position:relative;border-radius:8px;overflow:hidden;box-shadow:0 12px 40px #1d1b2f26}
.priceintro .imagewrap::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#5c80ec4d 0%,transparent 70%);animation:pulselight 8s ease-in-out infinite;pointer-events:none;z-index:2}
@keyframes pulselight {
0%,100%{transform:translate(0,0) scale(1);opacity:.4}
50%{transform:translate(10%,10%) scale(1.1);opacity:.7}
}
.priceintro .imagewrap::after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(0deg,#1d1b2f08 0px,transparent 1px,transparent 2px,#1d1b2f08 3px);pointer-events:none;z-index:1}
.priceintro .imagewrap img{width:100%;height:auto;display:block;position:relative}
.plansgrid{padding:60px 0 80px}
.plansgrid .gridheader{text-align:center;margin-bottom:60px}
.plansgrid .gridheader h2{font-size:38px;color:#1D1B2F;margin-bottom:16px;font-weight:700}
.plansgrid .gridheader p{font-size:17px;color:#1D1B2F;opacity:.8}
.cardsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}
.pricecard{background:#FCFCFD;border:2px solid #1d1b2f1a;border-radius:10px;padding:40px 32px;position:relative;transition:all 300ms ease-out}
.pricecard:hover{border-color:#5C80EC;box-shadow:0 8px 30px #5c80ec33;transform:translateY(-4px)}
.pricecard.featured{border-color:#5C80EC;border-width:3px;background:linear-gradient(135deg,#FCFCFD 0%,#5c80ec0d 100%)}
.pricecard.featured::before{content:'Más Popular';position:absolute;top:-12px;right:32px;background:#5C80EC;color:#FCFCFD;padding:6px 20px;border-radius:20px;font-size:13px;font-weight:600;letter-spacing:.5px}
.pricecard .cardtitle{font-size:24px;color:#1D1B2F;margin-bottom:12px;font-weight:700}
.pricecard .carddesc{font-size:15px;color:#1D1B2F;opacity:.75;margin-bottom:24px;line-height:1.6}
.pricecard .priceamount{display:flex;align-items:baseline;margin-bottom:28px}
.pricecard .priceamount .currency{font-size:28px;color:#5C80EC;font-weight:700}
.pricecard .priceamount .amount{font-size:48px;color:#1D1B2F;font-weight:700;margin:0 6px}
.pricecard .priceamount .period{font-size:16px;color:#1D1B2F;opacity:.7}
.pricecard .featureslist{margin-bottom:32px}
.pricecard .featureslist li{display:flex;align-items:start;gap:12px;margin-bottom:16px;font-size:15px;color:#1D1B2F;line-height:1.5}
.pricecard .featureslist li::before{content:'';color:#5C80EC;font-weight:700;font-size:18px;flex-shrink:0}
.pricecard .ctabtn{display:block;width:100%;padding:16px 24px;background:#1D1B2F;color:#FCFCFD;text-align:center;border-radius:6px;font-size:16px;font-weight:600;text-decoration:none;transition:all 200ms ease-out;border:2px solid #1D1B2F}
.pricecard .ctabtn:hover{background:#5C80EC;border-color:#5C80EC;transform:scale(1.02)}
.pricecard.featured .ctabtn{background:#5C80EC;border-color:#5C80EC}
.pricecard.featured .ctabtn:hover{background:#1D1B2F;border-color:#1D1B2F}
.compareblock{padding:80px 0;background:linear-gradient(180deg,#FCFCFD 0%,#5c80ec0a 100%)}
.compareblock .comparewrap{max-width:1200px;margin:0 auto}
.compareblock .compareheader{margin-bottom:48px}
.compareblock .compareheader h2{font-size:36px;color:#1D1B2F;margin-bottom:12px;font-weight:700}
.compareblock .compareheader p{font-size:16px;color:#1D1B2F;opacity:.8}
.comparetable{background:#FCFCFD;border-radius:10px;overflow:hidden;box-shadow:0 4px 20px #1d1b2f14}
.comparetable .tablerow{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;border-bottom:1px solid #1d1b2f1a}
.comparetable .tablerow:last-child{border-bottom:none}
.comparetable .tablerow.headerrow{background:#1D1B2F;color:#FCFCFD}
.comparetable .tablecell{padding:20px 24px;display:flex;align-items:center;font-size:15px}
.comparetable .headerrow .tablecell{font-weight:700;justify-content:center}
.comparetable .headerrow .tablecell:first-child{justify-content:flex-start}
.comparetable .tablecell.featurename{color:#1D1B2F;font-weight:600}
.comparetable .tablecell.checkmark{justify-content:center;color:#5C80EC;font-size:20px;font-weight:700}
.comparetable .tablecell.crossmark{justify-content:center;color:#1d1b2f4d;font-size:20px}
.testimonialblock{padding:80px 0}
.testimonialblock .testimonialgrid{display:grid;grid-template-columns:1fr 1fr;gap:50px;max-width:1200px;margin:0 auto}
.testimonialcard{background:#FCFCFD;border-radius:10px;padding:36px;box-shadow:0 4px 24px #1d1b2f1a;position:relative;border:1px solid #5c80ec26}
.testimonialcard::before{content:'"';position:absolute;top:20px;left:30px;font-size:80px;color:#5c80ec26;font-family:Georgia,serif;line-height:1}
.testimonialcard .testimonialtext{font-size:16px;color:#1D1B2F;line-height:1.7;margin-bottom:28px;position:relative;z-index:1}
.testimonialcard .authorinfo{display:flex;align-items:center;gap:16px}
.testimonialcard .authorinfo .authorimage{width:60px;height:60px;border-radius:50%;overflow:hidden;border:3px solid #5C80EC}
.testimonialcard .authorinfo .authorimage img{width:100%;height:100%;object-fit:cover}
.testimonialcard .authorinfo .authordetails .authorname{font-size:17px;color:#1D1B2F;font-weight:700;margin-bottom:4px}
.testimonialcard .authorinfo .authordetails .authorrole{font-size:14px;color:#5C80EC;opacity:.9}
@media (max-width: 1024px) {
.priceintro{grid-template-columns:1fr;gap:40px}
.priceintro .textside{padding-top:0}
.cardsgrid{grid-template-columns:1fr;max-width:500px;margin:0 auto}
.comparetable .tablerow{grid-template-columns:1.5fr 1fr 1fr 1fr;font-size:14px}
.comparetable .tablecell{padding:16px 12px}
.testimonialblock .testimonialgrid{grid-template-columns:1fr;gap:30px}
}
@media (max-width: 768px) {
.priceintro .maintitle{font-size:32px}
.plansgrid .gridheader h2{font-size:28px}
.pricecard .priceamount .amount{font-size:38px}
.comparetable .tablerow{display:flex;flex-direction:column}
.comparetable .headerrow{display:none}
.comparetable .tablecell{justify-content:space-between;border-bottom:1px solid #1d1b2f0d}
.comparetable .tablecell::before{content:attr(data-label);font-weight:600;color:#1D1B2F}
.comparetable .tablecell.featurename::before{content:''}
}
@media (max-width: 480px) {
.pricingsection{padding:0 16px}
.priceintro{padding:40px 0}
.priceintro .maintitle{font-size:26px}
.plansgrid{padding:40px 0 60px}
.compareblock{padding:60px 0}
.compareblock .compareheader h2{font-size:26px}
.testimonialblock{padding:60px 0}
}
.cookiepolicypage{background:#FCFCFD;color:#1D1B2F}
.cookietoplevel{max-width:1400px;margin:0 auto;padding:0 24px}
.cookieherobanner{padding:80px 0 40px;background:linear-gradient(135deg,#5c80ec14 0%,#1d1b2f0a 100%);position:relative;overflow:hidden}
.cookieherobanner::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:linear-gradient(45deg,transparent 40%,#5c80ec0f 50%,transparent 60%);transform:rotate(15deg);pointer-events:none}
.cookieherobanner::after{content:'';position:absolute;bottom:-30%;left:-10%;width:400px;height:400px;background:radial-gradient(circle,#1d1b2f08 0%,transparent 70%);pointer-events:none}
.herocontentinner{max-width:900px;margin:0 auto;position:relative;z-index:2}
.pagetitlecookie{font-size:48px;line-height:1.2;font-weight:700;color:#1D1B2F;margin:0 0 16px;position:relative}
.pagetitlecookie::before{content:'';position:absolute;left:-40px;top:12px;width:6px;height:40px;background:#5C80EC;border-radius:3px}
.subtitletext89{font-size:20px;line-height:1.6;color:#1d1b2fbf;margin:0 0 24px}
.lastupdatestamp{font-size:14px;color:#1d1b2f80;font-weight:500;display:inline-block;padding:8px 16px;background:#5c80ec14;border-radius:6px}
.maincontentblock54{padding:60px 0}
.legalcontainerwrap{max-width:900px;margin:0 auto;background:#FCFCFD}
.legalsection23{margin:0 0 48px}
.sectionheading7{font-size:28px;line-height:1.3;font-weight:700;color:#1D1B2F;margin:0 0 20px;position:relative;padding-left:20px}
.sectionheading7::before{content:'';position:absolute;left:0;top:4px;width:8px;height:8px;background:#5C80EC;border-radius:50%}
.legaltext92{font-size:16px;line-height:1.8;color:#1d1b2fcc;margin:0 0 16px}
.cookietypescontainer{margin:32px 0}
.cookietypeblock{background:linear-gradient(135deg,#5c80ec0a 0%,#1d1b2f05 100%);border-left:4px solid #5C80EC;padding:24px;margin:0 0 20px;border-radius:0 8px 8px 0;transition:transform 200ms ease-out,box-shadow 200ms ease-out}
.cookietypeblock:hover{transform:translateX(8px);box-shadow:0 4px 12px #1d1b2f14}
.cookietypename{font-size:20px;font-weight:700;color:#1D1B2F;margin:0 0 12px}
.cookietypedesc{font-size:15px;line-height:1.7;color:#1d1b2fbf;margin:0}
.bulletlist34{list-style:none;padding:0;margin:20px 0}
.bulletlist34 li{font-size:16px;line-height:1.8;color:#1d1b2fcc;margin:0 0 12px;padding-left:32px;position:relative}
.bulletlist34 li::before{content:'';position:absolute;left:0;top:10px;width:6px;height:6px;background:#5C80EC;border-radius:50%}
.emphasizedtext56{font-weight:600;color:#1D1B2F}
.contactsectionfinal{background:linear-gradient(135deg,#1d1b2f0a 0%,#5c80ec0f 100%);padding:40px;border-radius:10px;margin:60px 0 0;text-align:center}
.contactheading99{font-size:24px;font-weight:700;color:#1D1B2F;margin:0 0 16px}
.contacttext88{font-size:16px;line-height:1.7;color:#1d1b2fbf;margin:0 0 24px}
.contactlink77{display:inline-block;color:#5C80EC;text-decoration:none;font-size:18px;font-weight:600;transition:color 200ms ease-out}
.contactlink77:hover{color:#1D1B2F}
.cookietable{width:100%;border-collapse:collapse;margin:24px 0;background:#FCFCFD;border:2px solid #5c80ec26;border-radius:8px;overflow:hidden}
.cookietable thead{background:linear-gradient(135deg,#5C80EC 0%,#5c80ecd9 100%)}
.cookietable th{padding:16px;text-align:left;font-size:15px;font-weight:700;color:#FCFCFD}
.cookietable td{padding:16px;font-size:15px;line-height:1.6;color:#1d1b2fcc;border-top:1px solid #5c80ec1a}
.cookietable tbody tr:hover{background:#5c80ec0a}
@media (max-width: 768px) {
.cookieherobanner{padding:60px 0 30px}
.pagetitlecookie{font-size:36px}
.pagetitlecookie::before{left:-24px;width:4px;height:30px}
.subtitletext89{font-size:18px}
.sectionheading7{font-size:24px}
.cookietypeblock{padding:20px}
.contactsectionfinal{padding:32px 20px}
.cookietable{font-size:14px}
.cookietable th,.cookietable td{padding:12px 8px}
}
@media (max-width: 480px) {
.pagetitlecookie{font-size:28px}
.sectionheading7{font-size:20px}
.cookietoplevel{padding:0 16px}
}
.privacypagecontainer{max-width:1400px;margin:0 auto;padding:0 20px}
.privacytophero{padding:80px 0 60px;background:linear-gradient(135deg,#FCFCFD 0%,#e8e9f0 100%);position:relative;overflow:hidden}
.privacytophero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#5c80ec14;clip-path:polygon(50% 0%,100% 38%,82% 100%,18% 100%,0% 38%);transform:rotate(25deg)}
.privacytophero::after{content:'';position:absolute;bottom:-30%;left:-5%;width:450px;height:450px;background:#1d1b2f0a;clip-path:circle(50% at 50% 50%)}
.herotitlecontainer{position:relative;z-index:2;max-width:900px;margin:0 auto;text-align:center}
.herotitlecontainer h1{font-size:48px;color:#1D1B2F;margin:0 0 20px;font-weight:700;line-height:1.2}
.herosubtitle{font-size:18px;color:#5C80EC;margin:0 0 15px;font-weight:600}
.herodescription{font-size:16px;color:#4a4858;line-height:1.6;margin:0}
.privacycontentarea{padding:70px 0;background:#FCFCFD}
.privacysectionblock{max-width:1100px;margin:0 auto 50px;background:#fff;padding:45px 50px;border-radius:8px;box-shadow:0 2px 12px #1d1b2f0f;position:relative}
.privacysectionblock::before{content:'';position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(180deg,#5C80EC 0%,#1D1B2F 100%);border-radius:8px 0 0 8px}
.sectionheadline{font-size:28px;color:#1D1B2F;margin:0 0 25px;font-weight:700;position:relative;padding-left:25px}
.sectionheadline::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:12px;height:12px;background:#5C80EC;clip-path:polygon(50% 0%,100% 50%,50% 100%,0% 50%)}
.privacytextcontent{font-size:16px;color:#4a4858;line-height:1.8;margin:0 0 20px}
.privacytextcontent:last-child{margin-bottom:0}
.privacytextcontent strong{color:#1D1B2F;font-weight:600}
.dataitemlist{margin:20px 0;padding-left:0;list-style:none}
.dataitemlist li{padding:12px 0 12px 35px;position:relative;color:#4a4858;font-size:16px;line-height:1.6;border-bottom:1px solid #e8e9f0}
.dataitemlist li:last-child{border-bottom:none}
.dataitemlist li::before{content:'';position:absolute;left:0;top:18px;width:20px;height:20px;background:#5C80EC;clip-path:polygon(0% 0%,100% 0%,100% 75%,75% 75%,75% 100%,50% 75%,0% 75%);opacity:.3}
.highlightedtext{background:linear-gradient(120deg,#5c80ec1a 0%,#5c80ec33 100%);padding:20px 25px;border-radius:6px;border-left:3px solid #5C80EC;margin:25px 0}
.contactinfobox{background:linear-gradient(135deg,#1D1B2F 0%,#2a2842 100%);color:#FCFCFD;padding:40px 45px;border-radius:8px;margin:40px 0 0;position:relative;overflow:hidden}
.contactinfobox::before{content:'';position:absolute;top:-50px;right:-50px;width:200px;height:200px;background:#5c80ec1a;border-radius:50%}
.contactinfobox h3{font-size:24px;margin:0 0 20px;color:#FCFCFD;position:relative;z-index:2}
.contactdetailitem{display:flex;align-items:center;margin:15px 0;position:relative;z-index:2}
.contactdetailitem i{font-size:22px;color:#5C80EC;margin-right:15px;min-width:30px}
.contactdetailitem a{color:#FCFCFD;text-decoration:none;transition:color 200ms ease-out}
.contactdetailitem a:hover{color:#5C80EC}
.lastupdate{text-align:center;padding:30px 0;color:#7a7888;font-size:14px;border-top:1px solid #e8e9f0;margin-top:50px}
@media (max-width: 768px) {
.herotitlecontainer h1{font-size:36px}
.privacytophero{padding:60px 0 40px}
.privacysectionblock{padding:30px 25px}
.sectionheadline{font-size:24px}
.contactinfobox{padding:30px 25px}
.dataitemlist li{padding-left:30px;font-size:15px}
}
@media (max-width: 480px) {
.herotitlecontainer h1{font-size:28px}
.herosubtitle{font-size:16px}
.privacysectionblock{padding:25px 20px}
.sectionheadline{font-size:22px;padding-left:20px}
}
.successpage{background:linear-gradient(135deg,#FCFCFD 0%,#f5f6fa 100%);min-height:90vh;display:flex;align-items:center;justify-content:center;padding:40px 20px}
.successwrapper{max-width:720px;margin:0 auto;width:100%}
.successcard{background:#FCFCFD;border-radius:8px;box-shadow:0 4px 16px #1d1b2f14;overflow:hidden;position:relative}
.successheader{background:linear-gradient(135deg,#5c80ec26 0%,#1d1b2f14 100%);padding:60px 40px 50px;text-align:center;position:relative}
.successheader::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#5C80EC 0%,#1D1B2F 100%)}
.iconcheckmark{width:88px;height:88px;margin:0 auto 28px;background:linear-gradient(135deg,#5C80EC 0%,#4a6dd6 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #5c80ec4d;animation:scalepopup .5s ease-out}
@keyframes scalepopup {
0%{transform:scale(0);opacity:0}
50%{transform:scale(1.1)}
100%{transform:scale(1);opacity:1}
}
.iconcheckmark i{font-size:48px;color:#FCFCFD}
.maintitle34{font-size:36px;font-weight:700;color:#1D1B2F;margin:0 0 16px;line-height:1.2}
.subtextinfo{font-size:18px;color:#4a4a5e;line-height:1.6;margin:0}
.contentbody{padding:48px 40px}
.infosection92{margin-bottom:36px}
.sectionheading{font-size:20px;font-weight:600;color:#1D1B2F;margin:0 0 16px;display:flex;align-items:center;gap:12px}
.sectionheading::before{content:'';width:4px;height:24px;background:#5C80EC;border-radius:2px}
.textblock p{font-size:16px;color:#4a4a5e;line-height:1.7;margin:0 0 14px}
.textblock p:last-child{margin-bottom:0}
.steplist{display:grid;gap:18px;margin:24px 0 0}
.stepitem{display:flex;gap:16px;padding:20px;background:#f8f9fb;border-radius:6px;border-left:3px solid #5C80EC;transition:all 200ms ease-out}
.stepitem:hover{background:#f0f2f7;transform:translateX(4px)}
.stepnumber{flex-shrink:0;width:32px;height:32px;background:#5C80EC;color:#FCFCFD;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:15px}
.stepcontent h4{font-size:17px;font-weight:600;color:#1D1B2F;margin:0 0 6px}
.stepcontent p{font-size:15px;color:#5a5a6e;margin:0;line-height:1.5}
.contactinfo{background:linear-gradient(135deg,#5c80ec14 0%,#1d1b2f0a 100%);padding:28px;border-radius:6px;margin:32px 0 0}
.contactgrid{display:grid;gap:18px;margin-top:18px}
.contactmethod{display:flex;align-items:center;gap:14px;font-size:15px;color:#4a4a5e}
.contactmethod i{font-size:22px;color:#5C80EC}
.contactmethod a{color:#5C80EC;text-decoration:none;font-weight:500;transition:color 150ms ease-out}
.contactmethod a:hover{color:#1D1B2F}
.actionbuttonarea{text-align:center;padding:36px 40px 48px;border-top:1px solid #1d1b2f1a}
.primarybtn{display:inline-flex;align-items:center;gap:10px;padding:16px 40px;background:#5C80EC;color:#FCFCFD;font-size:16px;font-weight:600;border-radius:6px;text-decoration:none;transition:all 200ms ease-out;box-shadow:0 4px 12px #5c80ec40}
.primarybtn:hover{background:#4a6dd6;transform:translateY(-2px);box-shadow:0 6px 18px #5c80ec59}
.primarybtn i{font-size:20px}
@media (max-width: 768px) {
.successpage{padding:24px 16px}
.successheader{padding:48px 24px 36px}
.maintitle34{font-size:28px}
.subtextinfo{font-size:16px}
.contentbody{padding:32px 24px}
.iconcheckmark{width:72px;height:72px}
.iconcheckmark i{font-size:38px}
.steplist{gap:14px}
.stepitem{padding:16px;flex-direction:column;gap:12px}
.contactinfo{padding:20px}
.actionbuttonarea{padding:28px 24px 36px}
.primarybtn{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.maintitle34{font-size:24px}
.subtextinfo{font-size:15px}
.sectionheading{font-size:18px}
.textblock p{font-size:15px}
}