*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Ubuntu',sans-serif;background:#FBFBFC;color:#2a2a2a;line-height:1.6}
.headerwrapper{background:linear-gradient(160deg,#FBFBFC 0%,#f5f4fc 100%);border-bottom:2px solid #e8e4fb;padding:25px 0}
.headercontainer{max-width:1366px;margin:0 auto;padding:0 30px}
.toprowheader{text-align:center;margin-bottom:35px}
.toprowheader h1{font-family:'Raleway',sans-serif;font-size:48px;font-weight:700;color:#4632EC;margin-bottom:8px;letter-spacing:-.5px}
.toprowheader .taglinetext{font-size:16px;color:#6b6b6b;font-weight:400}
.bottomrowheader{display:flex;justify-content:space-between;align-items:center;gap:40px}
.logoarea{flex-shrink:0}
.logoarea img{height:90px;width:90px;display:block;box-shadow:0 4px 12px #4632ec26;border-radius:22px}
.navarea{flex-grow:1;display:flex;justify-content:flex-end}
.mainnavlist{list-style:none;display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}
.mainnavlist li{position:relative}
.mainnavlist a{display:block;padding:14px 24px;text-decoration:none;color:#4632EC;font-size:15px;font-weight:400;border:2px solid #e8e4fb;border-radius:28px;transition:all .25s ease}
.mainnavlist a:hover{background:#4632EC;color:#FBFBFC;border-color:#4632EC}
.footerzone{background:linear-gradient(200deg,#4632EC 0%,#3a28c4 100%);color:#FBFBFC;padding:50px 0 30px;margin-top:80px}
.footercontainer{max-width:1366px;margin:0 auto;padding:0 30px}
.footertoparea{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:50px;margin-bottom:45px;padding-bottom:45px;border-bottom:1px solid #fbfbfc33}
.footerblock h3{font-family:'Raleway',sans-serif;font-size:18px;margin-bottom:20px;font-weight:700}
.footerblock p{margin-bottom:12px;font-size:14px;line-height:1.7}
.footerblock a{color:#FBFBFC;text-decoration:none;transition:color .2s ease}
.footerblock a:hover{color:#F93C8A}
.footernavlist{list-style:none}
.footernavlist li{margin-bottom:10px}
.footernavlist a{display:inline-block;padding:6px 0;font-size:14px;border-bottom:1px solid transparent;transition:border-color .2s ease}
.footernavlist a:hover{border-bottom-color:#F93C8A}
.footerbottomarea{text-align:center;font-size:13px;color:#fbfbfcbf}
.cookietoast{position:fixed;top:20px;right:20px;background:#fff;border:2px solid #4632EC;border-radius:24px;box-shadow:0 8px 32px #4632ec40;max-width:420px;z-index:9999;overflow:hidden;transform:scale(0.85);opacity:0;transition:all .45s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookietoast.visibletoast{transform:scale(1);opacity:1}
.cookietabs{display:flex;border-bottom:2px solid #e8e4fb}
.cookietabs button{flex:1;padding:16px;background:transparent;border:none;color:#6b6b6b;font-family:'Ubuntu',sans-serif;font-size:14px;cursor:pointer;transition:all .2s ease}
.cookietabs button.activetab{background:#f5f4fc;color:#4632EC;font-weight:700}
.cookiecontent{padding:24px}
.tabpanel{display:none}
.tabpanel.activepanel{display:block}
.tabpanel p{font-size:14px;line-height:1.6;color:#2a2a2a;margin-bottom:18px}
.cookieactions{display:flex;gap:10px;margin-top:20px}
.cookieactions button{flex:1;padding:12px;border:2px solid #4632EC;background:transparent;color:#4632EC;font-family:'Ubuntu',sans-serif;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}
.cookieactions button:hover{background:#4632EC;color:#FBFBFC}
.cookieactions button.primaryaction{background:#4632EC;color:#FBFBFC}
.cookieactions button.primaryaction:hover{background:#3a28c4}
@media (max-width: 1024px) {
.toprowheader h1{font-size:38px}
.bottomrowheader{flex-direction:column;align-items:center;gap:25px}
.navarea{width:100%;justify-content:center}
.mainnavlist{justify-content:center}
}
@media (max-width: 768px) {
.toprowheader h1{font-size:32px}
.toprowheader .taglinetext{font-size:14px}
.logoarea img{height:70px;width:70px}
.mainnavlist{flex-direction:column;width:100%}
.mainnavlist a{text-align:center}
.cookietoast{right:10px;left:10px;max-width:none;top:10px}
.footertoparea{grid-template-columns:1fr;gap:35px}
}
@media (max-width: 480px) {
.headercontainer,.footercontainer{padding:0 20px}
.toprowheader h1{font-size:26px}
.mainnavlist a{padding:12px 18px;font-size:14px}
.cookiecontent{padding:18px}
.cookieactions{flex-direction:column}
}
.programhero{background:linear-gradient(160deg,#4632EC 0%,#F93C8A 50%,#FBFBFC 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.programhero::before{content:'';position:absolute;top:-50%;right:-10%;width:600px;height:600px;background:#fbfbfc1a;border-radius:40% 60% 70% 30%;transform:rotate(25deg)}
.heroinnerwrap{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.programhero .maintitle{font-size:58px;color:#FBFBFC;font-weight:700;margin:0 0 24px;line-height:1.2}
.programhero .herodesc{font-size:20px;color:#FBFBFC;line-height:1.7;max-width:680px;margin:0 0 40px}
.herofeaturelist{display:flex;gap:32px;flex-wrap:wrap}
.featureitem{display:flex;align-items:center;gap:12px;color:#FBFBFC;font-size:16px}
.featureitem i{font-size:24px;opacity:.9}
.programstructure{padding:100px 20px;background:#FBFBFC}
.structurewrap{max-width:1366px;margin:0 auto}
.sectionheader{text-align:center;margin-bottom:70px}
.sectionheader .subtitle{color:#4632EC;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.5px;margin:0 0 12px}
.sectionheader .title{font-size:42px;color:#1a1a1a;font-weight:700;margin:0 0 20px;line-height:1.3}
.sectionheader .description{font-size:18px;color:#666;line-height:1.6;max-width:720px;margin:0 auto}
.modulegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.modulecard{background:#fff;border-radius:28px;padding:40px 32px;box-shadow:0 8px 24px #4632ec14;transition:all .3s ease;position:relative;overflow:hidden}
.modulecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#4632EC,#F93C8A);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.modulecard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #4632ec26}
.modulecard:hover::before{transform:scaleX(1)}
.modulecard .modulenumber{display:inline-block;background:linear-gradient(135deg,#4632EC,#F93C8A);color:#fff;width:48px;height:48px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;margin-bottom:20px}
.modulecard .moduletitle{font-size:24px;color:#1a1a1a;font-weight:700;margin:0 0 16px;line-height:1.4}
.modulecard .moduletext{font-size:16px;color:#666;line-height:1.7;margin:0 0 24px}
.topiclist{list-style:none;padding:0;margin:0}
.topiclist li{padding:10px 0 10px 32px;font-size:15px;color:#444;position:relative;line-height:1.6}
.topiclist li::before{content:'';position:absolute;left:0;top:17px;width:18px;height:18px;background:linear-gradient(135deg,#4632EC,#F93C8A);border-radius:50%;opacity:.2}
.topiclist li::after{content:'';position:absolute;left:6px;top:23px;width:6px;height:6px;background:#4632EC;border-radius:50%}
.learningapproach{padding:100px 20px;background:#fff;position:relative}
.approachwrap{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.approachcontent .contenttitle{font-size:38px;color:#1a1a1a;font-weight:700;margin:0 0 24px;line-height:1.3}
.approachcontent .contentdesc{font-size:17px;color:#666;line-height:1.7;margin:0 0 40px}
.methodlist{display:flex;flex-direction:column;gap:24px}
.methoditem{display:flex;gap:20px;align-items:flex-start}
.methodicon{width:54px;height:54px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.methodicon i{font-size:26px;color:#fff}
.methoddetails .methodtitle{font-size:20px;color:#1a1a1a;font-weight:700;margin:0 0 8px}
.methoddetails .methodtext{font-size:15px;color:#666;line-height:1.6;margin:0}
.approachvisual{position:relative}
.approachvisual img{width:100%;height:520px;object-fit:cover;border-radius:32px;box-shadow:0 20px 60px #4632ec26}
.approachvisual::before{content:'';position:absolute;top:-20px;right:-20px;width:180px;height:180px;background:linear-gradient(135deg,#F93C8A 0%,#FBFBFC 100%);border-radius:40px;opacity:.3;z-index:-1}
.outcomebenefits{padding:100px 20px;background:linear-gradient(180deg,#FBFBFC 0%,#fff 100%)}
.outcomeswrap{max-width:1366px;margin:0 auto}
.benefitsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:60px}
.benefitbox{background:#fff;border-radius:28px;padding:44px 36px;box-shadow:0 6px 20px #0000000f;transition:all .3s ease;border:2px solid transparent}
.benefitbox:hover{border-color:#4632EC;box-shadow:0 12px 36px #4632ec1f}
.benefitbox .benefiticon{font-size:42px;background:linear-gradient(135deg,#4632EC,#F93C8A);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:20px}
.benefitbox .benefittitle{font-size:22px;color:#1a1a1a;font-weight:700;margin:0 0 14px;line-height:1.4}
.benefitbox .benefittext{font-size:16px;color:#666;line-height:1.7;margin:0}
.enrollsection{padding:100px 20px;background:#fff;position:relative}
.enrollwrap{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:60px;align-items:center}
.enrollcontent .enrolltitle{font-size:40px;color:#1a1a1a;font-weight:700;margin:0 0 24px;line-height:1.3}
.enrollcontent .enrolldesc{font-size:17px;color:#666;line-height:1.7;margin:0 0 32px}
.enrolldetails{background:linear-gradient(135deg,#FBFBFC 0%,#fff 100%);border-radius:28px;padding:36px;border:2px solid #F93C8A}
.detailrow{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #4632ec1a}
.detailrow:last-child{border-bottom:none}
.detaillabel{font-size:15px;color:#666;font-weight:600}
.detailvalue{font-size:16px;color:#1a1a1a;font-weight:700}
.enrollactions{margin-top:36px;display:flex;gap:16px;flex-wrap:wrap}
.primarybtn{display:inline-block;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);color:#fff;padding:18px 42px;border-radius:24px;font-size:17px;font-weight:700;text-decoration:none;transition:all .3s ease;box-shadow:0 8px 24px #4632ec40;cursor:pointer}
.primarybtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #4632ec59}
.secondarybtn{display:inline-block;background:transparent;color:#4632EC;padding:18px 42px;border-radius:24px;font-size:17px;font-weight:700;text-decoration:none;border:2px solid #4632EC;transition:all .3s ease;cursor:pointer}
.secondarybtn:hover{background:#4632EC;color:#fff}
.enrollvisual{position:relative}
.enrollvisual img{width:100%;height:480px;object-fit:cover;border-radius:32px;box-shadow:0 16px 48px #0000001f}
.enrollvisual::after{content:'';position:absolute;bottom:-30px;left:-30px;width:200px;height:200px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:50%;opacity:.15;z-index:-1}
@media (max-width: 1024px) {
.programhero .maintitle{font-size:46px}
.approachwrap,.enrollwrap{grid-template-columns:1fr;gap:50px}
.benefitsgrid{grid-template-columns:repeat(2,1fr);gap:32px}
.modulegrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.programhero{padding:80px 20px 60px}
.programhero .maintitle{font-size:36px}
.programhero .herodesc{font-size:18px}
.herofeaturelist{flex-direction:column;gap:16px}
.programstructure,.learningapproach,.outcomebenefits,.enrollsection{padding:70px 20px}
.sectionheader .title{font-size:32px}
.benefitsgrid{grid-template-columns:1fr;gap:24px}
.approachvisual img,.enrollvisual img{height:360px}
.enrollactions{flex-direction:column}
.primarybtn,.secondarybtn{width:100%;text-align:center}
}
@media (max-width: 480px) {
.programhero .maintitle{font-size:28px}
.sectionheader .title{font-size:26px}
.modulecard,.benefitbox,.enrolldetails{padding:28px 24px}
}
.titlezone{position:relative;max-width:1366px;margin:60px auto;padding:0 20px;display:flex;align-items:center;gap:40px}
.titlezone .textcontent{flex:1;background:#FBFBFC;padding:50px;border-radius:30px;box-shadow:0 8px 24px #4632ec1f;position:relative;z-index:2}
.titlezone .textcontent::before{content:'';position:absolute;top:-8px;left:-8px;width:60px;height:60px;border-top:2px solid #4632EC;border-left:2px solid #4632EC;border-radius:30px 0 0 0}
.titlezone .textcontent::after{content:'';position:absolute;bottom:-8px;right:-8px;width:60px;height:60px;border-bottom:2px solid #F93C8A;border-right:2px solid #F93C8A;border-radius:0 0 30px 0}
.titlezone h1{font-size:48px;line-height:1.2;color:#1a1a1a;margin:0 0 20px;font-weight:700}
.titlezone .description{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 30px}
.titlezone .buttongroup{display:flex;gap:15px;flex-wrap:wrap}
.titlezone .primaryaction{background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);color:#FBFBFC;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 16px #4632ec4d;display:inline-block}
.titlezone .primaryaction:hover{transform:translateY(-2px);box-shadow:0 8px 24px #f93c8a66}
.titlezone .secondaryaction{background:transparent;color:#4632EC;padding:16px 36px;border-radius:28px;text-decoration:none;font-size:17px;font-weight:600;border:2px solid #4632EC;transition:all .3s ease;display:inline-block}
.titlezone .secondaryaction:hover{background:#4632EC;color:#FBFBFC}
.titlezone .visualwrapper{flex:0 0 480px;position:relative;z-index:1}
.titlezone .visualwrapper img{width:100%;height:auto;border-radius:35px;box-shadow:-12px 12px 32px #4632ec2e;object-fit:cover}
.transparencysection{max-width:1366px;margin:80px auto;padding:0 20px}
.transparencysection .sectionheader{text-align:center;margin-bottom:60px}
.transparencysection h2{font-size:42px;color:#1a1a1a;margin:0 0 16px;font-weight:700;position:relative;display:inline-block}
.transparencysection h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4632EC 0%,#F93C8A 100%);border-radius:2px}
.transparencysection .subtitle{font-size:19px;color:#5a5a5a;line-height:1.6;max-width:700px;margin:20px auto 0}
.processgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.processcard{background:#FBFBFC;padding:40px 30px;border-radius:28px;border:2px solid transparent;transition:all .3s ease;position:relative}
.processcard:hover{border-color:#4632EC;transform:translateY(-4px);box-shadow:0 12px 32px #4632ec26}
.processcard .iconholder{width:70px;height:70px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:32px;color:#FBFBFC}
.processcard h3{font-size:24px;color:#1a1a1a;margin:0 0 14px;font-weight:600}
.processcard .cardtext{font-size:16px;color:#5a5a5a;line-height:1.7;margin:0}
.personalizationarea{max-width:1366px;margin:100px auto;padding:0 20px}
.personalizationarea .layoutsplit{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.personalizationarea .contentside{padding-right:20px}
.personalizationarea h2{font-size:40px;color:#1a1a1a;margin:0 0 24px;font-weight:700;line-height:1.2}
.personalizationarea .leadtext{font-size:18px;color:#4a4a4a;line-height:1.7;margin:0 0 30px}
.featurelist{list-style:none;padding:0;margin:0 0 35px}
.featurelist li{display:flex;align-items:flex-start;gap:15px;margin-bottom:20px;font-size:17px;color:#3a3a3a;line-height:1.6}
.featurelist li::before{content:'';flex-shrink:0;width:24px;height:24px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:50%;margin-top:2px;box-shadow:0 2px 8px #4632ec4d}
.personalizationarea .visualside img{width:100%;height:auto;border-radius:30px;box-shadow:0 16px 48px #4632ec33;object-fit:cover}
.personalizationarea .actionlink{background:#4632EC;color:#FBFBFC;padding:15px 32px;border-radius:26px;text-decoration:none;font-size:17px;font-weight:600;display:inline-block;transition:all .3s ease}
.personalizationarea .actionlink:hover{background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);box-shadow:0 8px 24px #f93c8a66}
.trialblock{max-width:1366px;margin:100px auto;padding:0 20px;background:linear-gradient(155deg,#4632EC 0%,#F93C8A 50%,#FBFBFC 100%);border-radius:40px;padding:80px 60px;position:relative;overflow:hidden}
.trialblock::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:#fbfbfc1a;border-radius:50%}
.trialblock .innercontent{position:relative;z-index:2;display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.trialblock h2{font-size:44px;color:#FBFBFC;margin:0 0 22px;font-weight:700;line-height:1.2}
.trialblock .blockdescription{font-size:18px;color:#FBFBFC;line-height:1.7;margin:0 0 28px;opacity:.95}
.trialsteps{list-style:none;padding:0;margin:0}
.trialsteps li{display:flex;align-items:center;gap:18px;margin-bottom:18px;font-size:17px;color:#FBFBFC;line-height:1.5}
.trialsteps .stepnumber{flex-shrink:0;width:36px;height:36px;background:#fbfbfc40;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:16px}
.trialblock .imageholder img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 36px #0003;object-fit:cover}
.businessarea{max-width:1366px;margin:100px auto;padding:0 20px}
.businessarea .sectiontop{text-align:center;margin-bottom:50px}
.businessarea h2{font-size:42px;color:#1a1a1a;margin:0 0 18px;font-weight:700}
.businessarea .sectionlead{font-size:19px;color:#5a5a5a;line-height:1.6;max-width:750px;margin:0 auto}
.benefitslayout{display:flex;gap:40px;align-items:stretch}
.benefitslayout .profilecolumn{flex:0 0 320px;background:#FBFBFC;border-radius:30px;padding:40px 30px;text-align:center;box-shadow:0 8px 24px #4632ec1a}
.benefitslayout .profilecolumn img{width:180px;height:180px;border-radius:50%;object-fit:cover;margin:0 auto 24px;border:4px solid #4632EC}
.benefitslayout .profilecolumn h3{font-size:24px;color:#1a1a1a;margin:0 0 8px;font-weight:600}
.benefitslayout .profilecolumn .role{font-size:16px;color:#F93C8A;margin:0 0 18px;font-weight:500}
.benefitslayout .profilecolumn .bio{font-size:15px;color:#5a5a5a;line-height:1.6;margin:0}
.benefitslayout .contentcolumn{flex:1;display:flex;flex-direction:column;gap:24px}
.benefitcard{background:#FBFBFC;padding:32px;border-radius:26px;border-left:5px solid #4632EC;transition:all .3s ease}
.benefitcard:hover{box-shadow:0 10px 28px #4632ec26;transform:translateX(4px)}
.benefitcard:nth-child(2){border-left-color:#F93C8A}
.benefitcard:nth-child(3){border-left-color:#4632EC}
.benefitcard h4{font-size:22px;color:#1a1a1a;margin:0 0 12px;font-weight:600;display:flex;align-items:center;gap:12px}
.benefitcard h4::before{content:'';width:8px;height:8px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:50%}
.benefitcard .cardcontent{font-size:16px;color:#4a4a4a;line-height:1.7;margin:0}
@media (max-width: 1024px) {
.titlezone{flex-direction:column;margin:40px auto}
.titlezone .visualwrapper{flex:0 0 auto;width:100%;max-width:500px}
.titlezone h1{font-size:38px}
.processgrid{grid-template-columns:repeat(2,1fr)}
.personalizationarea .layoutsplit{grid-template-columns:1fr;gap:40px}
.trialblock .innercontent{grid-template-columns:1fr}
.benefitslayout{flex-direction:column}
.benefitslayout .profilecolumn{flex:0 0 auto}
}
@media (max-width: 768px) {
.titlezone h1{font-size:32px}
.titlezone .textcontent{padding:35px 25px}
.titlezone .buttongroup{flex-direction:column}
.titlezone .primaryaction,.titlezone .secondaryaction{width:100%;text-align:center}
.processgrid{grid-template-columns:1fr}
.transparencysection h2{font-size:34px}
.personalizationarea h2{font-size:32px}
.trialblock{padding:50px 30px}
.trialblock h2{font-size:34px}
.businessarea h2{font-size:34px}
}
@media (max-width: 480px) {
.titlezone{margin:30px auto;padding:0 15px}
.titlezone h1{font-size:28px}
.titlezone .description{font-size:16px}
.transparencysection h2{font-size:28px}
.processcard{padding:30px 20px}
.trialblock{padding:40px 20px;border-radius:25px}
.trialblock h2{font-size:28px}
}
.contactwrapper{max-width:1366px;margin:0 auto;padding:0}
.contacthero{background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);padding:80px 40px;border-radius:40px;margin:60px 20px 0;position:relative;overflow:hidden}
.contacthero::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:#fbfbfc1a;border-radius:50%}
.herocontent{position:relative;z-index:2;max-width:800px}
.herocontent h1{color:#FBFBFC;font-size:48px;margin:0 0 24px;line-height:1.2}
.herocontent .subtitle{color:#fbfbfce6;font-size:20px;line-height:1.6;margin:0}
.maincontent{display:flex;gap:60px;padding:80px 40px;margin:0 20px;flex-wrap:wrap}
.infocolumn{flex:1;min-width:300px}
.infocolumn h2{font-size:32px;color:#4632EC;margin:0 0 32px;position:relative;padding-bottom:16px}
.infocolumn h2::after{content:'';position:absolute;bottom:0;left:0;width:60px;height:4px;background:linear-gradient(90deg,#F93C8A,#4632EC);border-radius:2px}
.contactitem{margin-bottom:40px}
.contactitem h3{font-size:18px;color:#2a2a2a;margin:0 0 12px;display:flex;align-items:center;gap:12px}
.contactitem h3::before{font-family:'Pe-icon-7-stroke';font-size:28px;color:#F93C8A}
.contactitem.location h3::before{content:'\e81b'}
.contactitem.phone h3::before{content:'\e854'}
.contactitem.email h3::before{content:'\e675'}
.contactitem p{font-size:16px;color:#5a5a5a;margin:0;line-height:1.6;padding-left:40px}
.contactitem a{color:#4632EC;text-decoration:none;transition:color .3s ease}
.contactitem a:hover{color:#F93C8A}
.showcaseimage{margin-top:40px;border-radius:30px;overflow:hidden;box-shadow:0 12px 40px #4632ec26}
.showcaseimage img{width:100%;height:auto;display:block}
.formcolumn{flex:1.2;min-width:320px}
.formcontainer{background:#FBFBFC;padding:48px;border-radius:35px;box-shadow:0 8px 32px #00000014}
.formcontainer h2{font-size:28px;color:#2a2a2a;margin:0 0 32px}
.formgroup{margin-bottom:28px}
.formgroup label{display:block;font-size:15px;color:#3a3a3a;margin-bottom:10px;font-weight:500}
.formgroup input,.formgroup select{width:100%;padding:16px 20px;font-size:16px;border:2px solid #e0e0e0;border-radius:20px;background:#fff;transition:all .3s ease;box-sizing:border-box}
.formgroup input:focus,.formgroup select:focus{outline:none;border-color:#4632EC;box-shadow:0 0 0 4px #4632ec1a}
.formgroup select{cursor:pointer;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 1.5L6 6.5L11 1.5' stroke='%234632EC' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 20px center;padding-right:50px}
.privacycheck{margin:32px 0}
.privacycheck input[type="checkbox"]{position:absolute;opacity:0;cursor:pointer}
.privacycheck label{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:#5a5a5a;line-height:1.5;cursor:pointer;position:relative;padding-left:32px}
.privacycheck label::before{content:'';position:absolute;left:0;top:2px;width:20px;height:20px;border:2px solid #d0d0d0;border-radius:6px;background:#fff;transition:all .3s ease}
.privacycheck input[type="checkbox"]:checked + label::before{background:#4632EC;border-color:#4632EC}
.privacycheck input[type="checkbox"]:checked + label::after{content:'';position:absolute;left:6px;top:7px;width:8px;height:13px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}
.privacycheck a{color:#4632EC;text-decoration:none;font-weight:500}
.privacycheck a:hover{text-decoration:underline}
.submitbutton{width:100%;padding:18px 32px;font-size:18px;font-weight:600;color:#fff;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border:none;border-radius:25px;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 20px #4632ec4d}
.submitbutton:hover{transform:translateY(-2px);box-shadow:0 12px 28px #4632ec66}
.submitbutton:active{transform:translateY(0)}
@media (max-width: 1024px) {
.maincontent{gap:40px;padding:60px 30px}
.contacthero{padding:60px 30px;margin:40px 15px 0}
.herocontent h1{font-size:38px}
}
@media (max-width: 768px) {
.contacthero{padding:50px 24px;margin:30px 15px 0;border-radius:30px}
.herocontent h1{font-size:32px;margin-bottom:20px}
.herocontent .subtitle{font-size:18px}
.maincontent{flex-direction:column;gap:50px;padding:50px 24px;margin:0 15px}
.infocolumn,.formcolumn{min-width:100%}
.formcontainer{padding:32px 24px}
.infocolumn h2{font-size:28px}
}
@media (max-width: 480px) {
.contacthero{padding:40px 20px;margin:20px 10px 0;border-radius:25px}
.herocontent h1{font-size:28px}
.herocontent .subtitle{font-size:16px}
.maincontent{padding:40px 20px;margin:0 10px}
.formcontainer{padding:28px 20px;border-radius:25px}
.formcontainer h2{font-size:24px}
.formgroup input,.formgroup select{padding:14px 18px;font-size:15px}
.submitbutton{padding:16px 28px;font-size:16px}
}
.introstudent{max-width:1366px;margin:0 auto;padding:80px 20px;background:linear-gradient(165deg,#FBFBFC 0%,#f3f0ff 100%)}
.introstudent .hero{display:flex;gap:60px;align-items:center;margin-bottom:100px}
.introstudent .herotext{flex:1}
.introstudent .herotext h1{font-size:52px;line-height:1.2;color:#1a1a1a;margin-bottom:24px;font-weight:700}
.introstudent .herotext h1::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#4632EC 0%,#F93C8A 100%);margin-top:16px;border-radius:20px}
.introstudent .herotext p{font-size:18px;line-height:1.7;color:#444;margin-bottom:32px}
.introstudent .ctabutton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#4632EC 0%,#5d4cec 100%);color:#FBFBFC;text-decoration:none;border-radius:30px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 8px 24px #4632ec40}
.introstudent .ctabutton:hover{transform:translateY(-2px);box-shadow:0 12px 32px #4632ec59}
.introstudent .herovisual{flex:1;position:relative}
.introstudent .herovisual img{width:100%;height:auto;border-radius:30px;box-shadow:0 20px 60px #00000026}
.processguide{max-width:1366px;margin:0 auto;padding:100px 20px;background:#FBFBFC}
.processguide h2{font-size:42px;text-align:center;color:#1a1a1a;margin-bottom:20px;font-weight:700}
.processguide .subtitle{text-align:center;font-size:19px;color:#666;margin-bottom:70px;max-width:700px;margin-left:auto;margin-right:auto}
.processguide .stepsgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:40px;margin-bottom:60px}
.processguide .stepcard{background:#fff;padding:40px 30px;border-radius:25px;box-shadow:0 4px 20px #0000000f;position:relative;transition:all .3s ease}
.processguide .stepcard:hover{transform:translateY(-8px);box-shadow:0 12px 40px #4632ec26}
.processguide .stepcard::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:linear-gradient(90deg,#4632EC 0%,#F93C8A 100%);border-radius:25px 25px 0 0}
.processguide .stepnumber{width:60px;height:60px;background:linear-gradient(135deg,#4632EC 0%,#5d4cec 100%);color:#FBFBFC;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;margin-bottom:24px}
.processguide .stepcard h3{font-size:22px;color:#1a1a1a;margin-bottom:16px;font-weight:600}
.processguide .stepcard p{font-size:16px;line-height:1.6;color:#555}
.processguide .requirements{background:linear-gradient(135deg,#f8f7ff 0%,#fff 100%);padding:50px;border-radius:30px;border:2px solid #e8e4ff}
.processguide .requirements h3{font-size:28px;color:#1a1a1a;margin-bottom:30px;font-weight:600}
.processguide .reqlist{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.processguide .reqitem{display:flex;align-items:flex-start;gap:15px;background:#fff;padding:20px;border-radius:20px}
.processguide .reqitem i{color:#4632EC;font-size:24px;flex-shrink:0}
.processguide .reqitem span{font-size:16px;color:#444;line-height:1.5}
.testimonialssection{max-width:1366px;margin:0 auto;padding:100px 20px;background:linear-gradient(155deg,#4632EC 0%,#5d4cec 50%,#F93C8A 100%);position:relative;overflow:hidden}
.testimonialssection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#fbfbfc1a 0%,transparent 70%);border-radius:50%}
.testimonialssection h2{font-size:42px;text-align:center;color:#FBFBFC;margin-bottom:20px;font-weight:700;position:relative;z-index:2}
.testimonialssection .sectionintro{text-align:center;font-size:19px;color:#fbfbfce6;margin-bottom:60px;max-width:700px;margin-left:auto;margin-right:auto;position:relative;z-index:2}
.testimonialssection .testimonialsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;position:relative;z-index:2}
.testimonialssection .testimonialbox{background:#fffffff2;padding:40px;border-radius:30px;box-shadow:0 10px 40px #00000026;transition:all .3s ease}
.testimonialssection .testimonialbox:hover{transform:translateY(-6px);box-shadow:0 16px 50px #0003}
.testimonialssection .studentprofile{display:flex;align-items:center;gap:20px;margin-bottom:24px}
.testimonialssection .studentphoto{width:70px;height:70px;border-radius:50%;object-fit:cover;border:3px solid #4632EC}
.testimonialssection .studentinfo h4{font-size:20px;color:#1a1a1a;margin-bottom:4px;font-weight:600}
.testimonialssection .studentinfo .country{font-size:15px;color:#666;display:flex;align-items:center;gap:6px}
.testimonialssection .studentinfo .country i{color:#F93C8A;font-size:16px}
.testimonialssection .testimonialbox p{font-size:16px;line-height:1.7;color:#444;font-style:italic;margin-bottom:20px}
.testimonialssection .coursename{font-size:14px;color:#4632EC;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.testimonialssection .contactinfo{text-align:center;margin-top:80px;position:relative;z-index:2}
.testimonialssection .contactinfo h3{font-size:32px;color:#FBFBFC;margin-bottom:30px;font-weight:600}
.testimonialssection .contactmethods{display:flex;justify-content:center;gap:30px;flex-wrap:wrap}
.testimonialssection .contactlink{display:inline-flex;align-items:center;gap:12px;padding:16px 36px;background:#fffffff2;color:#4632EC;text-decoration:none;border-radius:30px;font-size:17px;font-weight:600;transition:all .3s ease;box-shadow:0 6px 20px #00000026}
.testimonialssection .contactlink:hover{background:#FBFBFC;transform:translateY(-3px);box-shadow:0 10px 30px #00000040}
.testimonialssection .contactlink i{font-size:22px}
@media (max-width: 1024px) {
.introstudent .hero{flex-direction:column;gap:40px}
.processguide .stepsgrid{grid-template-columns:repeat(2,1fr)}
.processguide .reqlist{grid-template-columns:1fr}
.testimonialssection .testimonialsgrid{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.introstudent{padding:60px 20px}
.introstudent .herotext h1{font-size:38px}
.processguide{padding:80px 20px}
.processguide h2{font-size:34px}
.processguide .stepsgrid{grid-template-columns:1fr;gap:30px}
.processguide .requirements{padding:30px 20px}
.testimonialssection{padding:80px 20px}
.testimonialssection h2{font-size:34px}
.testimonialssection .contactmethods{flex-direction:column;align-items:center}
}
@media (max-width: 480px) {
.introstudent .herotext h1{font-size:32px}
.introstudent .herotext p{font-size:16px}
.processguide h2{font-size:28px}
.processguide .subtitle{font-size:17px}
.testimonialssection h2{font-size:28px}
.testimonialssection .contactinfo h3{font-size:26px}
}
.teachingmain{max-width:1366px;margin:0 auto;padding:0}
.herosplit{display:flex;align-items:center;gap:60px;padding:80px 20px;background:linear-gradient(135deg,#FBFBFC 0%,#f5f3fe 100%)}
.herosplit .contentside{flex:1;max-width:600px}
.herosplit .contentside h1{font-size:48px;line-height:1.2;margin:0 0 24px;color:#1a1a2e;font-weight:700}
.herosplit .contentside h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#4632EC 0%,#F93C8A 100%);margin-bottom:20px;border-radius:2px}
.herosplit .contentside .introtext{font-size:18px;line-height:1.7;color:#4a4a68;margin:0 0 32px}
.herosplit .visualside{flex:1;position:relative}
.herosplit .visualside img{width:100%;height:auto;border-radius:24px;box-shadow:0 12px 40px #4632ec26;object-fit:cover}
.methodgrid{padding:100px 20px;background:#fff}
.methodgrid .sectionheader{text-align:center;max-width:700px;margin:0 auto 60px}
.methodgrid .sectionheader h2{font-size:42px;line-height:1.3;color:#1a1a2e;margin:0 0 16px;font-weight:700}
.methodgrid .sectionheader .subtitle{font-size:19px;line-height:1.6;color:#6a6a88}
.methodgrid .gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:0 auto}
.methodgrid .gridlayout .methodcard{background:#FBFBFC;padding:40px 32px;border-radius:28px;border:2px solid transparent;transition:all .3s ease;position:relative}
.methodgrid .gridlayout .methodcard:hover{border-color:#4632EC;transform:translateY(-8px);box-shadow:0 16px 48px #4632ec1f}
.methodgrid .gridlayout .methodcard .iconwrap{width:64px;height:64px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px}
.methodgrid .gridlayout .methodcard .iconwrap i{font-size:32px;color:#fff}
.methodgrid .gridlayout .methodcard h3{font-size:24px;color:#1a1a2e;margin:0 0 12px;font-weight:600}
.methodgrid .gridlayout .methodcard .description{font-size:16px;line-height:1.6;color:#5a5a78;margin:0}
.interactivesection{padding:100px 20px;background:linear-gradient(165deg,#f8f7ff 0%,#FBFBFC 50%,#fff5fa 100%)}
.interactivesection .wrapper{max-width:1100px;margin:0 auto}
.interactivesection .maintitle{font-size:40px;color:#1a1a2e;text-align:center;margin:0 0 60px;font-weight:700}
.interactivesection .tabsystem{display:flex;flex-direction:column}
.interactivesection .tabsystem input[type="radio"]{display:none}
.interactivesection .tablabels{display:flex;gap:16px;margin-bottom:40px;justify-content:center}
.interactivesection .tablabels label{padding:16px 32px;background:#fff;border-radius:20px;cursor:pointer;font-size:17px;font-weight:600;color:#5a5a78;transition:all .3s ease;border:2px solid #e8e8f0}
.interactivesection .tablabels label:hover{border-color:#4632EC;color:#4632EC}
.interactivesection .tabsystem input[type="radio"]:checked + label{background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);color:#fff;border-color:transparent}
.interactivesection .tabcontent{display:none;padding:48px;background:#fff;border-radius:28px;box-shadow:0 8px 32px #0000000f}
.interactivesection .tabsystem input#tab1:checked ~ .tabcontent1,.interactivesection .tabsystem input#tab2:checked ~ .tabcontent2,.interactivesection .tabsystem input#tab3:checked ~ .tabcontent3{display:block}
.interactivesection .tabcontent h3{font-size:28px;color:#1a1a2e;margin:0 0 20px;font-weight:700}
.interactivesection .tabcontent .contenttext{font-size:17px;line-height:1.7;color:#4a4a68;margin-bottom:24px}
.interactivesection .tabcontent .featurelist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.interactivesection .tabcontent .featurelist li{padding:16px 20px;background:#FBFBFC;border-radius:12px;font-size:16px;color:#3a3a58;display:flex;align-items:center;gap:12px}
.interactivesection .tabcontent .featurelist li::before{content:'';width:24px;height:24px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;flex-shrink:0}
.testimonialstage{padding:100px 20px;background:#fff}
.testimonialstage .stagecontent{max-width:1200px;margin:0 auto}
.testimonialstage .stageheading{font-size:38px;color:#1a1a2e;text-align:center;margin:0 0 70px;font-weight:700;position:relative}
.testimonialstage .stageheading::after{content:'';position:absolute;bottom:-20px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#4632EC 0%,#F93C8A 100%);border-radius:2px}
.testimonialstage .testimonialgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.testimonialstage .testimonialgrid .testcard{background:linear-gradient(145deg,#FBFBFC 0%,#f8f7ff 100%);padding:36px 28px;border-radius:24px;border:1px solid #e8e8f0;transition:all .3s ease;display:flex;flex-direction:column}
.testimonialstage .testimonialgrid .testcard:hover{transform:translateY(-6px);box-shadow:0 12px 36px #4632ec1a;border-color:#4632EC}
.testimonialstage .testimonialgrid .testcard .personinfo{display:flex;align-items:center;gap:16px;margin-bottom:20px}
.testimonialstage .testimonialgrid .testcard .personinfo img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #fff;box-shadow:0 4px 12px #00000014}
.testimonialstage .testimonialgrid .testcard .personinfo .details h4{font-size:18px;color:#1a1a2e;margin:0 0 4px;font-weight:600}
.testimonialstage .testimonialgrid .testcard .personinfo .details .role{font-size:14px;color:#7a7a98;margin:0}
.testimonialstage .testimonialgrid .testcard .quote{font-size:16px;line-height:1.7;color:#4a4a68;margin:0;flex-grow:1}
.approachsection{padding:100px 20px;background:linear-gradient(180deg,#FBFBFC 0%,#fff 100%)}
.approachsection .approachcontainer{max-width:1300px;margin:0 auto;display:flex;gap:80px;align-items:center}
.approachsection .approachcontainer .imagebox{flex:0 0 480px}
.approachsection .approachcontainer .imagebox img{width:100%;height:auto;border-radius:32px;box-shadow:0 16px 48px #f93c8a26;object-fit:cover}
.approachsection .approachcontainer .textcontent{flex:1}
.approachsection .approachcontainer .textcontent h2{font-size:44px;color:#1a1a2e;margin:0 0 24px;line-height:1.3;font-weight:700}
.approachsection .approachcontainer .textcontent h2 span{background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.approachsection .approachcontainer .textcontent .maintxt{font-size:18px;line-height:1.8;color:#4a4a68;margin-bottom:36px}
.approachsection .approachcontainer .textcontent .stepslist{list-style:none;padding:0;margin:0 0 40px}
.approachsection .approachcontainer .textcontent .stepslist li{padding:20px 24px;margin-bottom:16px;background:#fff;border-radius:16px;border-left:4px solid #4632EC;font-size:17px;color:#3a3a58;box-shadow:0 4px 16px #0000000a;transition:all .3s ease;display:flex;align-items:center;gap:16px}
.approachsection .approachcontainer .textcontent .stepslist li:hover{transform:translateX(8px);border-left-color:#F93C8A;box-shadow:0 6px 20px #f93c8a1f}
.approachsection .approachcontainer .textcontent .stepslist li::before{content:'';width:12px;height:12px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:50%;flex-shrink:0}
.approachsection .approachcontainer .textcontent .actionbtn{display:inline-flex;align-items:center;gap:12px;padding:18px 40px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 8px 24px #4632ec4d;transition:all .3s ease;cursor:pointer;border:none}
.approachsection .approachcontainer .textcontent .actionbtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #4632ec66}
.approachsection .approachcontainer .textcontent .actionbtn i{font-size:20px}
@media (max-width: 1024px) {
.herosplit{flex-direction:column;padding:60px 20px}
.herosplit .contentside h1{font-size:38px}
.methodgrid .gridlayout{grid-template-columns:repeat(2,1fr)}
.testimonialstage .testimonialgrid{grid-template-columns:repeat(2,1fr)}
.approachsection .approachcontainer{flex-direction:column;gap:50px}
.approachsection .approachcontainer .imagebox{flex:1;max-width:100%}
}
@media (max-width: 768px) {
.herosplit .contentside h1{font-size:32px}
.methodgrid{padding:60px 20px}
.methodgrid .sectionheader h2{font-size:32px}
.methodgrid .gridlayout{grid-template-columns:1fr;gap:24px}
.interactivesection{padding:60px 20px}
.interactivesection .tablabels{flex-direction:column}
.interactivesection .tabcontent{padding:32px 24px}
.interactivesection .tabcontent .featurelist{grid-template-columns:1fr}
.testimonialstage{padding:60px 20px}
.testimonialstage .testimonialgrid{grid-template-columns:1fr}
.approachsection{padding:60px 20px}
.approachsection .approachcontainer .textcontent h2{font-size:32px}
}
@media (max-width: 480px) {
.herosplit .contentside h1{font-size:28px}
.herosplit .contentside .introtext{font-size:16px}
.methodgrid .sectionheader h2{font-size:28px}
.interactivesection .maintitle{font-size:30px}
.testimonialstage .stageheading{font-size:30px}
.approachsection .approachcontainer .textcontent h2{font-size:28px}
}
.cookiepolicymain{max-width:1366px;margin:0 auto;padding:0;background:#FBFBFC}
.policytopheader{background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);padding:80px 40px;text-align:center;border-radius:0 0 35px 35px;margin-bottom:60px}
.policytopheader h1{font-size:48px;font-weight:700;color:#FBFBFC;margin:0 0 20px;letter-spacing:-.5px}
.policytopheader .lastupdate{font-size:16px;color:#fbfbfcd9;font-weight:400}
.policycontentarea{max-width:920px;margin:0 auto;padding:0 40px 80px}
.policyintroblock{background:#fff;padding:45px;border-radius:28px;margin-bottom:50px;box-shadow:0 8px 24px #4632ec14;border-left:5px solid #4632EC}
.policyintroblock p{font-size:17px;line-height:1.75;color:#2c2c3e;margin:0}
.policysectionwrap{margin-bottom:50px}
.policysectionwrap h2{font-size:32px;font-weight:700;color:#2c2c3e;margin:0 0 25px;position:relative;padding-left:28px}
.policysectionwrap h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#4632EC 0%,#F93C8A 100%);border-radius:3px}
.policysectionwrap h3{font-size:22px;font-weight:600;color:#4632EC;margin:35px 0 18px}
.policysectionwrap p{font-size:16px;line-height:1.8;color:#4a4a5e;margin:0 0 20px}
.policysectionwrap ul{list-style:none;padding:0;margin:20px 0}
.policysectionwrap ul li{font-size:16px;line-height:1.7;color:#4a4a5e;margin-bottom:15px;padding-left:32px;position:relative}
.policysectionwrap ul li::before{content:'';position:absolute;left:0;top:8px;width:10px;height:10px;background:#F93C8A;border-radius:50%}
.cookietablebox{background:#fff;border-radius:24px;padding:40px;margin:35px 0;box-shadow:0 6px 20px #4632ec0f;overflow-x:auto}
.cookietablegrid{display:grid;gap:20px;min-width:100%}
.cookieitemrow{display:grid;grid-template-columns:200px 1fr 150px;gap:25px;padding:22px;background:#FBFBFC;border-radius:16px;border-left:4px solid #4632EC;transition:all .3s ease}
.cookieitemrow:hover{background:#fff;box-shadow:0 4px 16px #4632ec1a;transform:translateX(4px)}
.cookieitemrow .cookiename{font-size:15px;font-weight:700;color:#2c2c3e}
.cookieitemrow .cookiedesc{font-size:15px;line-height:1.6;color:#4a4a5e}
.cookieitemrow .cookietime{font-size:14px;color:#F93C8A;font-weight:600;text-align:right}
.highlightbox{background:linear-gradient(135deg,#4632ec14 0%,#f93c8a14 100%);padding:35px;border-radius:24px;margin:35px 0;border:2px solid #4632ec26}
.highlightbox h3{font-size:20px;font-weight:700;color:#4632EC;margin:0 0 16px}
.highlightbox p{font-size:16px;line-height:1.75;color:#2c2c3e;margin:0}
.contactinfosection{background:linear-gradient(340deg,#4632EC 0%,#F93C8A 50%,#FBFBFC 100%);padding:60px 40px;border-radius:32px;text-align:center;margin-top:60px;box-shadow:0 12px 32px #4632ec26}
.contactinfosection h2{font-size:36px;font-weight:700;color:#FBFBFC;margin:0 0 30px}
.contactinfosection .contactdetailsinner{display:flex;flex-wrap:wrap;justify-content:center;gap:35px;margin-top:30px}
.contactdetailsinner .contactitem{background:#fbfbfcf2;padding:25px 35px;border-radius:20px;min-width:240px;transition:all .3s ease}
.contactdetailsinner .contactitem:hover{background:#fff;transform:translateY(-4px);box-shadow:0 8px 24px #0000001f}
.contactdetailsinner .contactitem .contactlabel{font-size:13px;font-weight:600;color:#F93C8A;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}
.contactdetailsinner .contactitem .contactvalue{font-size:17px;font-weight:700;color:#2c2c3e}
@media (max-width: 1024px) {
.policytopheader{padding:60px 30px}
.policytopheader h1{font-size:38px}
.policycontentarea{padding:0 30px 60px}
.cookieitemrow{grid-template-columns:180px 1fr 130px;gap:20px}
}
@media (max-width: 768px) {
.policytopheader{padding:50px 20px;margin-bottom:40px;border-radius:0 0 24px 24px}
.policytopheader h1{font-size:32px}
.policycontentarea{padding:0 20px 50px}
.policyintroblock{padding:30px 25px;margin-bottom:35px}
.policysectionwrap h2{font-size:26px;padding-left:22px}
.policysectionwrap h2::before{width:5px;height:26px}
.policysectionwrap h3{font-size:20px}
.cookietablebox{padding:25px 20px}
.cookieitemrow{grid-template-columns:1fr;gap:12px;padding:18px}
.cookieitemrow .cookietime{text-align:left}
.contactinfosection{padding:45px 25px}
.contactinfosection h2{font-size:28px}
.contactdetailsinner .contactitem{min-width:100%}
}
@media (max-width: 480px) {
.policytopheader h1{font-size:26px}
.policysectionwrap h2{font-size:22px}
.policyintroblock{padding:25px 20px}
.highlightbox{padding:25px 20px}
}
.privacyhero{background:linear-gradient(160deg,#4632EC 0%,#F93C8A 45%,#FBFBFC 100%);padding:120px 20px 80px;position:relative;overflow:hidden}
.privacyhero::before{content:'';position:absolute;width:400px;height:400px;background:#fbfbfc1a;border-radius:50%;top:-150px;right:-100px}
.privacyhero::after{content:'';position:absolute;width:300px;height:300px;background:#4632ec26;border-radius:38px;bottom:-80px;left:-50px;transform:rotate(25deg)}
.herocontainer{max-width:1366px;margin:0 auto;position:relative;z-index:2}
.herotitle{font-size:56px;font-weight:700;color:#FBFBFC;margin:0 0 20px;line-height:1.2}
.herosubtitle{font-size:20px;color:#FBFBFC;margin:0;opacity:.95;line-height:1.6}
.policymaincontent{background:#FBFBFC;padding:100px 20px}
.contentwrapper{max-width:1366px;margin:0 auto;display:grid;grid-template-columns:280px 1fr;gap:60px}
.sidebarnav{position:sticky;top:30px;height:fit-content}
.navlist{list-style:none;margin:0;padding:0}
.navitem{margin:0 0 12px}
.navlink{display:block;padding:12px 20px;background:#FBFBFC;border-left:4px solid transparent;color:#2a2a2a;text-decoration:none;font-size:15px;transition:all .3s ease;border-radius:0 8px 8px 0}
.navlink:hover{background:#4632ec14;border-left-color:#4632EC;color:#4632EC;transform:translateX(4px)}
.policycontent{background:#fff;padding:60px;border-radius:32px;box-shadow:0 8px 24px #4632ec14}
.sectionblock{margin:0 0 50px}
.sectionblock:last-child{margin-bottom:0}
.sectiontitle{font-size:32px;font-weight:700;color:#2a2a2a;margin:0 0 24px;position:relative;padding-left:20px}
.sectiontitle::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:36px;background:linear-gradient(180deg,#4632EC 0%,#F93C8A 100%);border-radius:3px}
.policytext{font-size:16px;line-height:1.8;color:#4a4a4a;margin:0 0 20px}
.policytext:last-child{margin-bottom:0}
.bulletlist{list-style:none;margin:20px 0;padding:0}
.bulletitem{position:relative;padding-left:32px;margin:0 0 16px;font-size:16px;line-height:1.7;color:#4a4a4a}
.bulletitem::before{content:'';position:absolute;left:0;top:8px;width:16px;height:16px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:50%}
.infobox{background:linear-gradient(135deg,#4632ec0d 0%,#f93c8a0d 100%);padding:28px 32px;border-radius:20px;border-left:5px solid #F93C8A;margin:30px 0}
.infoboxtitle{font-size:18px;font-weight:700;color:#4632EC;margin:0 0 12px}
.infoboxtext{font-size:15px;line-height:1.7;color:#4a4a4a;margin:0}
.highlightterm{color:#4632EC;font-weight:600;position:relative}
.contactblock{background:linear-gradient(340deg,#4632EC 0%,#F93C8A 50%,#FBFBFC 100%);padding:40px;border-radius:28px;margin:50px 0 0;text-align:center}
.contacttitle{font-size:24px;font-weight:700;color:#FBFBFC;margin:0 0 16px}
.contacttext{font-size:16px;color:#FBFBFC;margin:0 0 24px;opacity:.95}
.contactlink{color:#FBFBFC;font-weight:600;text-decoration:underline;transition:opacity .3s ease}
.contactlink:hover{opacity:.8}
.updateinfo{padding:24px 0 0;border-top:2px solid #4632ec1a;margin:40px 0 0}
.updatetext{font-size:14px;color:#7a7a7a;margin:0;font-style:italic}
@media (max-width: 1024px) {
.contentwrapper{grid-template-columns:1fr;gap:40px}
.sidebarnav{position:static;display:flex;overflow-x:auto;padding-bottom:10px}
.navlist{display:flex;gap:12px;min-width:min-content}
.navitem{margin:0}
.navlink{white-space:nowrap;border-left:none;border-bottom:4px solid transparent;border-radius:8px 8px 0 0}
.navlink:hover{border-left-color:transparent;border-bottom-color:#4632EC;transform:translateX(0)}
.policycontent{padding:40px}
}
@media (max-width: 768px) {
.privacyhero{padding:80px 20px 60px}
.herotitle{font-size:38px}
.herosubtitle{font-size:17px}
.policymaincontent{padding:60px 20px}
.policycontent{padding:30px 24px}
.sectiontitle{font-size:26px}
.contactblock{padding:30px 24px}
}
@media (max-width: 480px) {
.herotitle{font-size:32px}
.herosubtitle{font-size:16px}
.policycontent{padding:24px 20px}
.sectiontitle{font-size:22px;padding-left:16px}
.sectiontitle::before{width:4px;height:28px}
.bulletitem{padding-left:28px}
.infobox{padding:20px 24px}
.contactblock{padding:24px 20px}
}
.successwrapper{max-width:1366px;margin:0 auto;padding:0 20px}
.confirmationzone{min-height:80vh;display:flex;align-items:center;justify-content:center;padding:80px 20px;background:linear-gradient(165deg,#FBFBFC 0%,#4632ec08 100%);position:relative;overflow:hidden}
.confirmationzone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f93c8a14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.confirmationzone::after{content:'';position:absolute;bottom:-30%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#4632ec0f 0%,transparent 70%);border-radius:50%;pointer-events:none}
.successcontent{position:relative;z-index:2;text-align:center;max-width:680px;background:#FFF;padding:60px 50px;border-radius:32px;box-shadow:0 8px 28px #4632ec14 0 2px 8px #0000000a}
.iconholder{width:120px;height:120px;margin:0 auto 32px;position:relative;display:flex;align-items:center;justify-content:center}
.iconholder::before{content:'';position:absolute;width:100%;height:100%;background:linear-gradient(135deg,#4632ec1f 0%,#f93c8a1f 100%);border-radius:50%;animation:pulsering 2s ease-in-out infinite}
.iconholder::after{content:'';position:absolute;width:80px;height:80px;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);border-radius:50%}
@keyframes pulsering {
0%,100%{transform:scale(1);opacity:1}
50%{transform:scale(1.15);opacity:.7}
}
.iconholder svg{position:relative;z-index:2;width:48px;height:48px;fill:none;stroke:#FFF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.successcontent h1{font-size:36px;line-height:1.2;margin:0 0 18px;color:#1a1a1a;font-weight:700}
.messagetext{font-size:18px;line-height:1.6;color:#4a4a4a;margin:0 0 28px}
.detailsbox{background:linear-gradient(135deg,#4632ec0a 0%,#f93c8a0a 100%);padding:28px 32px;border-radius:24px;margin:0 0 36px;border:1px solid #4632ec1a}
.detailsbox p{font-size:15px;line-height:1.7;color:#5a5a5a;margin:0}
.detailsbox p strong{color:#4632EC;font-weight:600}
.actiongroup{display:flex;flex-direction:column;gap:14px;align-items:center}
.primaryaction{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#4632EC 0%,#F93C8A 100%);color:#FFF;text-decoration:none;padding:16px 42px;border-radius:28px;font-size:16px;font-weight:600;box-shadow:0 6px 20px #4632ec40;transition:all .3s ease;cursor:pointer}
.primaryaction:hover{transform:translateY(-2px);box-shadow:0 10px 28px #4632ec59}
.secondaryaction{display:inline-flex;align-items:center;justify-content:center;color:#4632EC;text-decoration:none;padding:12px 28px;border-radius:24px;font-size:15px;font-weight:500;background:transparent;border:2px solid #4632ec33;transition:all .3s ease;cursor:pointer}
.secondaryaction:hover{background:#4632ec0f;border-color:#4632ec66}
.contactinfo{margin:40px 0 0;padding:28px 0 0;border-top:1px solid #4632ec1a}
.contactinfo p{font-size:14px;line-height:1.7;color:#6a6a6a;margin:0 0 12px}
.contactinfo a{color:#4632EC;text-decoration:none;font-weight:500;transition:color .3s ease}
.contactinfo a:hover{color:#F93C8A}
@media (max-width: 768px) {
.confirmationzone{padding:60px 20px;min-height:70vh}
.successcontent{padding:40px 30px;border-radius:28px}
.successcontent h1{font-size:28px;margin:0 0 14px}
.messagetext{font-size:16px;margin:0 0 24px}
.detailsbox{padding:22px 24px;margin:0 0 28px}
.detailsbox p{font-size:14px}
.iconholder{width:100px;height:100px;margin:0 auto 28px}
.iconholder::after{width:70px;height:70px}
.iconholder svg{width:40px;height:40px}
.primaryaction{width:100%;padding:15px 32px}
.secondaryaction{width:100%;padding:12px 24px}
.contactinfo{margin:32px 0 0;padding:24px 0 0}
}
@media (max-width: 480px) {
.successcontent{padding:32px 24px}
.successcontent h1{font-size:24px}
.messagetext{font-size:15px}
.detailsbox{padding:20px;border-radius:20px}
.primaryaction{font-size:15px;padding:14px 28px}
.secondaryaction{font-size:14px}
}