*{margin:0;padding:0;border:0;box-sizing:border-box}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0}
body{font-family:'JetBrains Mono',monospace;background:#F3F2FA;color:#1a1a1a;line-height:1.6}
.headertoprow{background:linear-gradient(135deg,#6b37ff14 0%,#f3f2faff 100%);padding:24px 0;border-bottom:2px solid #6b37ff1a}
.headercontainer{max-width:1536px;margin:0 auto;padding:0 32px;display:flex;justify-content:space-between;align-items:center}
.logospace{flex-shrink:0}
.logolink{display:block;width:120px;height:120px;background:#fff9;border-radius:24px;padding:16px;box-shadow:0 4px 12px #6b37ff26;transition:all .3s ease}
.logolink:hover{box-shadow:0 6px 20px #6b37ff40;transform:translateY(-2px)}
.logoimg{width:100%;height:100%;object-fit:contain}
.mainnav{display:flex;gap:48px;align-items:center}
.navitem{font-size:16px;font-weight:600;color:#1a1a1a;text-decoration:none;position:relative;transition:color .3s ease;padding:8px 0}
.navitem:hover{color:#6B37FF}
.navitem::after{content:'';position:absolute;bottom:0;left:0;width:0;height:3px;background:#6B37FF;transition:width .3s ease}
.navitem:hover::after{width:100%}
.headerbottomrow{background:#6b37ff08;padding:28px 0;position:relative}
.headerbottomrow .headercontainer{justify-content:center}
.companyname{font-size:42px;font-weight:700;color:#6B37FF;text-align:center;letter-spacing:-.5px;text-shadow:2px 2px 8px #6b37ff26}
.headerdecor{height:8px;background:linear-gradient(90deg,#6B37FF 0%,#907E1A 50%,#6B37FF 100%);background-size:200% 100%}
.footercontainer{max-width:1536px;margin:0 auto;padding:64px 32px 32px}
.footerlayout{display:grid;grid-template-columns:380px 1fr;gap:64px;margin-bottom:48px}
.footersidebar{background:#6b37ff0a;padding:40px;border-radius:24px;border-left:6px solid #6B37FF;box-shadow:0 2px 8px #0000000d}
.footerbranding{margin-bottom:32px}
.footerlogo{font-size:28px;font-weight:700;color:#6B37FF;margin-bottom:16px}
.footerdesc{font-size:14px;line-height:1.7;color:#4a4a4a}
.footercontacts{display:flex;flex-direction:column;gap:16px}
.contactitem{display:flex;align-items:center;gap:12px;font-size:14px;color:#2a2a2a}
.contactitem .jam{color:#907E1A;font-size:18px}
.contactitem a{color:#2a2a2a;text-decoration:none;transition:color .3s ease}
.contactitem a:hover{color:#6B37FF}
.footermain{display:flex;flex-direction:column;gap:40px}
.footergeography{background:linear-gradient(135deg,#907e1a0f 0%,#f3f2facc 100%);padding:32px;border-radius:20px;border:2px solid #907e1a26}
.footergeotitle{font-size:22px;font-weight:700;color:#907E1A;margin-bottom:16px}
.footergeotext{font-size:15px;line-height:1.8;color:#3a3a3a}
.footernav{display:flex;gap:32px;flex-wrap:wrap}
.footerlink{font-size:15px;font-weight:600;color:#4a4a4a;text-decoration:none;transition:color .3s ease}
.footerlink:hover{color:#6B37FF}
.footerbottom{padding-top:32px;border-top:2px solid #6b37ff1a;text-align:center}
.copyright{font-size:14px;color:#6a6a6a}
.cookiepopup{position:fixed;bottom:24px;right:24px;background:#fff;border-radius:20px;box-shadow:0 8px 32px #6b37ff40;padding:32px;max-width:480px;z-index:10000;border:3px solid #6B37FF;transform:translateX(600px);opacity:0;transition:all .5s cubic-bezier(0.68,-0.55,0.265,1.55)}
.cookiepopup.show{transform:translateX(0);opacity:1}
.cookiepopup.hide{transform:translateX(600px);opacity:0}
.cookietitle{font-size:20px;font-weight:700;color:#6B37FF;margin-bottom:12px}
.cookietext{font-size:14px;line-height:1.6;color:#4a4a4a;margin-bottom:24px}
.cookieactions{display:flex;gap:12px;flex-wrap:wrap}
.cookiebtn{flex:1;min-width:120px;padding:12px 20px;font-family:'JetBrains Mono',monospace;font-size:14px;font-weight:600;border-radius:16px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}
.cookiebtn--accept{background:#6B37FF;color:#fff}
.cookiebtn--accept:hover{background:#5528cc;box-shadow:0 4px 16px #6b37ff66}
.cookiebtn--decline{background:#f3f3f3;color:#4a4a4a;border-color:#d0d0d0}
.cookiebtn--decline:hover{background:#e0e0e0}
.cookiebtn--settings{background:#907E1A;color:#fff}
.cookiebtn--settings:hover{background:#7a6915;box-shadow:0 4px 16px #907e1a66}
.cookiedetails{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000b3;z-index:10001;display:none;align-items:center;justify-content:center;padding:20px}
.cookiedetails.show{display:flex}
.cookiedetailscontent{background:#fff;border-radius:24px;padding:48px;max-width:640px;width:100%;position:relative;max-height:90vh;overflow-y:auto}
.cookieclose{position:absolute;top:20px;right:20px;width:40px;height:40px;background:#f3f3f3;border:none;border-radius:50%;font-size:28px;cursor:pointer;color:#4a4a4a;transition:all .3s ease;display:flex;align-items:center;justify-content:center;line-height:1}
.cookieclose:hover{background:#6B37FF;color:#fff}
.cookiedetailstitle{font-size:26px;font-weight:700;color:#6B37FF;margin-bottom:24px}
.cookiepolicy{background:#6b37ff0f;padding:16px 20px;border-radius:12px;margin-bottom:32px;border-left:4px solid #6B37FF}
.policylink{color:#6B37FF;font-weight:600;text-decoration:none;font-size:15px}
.policylink:hover{text-decoration:underline}
.cookieoptions{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}
.cookieoption{background:#f9f9f9;padding:20px;border-radius:16px;border:2px solid #e0e0e0;transition:all .3s ease}
.cookieoption:hover{border-color:#6B37FF}
.cookielabel{display:flex;align-items:flex-start;gap:16px;cursor:pointer}
.cookiecheckbox{width:24px;height:24px;cursor:pointer;flex-shrink:0;margin-top:2px}
.cookieoptiontext{display:flex;flex-direction:column;gap:6px}
.cookieoptiontext strong{font-size:16px;color:#2a2a2a}
.cookieoptiontext small{font-size:13px;color:#6a6a6a;line-height:1.5}
.cookiedetailsactions{display:flex;gap:16px}
.cookiebtn--save,.cookiebtn--acceptall{flex:1;padding:14px 24px}
.cookiebtn--save{background:#907E1A;color:#fff}
.cookiebtn--save:hover{background:#7a6915}
.cookiebtn--acceptall{background:#6B37FF;color:#fff}
.cookiebtn--acceptall:hover{background:#5528cc}
::-webkit-scrollbar{width:14px}
::-webkit-scrollbar-track{background:#F3F2FA;border-radius:10px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#6B37FF 0%,#907E1A 100%);border-radius:10px;box-shadow:inset 0 0 6px #00000026}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#5528cc 0%,#7a6915 100%)}
@media (max-width: 1024px) {
.footerlayout{grid-template-columns:1fr;gap:40px}
.footersidebar{max-width:100%}
}
@media (max-width: 768px) {
.headercontainer{flex-direction:column;gap:24px;padding:0 20px}
.mainnav{gap:24px;flex-wrap:wrap;justify-content:center}
.companyname{font-size:32px}
.cookiepopup{right:16px;bottom:16px;left:16px;max-width:none;padding:24px}
.cookieactions{flex-direction:column}
.cookiebtn{width:100%}
.cookiedetailscontent{padding:32px 24px}
.cookiedetailsactions{flex-direction:column}
}
@media (max-width: 480px) {
.logolink{width:90px;height:90px}
.navitem{font-size:14px}
.companyname{font-size:26px}
.footercontainer{padding:48px 20px 24px}
.footersidebar{padding:28px 20px}
.footergeography{padding:24px 20px}
.footernav{flex-direction:column;gap:16px}
}
.policy-container{max-width:1536px;margin:0 auto;padding:80px 20px;background:#fff}
.policy-container h1{font-size:48px;font-weight:700;color:#1a1a1a;line-height:1.2;margin:0 0 24px;letter-spacing:-.02em}
.policy-container h2{font-size:36px;font-weight:600;color:#2a2a2a;line-height:1.3;margin:64px 0 20px;letter-spacing:-.01em}
.policy-container h3{font-size:28px;font-weight:600;color:#3a3a3a;line-height:1.4;margin:48px 0 16px}
.policy-container h4{font-size:22px;font-weight:600;color:#4a4a4a;line-height:1.4;margin:40px 0 14px}
.policy-container h5{font-size:18px;font-weight:600;color:#5a5a5a;line-height:1.5;margin:32px 0 12px}
.policy-container h6{font-size:16px;font-weight:600;color:#6a6a6a;line-height:1.5;margin:28px 0 10px;text-transform:uppercase;letter-spacing:.05em}
.policy-container p{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 20px;max-width:820px}
.policy-container ul{list-style:none;margin:0 0 24px;padding:0;max-width:820px}
.policy-container ul li{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 12px;padding-left:32px;position:relative}
.policy-container ul li::before{content:"";position:absolute;left:0;top:12px;width:8px;height:8px;background:#6B37FF;border-radius:50%}
.policy-container ol{list-style:none;counter-reset:orderedlist;margin:0 0 24px;padding:0;max-width:820px}
.policy-container ol li{font-size:17px;line-height:1.8;color:#4a4a4a;margin:0 0 12px;padding-left:40px;position:relative;counter-increment:orderedlist}
.policy-container ol li::before{content:counter(orderedlist) ".";position:absolute;left:0;top:0;font-weight:600;color:#6B37FF;font-size:17px}
.policy-container ul ul,.policy-container ul ol,.policy-container ol ul,.policy-container ol ol{margin:12px 0}
.policy-container ul ul li,.policy-container ol ul li{font-size:16px}
.policy-container ul ul li::before{width:6px;height:6px;background:#907E1A;top:11px}
.policy-container table{width:100%;border-collapse:collapse;margin:32px 0 40px;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 2px 12px #6b37ff14}
.policy-container thead{background:#F3F2FA}
.policy-container thead tr{border-bottom:2px solid #6B37FF}
.policy-container th{padding:18px 24px;text-align:left;font-size:16px;font-weight:600;color:#2a2a2a;letter-spacing:.02em}
.policy-container tbody tr{border-bottom:1px solid #e8e8e8;transition:background .2s ease}
.policy-container tbody tr:last-child{border-bottom:none}
.policy-container tbody tr:hover{background:#F3F2FA}
.policy-container td{padding:16px 24px;font-size:16px;line-height:1.6;color:#4a4a4a}
.policy-container hr{border:none;height:2px;background:linear-gradient(to right,#6B37FF,#6b37ff33);margin:56px 0;border-radius:2px}
.policy-container div{margin:0 0 20px}
.policy-container a{color:#6B37FF;text-decoration:underline;transition:opacity .2s ease}
.policy-container a:hover{opacity:.7}
.policy-container strong{font-weight:600;color:#2a2a2a}
.policy-container em{font-style:italic;color:#5a5a5a}
.policy-container code{background:#F3F2FA;padding:3px 8px;border-radius:6px;font-family:'Courier New',monospace;font-size:15px;color:#6B37FF}
.policy-container blockquote{margin:32px 0;padding:24px 32px;background:#F3F2FA;border-left:4px solid #6B37FF;border-radius:16px;max-width:820px}
.policy-container blockquote p{margin:0;color:#3a3a3a;font-style:italic}
@media (max-width: 1024px) {
.policy-container{padding:60px 20px}
.policy-container h1{font-size:40px}
.policy-container h2{font-size:32px;margin:48px 0 18px}
.policy-container h3{font-size:24px}
}
@media (max-width: 768px) {
.policy-container{padding:40px 16px}
.policy-container h1{font-size:32px;margin:0 0 20px}
.policy-container h2{font-size:26px;margin:40px 0 16px}
.policy-container h3{font-size:22px;margin:32px 0 14px}
.policy-container h4{font-size:20px}
.policy-container p,.policy-container ul li,.policy-container ol li{font-size:16px}
.policy-container table{display:block;overflow-x:auto;border-radius:16px}
.policy-container th,.policy-container td{padding:14px 16px;font-size:15px}
.policy-container ul li{padding-left:28px}
.policy-container ol li{padding-left:36px}
.policy-container hr{margin:40px 0}
.policy-container blockquote{padding:20px 24px;margin:24px 0}
}
@media (max-width: 480px) {
.policy-container{padding:32px 12px}
.policy-container h1{font-size:28px}
.policy-container h2{font-size:24px}
.policy-container h3{font-size:20px}
.policy-container ul li{padding-left:24px}
.policy-container ol li{padding-left:32px}
.policy-container blockquote{padding:16px 20px}
}
.programhero{position:relative;min-height:500px;display:flex;align-items:center;overflow:hidden;margin-bottom:80px}
.programhero__bgimage{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:sepia(0.3) brightness(0.7)}
.programhero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#6b37ffbf 0%,#907e1aa6 100%)}
.programhero__content{position:relative;z-index:2;max-width:1536px;width:100%;margin:0 auto;padding:60px 24px}
.programhero__title{font-size:56px;font-weight:700;color:#fff;margin-bottom:24px;line-height:1.2;text-shadow:0 2px 8px #0000004d}
.programhero__subtitle{font-size:22px;color:#F3F2FA;line-height:1.6;max-width:680px;margin-bottom:18px;text-shadow:0 1px 4px #00000040}
.programhero__description{font-size:18px;color:#F3F2FA;line-height:1.7;max-width:720px;opacity:.95}
.programdetails{max-width:1536px;margin:0 auto 90px;padding:0 24px}
.programdetails__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.detailcard{background:#F3F2FA;padding:36px 28px;border-radius:24px;box-shadow:0 4px 16px #6b37ff1f;transition:all .3s ease}
.detailcard:hover{transform:translateY(-6px);box-shadow:0 8px 24px #6b37ff33}
.detailcard__icon{width:56px;height:56px;background:linear-gradient(135deg,#6B37FF 0%,#907E1A 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.detailcard__icon svg{width:28px;height:28px;fill:#fff}
.detailcard__heading{font-size:22px;font-weight:600;color:#2a1a4a;margin-bottom:14px}
.detailcard__text{font-size:16px;color:#4a4a5e;line-height:1.6}
.curriculumsection{background:linear-gradient(180deg,#F3F2FA 0%,#fff 100%);padding:80px 24px;margin-bottom:90px}
.curriculumsection__container{max-width:1536px;margin:0 auto}
.curriculumsection__header{text-align:center;margin-bottom:60px}
.curriculumsection__maintitle{font-size:42px;font-weight:700;color:#2a1a4a;margin-bottom:18px}
.curriculumsection__intro{font-size:18px;color:#4a4a5e;line-height:1.7;max-width:820px;margin:0 auto}
.phasegrid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 48px}
.phaseitem{display:flex;gap:24px}
.phaseitem__number{flex-shrink:0;width:64px;height:64px;background:linear-gradient(135deg,#6B37FF 0%,#907E1A 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#fff;box-shadow:0 4px 12px #6b37ff40}
.phaseitem__content{flex:1;padding-top:6px}
.phaseitem__title{font-size:20px;font-weight:600;color:#2a1a4a;margin-bottom:10px}
.phaseitem__description{font-size:16px;color:#4a4a5e;line-height:1.6}
.instructorarea{max-width:1536px;margin:0 auto 90px;padding:0 24px}
.instructorarea__layout{display:flex;align-items:center;gap:64px;background:#F3F2FA;border-radius:32px;padding:56px;box-shadow:0 8px 24px #6b37ff1a}
.instructorarea__visual{flex:0 0 480px}
.instructorarea__photo{width:100%;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 12px 32px #00000026}
.instructorarea__info{flex:1}
.instructorarea__heading{font-size:38px;font-weight:700;color:#2a1a4a;margin-bottom:24px}
.instructorarea__paragraph{font-size:17px;color:#4a4a5e;line-height:1.7;margin-bottom:20px}
.instructorarea__paragraph:last-of-type{margin-bottom:0}
.enrollmentsection{background:linear-gradient(135deg,#6B37FF 0%,#907E1A 100%);padding:100px 24px;position:relative;overflow:hidden}
.enrollmentsection::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f3f2fa26 0%,transparent 70%);border-radius:50%}
.enrollmentsection::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#f3f2fa1a 0%,transparent 70%);border-radius:50%}
.enrollmentsection__wrapper{max-width:1536px;margin:0 auto;text-align:center;position:relative;z-index:1}
.enrollmentsection__title{font-size:48px;font-weight:700;color:#fff;margin-bottom:22px;text-shadow:0 2px 8px #0003}
.enrollmentsection__text{font-size:20px;color:#F3F2FA;line-height:1.7;max-width:780px;margin:0 auto 40px}
.enrollmentsection__actions{display:flex;gap:20px;justify-content:center;align-items:center}
.enrollbtn{display:inline-flex;align-items:center;gap:12px;padding:18px 42px;font-size:18px;font-weight:600;border-radius:28px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #0003;z-index:10;position:relative}
.enrollbtn--primary{background:#fff;color:#6B37FF}
.enrollbtn--primary:hover{background:#F3F2FA;transform:translateY(-3px);box-shadow:0 10px 28px #00000040}
.enrollbtn--secondary{background:#f3f2fa33;color:#fff;border:2px solid #fff}
.enrollbtn--secondary:hover{background:#f3f2fa59;transform:translateY(-3px);box-shadow:0 10px 28px #00000040}
@media (max-width: 1024px) {
.programhero__title{font-size:44px}
.programdetails__grid{grid-template-columns:1fr}
.phasegrid{grid-template-columns:1fr;gap:32px}
.instructorarea__layout{flex-direction:column;gap:40px;padding:40px}
.instructorarea__visual{flex:0 0 auto;width:100%;max-width:480px}
}
@media (max-width: 768px) {
.programhero{min-height:400px;margin-bottom:60px}
.programhero__content{padding:40px 20px}
.programhero__title{font-size:36px}
.programhero__subtitle{font-size:18px}
.programhero__description{font-size:16px}
.detailcard{padding:28px 20px}
.curriculumsection{padding:60px 20px;margin-bottom:60px}
.curriculumsection__maintitle{font-size:32px}
.instructorarea{margin-bottom:60px}
.instructorarea__layout{padding:32px 20px}
.instructorarea__heading{font-size:30px}
.instructorarea__photo{height:320px}
.enrollmentsection{padding:70px 20px}
.enrollmentsection__title{font-size:36px}
.enrollmentsection__text{font-size:17px}
.enrollmentsection__actions{flex-direction:column}
.enrollbtn{width:100%;justify-content:center}
}
@media (max-width: 480px) {
.programhero__title{font-size:30px}
.curriculumsection__maintitle{font-size:28px}
.instructorarea__heading{font-size:26px}
.enrollmentsection__title{font-size:30px}
}
.successhero{max-width:1536px;margin:60px auto;padding:0 24px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.successhero .herovisual{position:relative;transform:rotate(-3deg);box-shadow:0 16px 48px #6b37ff26;border-radius:24px;overflow:hidden}
.successhero .herovisual::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#6b37ff1a,#907e1a1a);pointer-events:none;z-index:2}
.successhero .herovisual img{width:100%;height:520px;object-fit:cover;display:block}
.successhero .herotext h1{font-size:48px;line-height:1.15;color:#1a1a1a;margin:0 0 24px;font-weight:700}
.successhero .herotext .storythesis{list-style:none;padding:0;margin:0}
.successhero .herotext .storythesis li{font-size:18px;line-height:1.6;color:#4a4a4a;margin-bottom:16px;padding-left:32px;position:relative}
.successhero .herotext .storythesis li::before{content:'';position:absolute;left:0;top:8px;width:20px;height:4px;background:linear-gradient(90deg,#6B37FF,#907E1A);border-radius:2px}
.storieszone{background:linear-gradient(180deg,#F3F2FA 0%,#f3f2fa4d 100%);padding:100px 0;position:relative}
.storieszone::before{content:'';position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#6B37FF 0%,#907E1A 50%,#6B37FF 100%);opacity:.3}
.storiescontainer{max-width:1536px;margin:0 auto;padding:0 24px}
.storiescontainer .sectionlabel{text-align:center;margin-bottom:64px}
.storiescontainer .sectionlabel h2{font-size:40px;font-weight:700;color:#1a1a1a;margin:0 0 16px}
.storiescontainer .sectionlabel .sublabel{font-size:19px;color:#5a5a5a;line-height:1.5;max-width:720px;margin:0 auto}
.casegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:56px}
.casecard{background:#fff;border-radius:20px;padding:40px 32px;box-shadow:0 8px 24px #0000000f;transition:all .35s ease;position:relative;overflow:hidden}
.casecard::before{content:'';position:absolute;top:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,#6B37FF,#907E1A);transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.casecard:hover{transform:translateY(-8px);box-shadow:0 16px 40px #6b37ff26}
.casecard:hover::before{transform:scaleX(1)}
.casecard .caseheader{margin-bottom:24px}
.casecard .caseheader .founder{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 8px}
.casecard .caseheader .company{font-size:15px;color:#907E1A;font-weight:500;margin:0}
.casecard .casestory{font-size:16px;line-height:1.7;color:#4a4a4a;margin-bottom:28px}
.casecard .outcome{display:flex;gap:16px;flex-wrap:wrap}
.casecard .outcome .metric{background:#6b37ff14;padding:10px 18px;border-radius:12px;font-size:14px;font-weight:600;color:#6B37FF}
.learningpath{background:#fff;border-radius:24px;padding:48px;box-shadow:0 12px 32px #00000014;margin-top:48px}
.learningpath h3{font-size:28px;font-weight:700;color:#1a1a1a;margin:0 0 32px;text-align:center}
.pathsteps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;position:relative}
.pathsteps::before{content:'';position:absolute;top:36px;left:12.5%;right:12.5%;height:3px;background:linear-gradient(90deg,#6B37FF 0%,#907E1A 50%,#6B37FF 100%);opacity:.2;z-index:1}
.stepbox{text-align:center;position:relative;z-index:2}
.stepbox .stepnumber{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#6B37FF,#907E1A);color:#fff;font-size:28px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 6px 20px #6b37ff4d}
.stepbox .steptitle{font-size:17px;font-weight:600;color:#1a1a1a;margin:0 0 10px}
.stepbox .stepdesc{font-size:14px;line-height:1.5;color:#5a5a5a;margin:0}
.visualasset{margin-top:56px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.visualasset .assetimage{position:relative;border-radius:20px;overflow:hidden;box-shadow:0 12px 32px #0000001a}
.visualasset .assetimage img{width:100%;height:440px;object-fit:cover;display:block}
.visualasset .assetcontent h4{font-size:32px;font-weight:700;color:#1a1a1a;margin:0 0 20px}
.visualasset .assetcontent p{font-size:17px;line-height:1.7;color:#4a4a4a;margin:0 0 16px}
.visualasset .assetcontent .keypoints{list-style:none;padding:0;margin:24px 0 0}
.visualasset .assetcontent .keypoints li{font-size:16px;line-height:1.6;color:#4a4a4a;margin-bottom:12px;padding-left:28px;position:relative}
.visualasset .assetcontent .keypoints li::before{content:'✓';position:absolute;left:0;top:0;color:#6B37FF;font-weight:700;font-size:18px}
@media (max-width: 1024px) {
.successhero{grid-template-columns:1fr;gap:48px;margin:40px auto}
.successhero .herotext h1{font-size:36px}
.successhero .herovisual{order:-1}
.casegrid{grid-template-columns:repeat(2,1fr);gap:24px}
.pathsteps{grid-template-columns:repeat(2,1fr);gap:32px}
.pathsteps::before{display:none}
.visualasset{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.successhero .herotext h1{font-size:32px}
.successhero .herotext .storythesis li{font-size:16px;padding-left:28px}
.storieszone{padding:60px 0}
.storiescontainer .sectionlabel h2{font-size:32px}
.storiescontainer .sectionlabel .sublabel{font-size:17px}
.casegrid{grid-template-columns:1fr}
.learningpath{padding:32px 20px}
.learningpath h3{font-size:24px}
.pathsteps{grid-template-columns:1fr}
.visualasset .assetcontent h4{font-size:26px}
}
@media (max-width: 480px) {
.successhero{padding:0 16px;margin:24px auto}
.successhero .herotext h1{font-size:28px}
.successhero .herovisual img{height:360px}
.storiescontainer{padding:0 16px}
.storiescontainer .sectionlabel h2{font-size:28px}
.casecard{padding:28px 20px}
.learningpath{padding:24px 16px}
.stepbox .stepnumber{width:60px;height:60px;font-size:24px}
}
.heroblock{position:relative;width:100%;min-height:620px;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#6B37FF 0%,#907E1A 100%)}
.heroblock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./artwork/2025_09-6.jpg);background-size:cover;background-position:center;opacity:.18;z-index:1;filter:grayscale(30%)}
.heroblock::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#6b37ff9e;z-index:2;mix-blend-mode:multiply}
.herocontent{position:relative;z-index:3;max-width:1100px;width:90%;margin:0 auto;padding:80px 24px;text-align:center}
.herocontent h1{font-size:68px;font-weight:800;color:#fff;margin:0 0 18px;line-height:1.1;text-shadow:0 4px 16px #0000004d}
.herocontent .subtitle{font-size:28px;font-weight:400;color:#F3F2FA;margin:0 0 12px;line-height:1.4}
.herocontent .tagline{font-size:19px;font-weight:300;color:#f3f2fae6;margin:0;line-height:1.5}
.communitysection{max-width:1536px;margin:0 auto;padding:96px 24px;background:#F3F2FA}
.communitysection .sectionlabel{font-size:16px;font-weight:600;color:#907E1A;text-transform:uppercase;letter-spacing:2px;margin:0 0 20px}
.communitysection h2{font-size:48px;font-weight:700;color:#1a1a1a;margin:0 0 28px;line-height:1.2}
.communitygrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:32px;margin:48px 0 0}
.communitycard{background:#fff;padding:40px 32px;border-radius:24px;box-shadow:0 6px 20px #6b37ff14;transition:transform .3s ease,box-shadow .3s ease}
.communitycard:hover{transform:translateY(-8px);box-shadow:0 12px 32px #6b37ff29}
.communitycard h3{font-size:24px;font-weight:600;color:#6B37FF;margin:0 0 16px}
.communitycard p{font-size:17px;color:#4a4a4a;line-height:1.6;margin:0}
.platformvalues{max-width:1536px;margin:0 auto;padding:96px 24px;background:linear-gradient(165deg,#fff 0%,#f3f2fa66 100%)}
.platformvalues .contentwrapper{display:flex;align-items:center;gap:64px}
.platformvalues .textcol{flex:1}
.platformvalues .imagecol{flex:1}
.platformvalues h2{font-size:46px;font-weight:700;color:#1a1a1a;margin:0 0 24px;line-height:1.2}
.platformvalues .leadtext{font-size:20px;color:#3a3a3a;line-height:1.6;margin:0 0 32px}
.platformvalues .valuelist{list-style:none;padding:0;margin:0}
.platformvalues .valuelist li{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0 0 16px;padding:0 0 0 32px;position:relative}
.platformvalues .valuelist li::before{content:'';position:absolute;left:0;top:6px;width:18px;height:18px;background:linear-gradient(135deg,#6B37FF,#907E1A);border-radius:50%}
.platformvalues .showcaseimg{width:100%;height:auto;border-radius:28px;box-shadow:0 16px 48px #6b37ff33}
.certificationblock{max-width:1536px;margin:0 auto;padding:96px 24px;background:#fff}
.certificationblock h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 20px;text-align:center}
.certificationblock .intro{font-size:19px;color:#3a3a3a;line-height:1.6;text-align:center;max-width:860px;margin:0 auto 56px}
.certgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px;align-items:start}
.certitem{background:#F3F2FA;padding:40px 36px;border-radius:20px;border-left:6px solid #6B37FF}
.certitem h3{font-size:26px;font-weight:600;color:#6B37FF;margin:0 0 16px}
.certitem p{font-size:17px;color:#4a4a4a;line-height:1.7;margin:0}
.toolsarea{max-width:1536px;margin:0 auto;padding:96px 24px;background:linear-gradient(180deg,#6B37FF 0%,#907E1A 100%);position:relative;overflow:hidden}
.toolsarea::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(./artwork/content-image-7.jpg);background-size:cover;background-position:center;opacity:.12;z-index:1}
.toolsarea .innercontainer{position:relative;z-index:2;max-width:1200px;margin:0 auto}
.toolsarea h2{font-size:46px;font-weight:700;color:#fff;margin:0 0 48px;text-align:center}
.toolsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.toolcard{background:#fffffff2;padding:36px 28px;border-radius:20px;box-shadow:0 8px 24px #0003;transition:transform .3s ease}
.toolcard:hover{transform:scale(1.04)}
.toolcard .iconwrap{width:56px;height:56px;background:linear-gradient(135deg,#6B37FF,#907E1A);border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 0 20px}
.toolcard .iconwrap svg{width:28px;height:28px;fill:#fff}
.toolcard h3{font-size:22px;font-weight:600;color:#1a1a1a;margin:0 0 12px}
.toolcard p{font-size:16px;color:#4a4a4a;line-height:1.6;margin:0}
.transparencyzone{max-width:1536px;margin:0 auto;padding:96px 24px;background:#fff}
.transparencyzone h2{font-size:44px;font-weight:700;color:#1a1a1a;margin:0 0 24px}
.transparencyzone .description{font-size:19px;color:#3a3a3a;line-height:1.7;margin:0 0 48px;max-width:920px}
.statsdisplay{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;margin:0 0 56px}
.statbox{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#6b37ff14,#907e1a14);border-radius:20px;border:2px solid #6b37ff33}
.statbox .number{font-size:52px;font-weight:800;color:#6B37FF;margin:0 0 8px;line-height:1}
.statbox .label{font-size:16px;font-weight:500;color:#4a4a4a;margin:0}
.testimonialsplit{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.testimonialsplit .photowrap{width:100%;height:520px;border-radius:28px;overflow:hidden;box-shadow:0 16px 48px #6b37ff33}
.testimonialsplit .photowrap img{width:100%;height:100%;object-fit:cover}
.testimonialsplit .contentarea{padding:0 20px}
.testimonialsplit .quote{font-size:21px;color:#2a2a2a;line-height:1.7;font-style:italic;margin:0 0 28px;padding:0 0 0 24px;border-left:4px solid #907E1A}
.testimonialsplit .author{font-size:18px;font-weight:600;color:#6B37FF;margin:0 0 8px}
.testimonialsplit .role{font-size:16px;color:#5a5a5a;margin:0 0 24px}
.testimonialsplit .ctabutton{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#6B37FF,#907E1A);color:#fff;font-size:17px;font-weight:600;text-decoration:none;border-radius:28px;box-shadow:0 6px 20px #6b37ff4d;transition:transform .3s ease,box-shadow .3s ease}
.testimonialsplit .ctabutton:hover{transform:translateY(-3px);box-shadow:0 10px 32px #6b37ff66}
@media (max-width: 1024px) {
.herocontent h1{font-size:52px}
.herocontent .subtitle{font-size:24px}
.platformvalues .contentwrapper{flex-direction:column;gap:48px}
.certgrid{grid-template-columns:1fr;gap:32px}
.toolsgrid{grid-template-columns:repeat(2,1fr)}
.statsdisplay{grid-template-columns:repeat(2,1fr)}
.testimonialsplit{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.heroblock{min-height:480px}
.herocontent{padding:60px 20px}
.herocontent h1{font-size:38px}
.herocontent .subtitle{font-size:20px}
.herocontent .tagline{font-size:17px}
.communitysection,.platformvalues,.certificationblock,.toolsarea,.transparencyzone{padding:64px 20px}
.communitygrid{grid-template-columns:1fr;gap:24px}
.platformvalues h2,.certificationblock h2,.toolsarea h2,.transparencyzone h2{font-size:36px}
.toolsgrid{grid-template-columns:1fr}
.statsdisplay{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 480px) {
.herocontent h1{font-size:32px}
.herocontent .subtitle{font-size:18px}
.communitysection h2{font-size:32px}
.platformvalues h2,.certificationblock h2,.toolsarea h2,.transparencyzone h2{font-size:28px}
}
.titlezone{position:relative;padding:140px 20px 160px;overflow:hidden;background:linear-gradient(135deg,#F3F2FA 0%,#E8E6F5 100%)}
.titlezone .titlewrap{max-width:1536px;margin:0 auto;position:relative;z-index:3}
.titlezone h1{font-size:64px;line-height:1.1;color:#6B37FF;margin:0 0 24px;font-weight:700}
.titlezone .subtitle{font-size:22px;line-height:1.5;color:#4A4A5E;max-width:620px;margin:0}
.titlezone .artpiece{position:absolute;top:50%;right:8%;transform:translateY(-50%);width:480px;height:520px;border-radius:24px;overflow:hidden;z-index:2}
.titlezone .artpiece img{width:100%;height:100%;object-fit:cover;filter:brightness(0.85) contrast(1.1);mix-blend-mode:multiply}
.titlezone .artpiece::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#6b37ff40,#907e1a26);pointer-events:none}
.titlezone .shapelayer1{position:absolute;bottom:10%;left:5%;width:220px;height:220px;border-radius:50%;background:#907e1a14;z-index:1}
.titlezone .shapelayer2{position:absolute;top:15%;right:35%;width:140px;height:140px;background:#6b37ff0f;border-radius:28px;transform:rotate(15deg);z-index:1}
.infocontactpanel{padding:100px 20px;background:#fff}
.infocontactpanel .panelwrap{max-width:1536px;margin:0 auto;display:flex;gap:80px;align-items:flex-start}
.leftinfo{flex:1}
.leftinfo h2{font-size:42px;line-height:1.2;color:#2A2A3E;margin:0 0 32px;font-weight:700}
.leftinfo .infopara{font-size:18px;line-height:1.7;color:#5A5A6E;margin:0 0 48px}
.contactitems{display:flex;flex-direction:column;gap:24px}
.contactrow{display:flex;align-items:center;gap:16px;padding:20px;background:#F9F8FD;border-radius:16px;transition:all .3s ease}
.contactrow:hover{background:#F3F2FA;transform:translateX(4px);box-shadow:0 4px 12px #6b37ff14}
.contactrow .iconholder{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6B37FF,#8B5FFF);border-radius:12px;flex-shrink:0}
.contactrow .iconholder i{font-size:22px;color:#fff}
.contactrow .textpart{flex:1}
.contactrow .label{font-size:14px;color:#7A7A8E;margin:0 0 4px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.contactrow .value{font-size:18px;color:#2A2A3E;margin:0;font-weight:600}
.contactrow a{color:#2A2A3E;text-decoration:none;transition:color .3s ease}
.contactrow a:hover{color:#6B37FF}
.rightform{flex:1;background:linear-gradient(135deg,#F3F2FA 0%,#E8E6F5 100%);padding:48px;border-radius:24px;box-shadow:0 12px 32px #6b37ff1f}
.rightform h3{font-size:32px;line-height:1.3;color:#2A2A3E;margin:0 0 28px;font-weight:700}
.formgrid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}
.formfield{display:flex;flex-direction:column}
.formfield.fullwidth{grid-column:1 / -1}
.formfield label{font-size:15px;color:#4A4A5E;margin-bottom:8px;font-weight:600}
.formfield input,.formfield select{padding:14px 18px;border:2px solid #D8D6E8;border-radius:12px;font-size:16px;background:#fff;color:#2A2A3E;transition:all .3s ease;outline:none}
.formfield input:focus,.formfield select:focus{border-color:#6B37FF;box-shadow:0 0 0 4px #6b37ff1a}
.formfield 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 1L6 6L11 1' stroke='%234A4A5E' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;padding-right:44px}
.privacycheck{margin:24px 0;display:flex;align-items:flex-start;gap:12px}
.privacycheck input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;flex-shrink:0;accent-color:#6B37FF}
.privacycheck label{font-size:15px;line-height:1.6;color:#5A5A6E;cursor:pointer}
.privacycheck a{color:#6B37FF;text-decoration:none;font-weight:600;transition:color .3s ease}
.privacycheck a:hover{color:#8B5FFF}
.submitbtn{width:100%;padding:16px 32px;background:linear-gradient(135deg,#6B37FF,#8B5FFF);color:#fff;border:none;border-radius:12px;font-size:17px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 6px 20px #6b37ff4d}
.submitbtn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #6b37ff66;background:linear-gradient(135deg,#5A2EE6,#7A4FEE)}
.submitbtn:active{transform:translateY(0)}
.hourssection{padding:100px 20px;background:#F9F8FD}
.hourssection .hourswrap{max-width:1536px;margin:0 auto;text-align:center}
.hourssection h2{font-size:42px;line-height:1.2;color:#2A2A3E;margin:0 0 20px;font-weight:700}
.hourssection .hoursdesc{font-size:18px;line-height:1.6;color:#5A5A6E;max-width:680px;margin:0 auto 56px}
.hoursbox{display:inline-block;background:#fff;padding:48px 64px;border-radius:24px;box-shadow:0 8px 24px #6b37ff1a;text-align:left}
.hoursbox .timeslot{display:flex;align-items:center;gap:24px;padding:16px 0;border-bottom:1px solid #E8E6F5}
.hoursbox .timeslot:last-child{border-bottom:none}
.hoursbox .dayname{font-size:17px;color:#2A2A3E;font-weight:600;min-width:140px}
.hoursbox .hourrange{font-size:17px;color:#6B37FF;font-weight:700}
@media (max-width: 1280px) {
.titlezone .artpiece{width:400px;height:440px;right:5%}
.titlezone h1{font-size:52px}
}
@media (max-width: 1024px) {
.titlezone{padding:100px 20px 120px}
.titlezone .artpiece{position:relative;right:auto;top:auto;transform:none;margin:48px auto 0;width:100%;max-width:500px;height:380px}
.titlezone h1{font-size:44px}
.infocontactpanel .panelwrap{flex-direction:column;gap:60px}
.rightform{padding:36px}
}
@media (max-width: 768px) {
.titlezone h1{font-size:36px}
.titlezone .subtitle{font-size:18px}
.titlezone .shapelayer1,.titlezone .shapelayer2{display:none}
.leftinfo h2,.hourssection h2{font-size:32px}
.rightform h3{font-size:26px}
.formgrid{grid-template-columns:1fr}
.hoursbox{padding:32px 28px}
.hoursbox .timeslot{flex-direction:column;align-items:flex-start;gap:8px}
}
@media (max-width: 480px) {
.titlezone{padding:80px 16px 100px}
.titlezone h1{font-size:28px}
.titlezone .subtitle{font-size:16px}
.infocontactpanel,.hourssection{padding:60px 16px}
.rightform{padding:24px}
.contactrow{padding:16px}
.contactrow .iconholder{width:40px;height:40px}
}
.herotitle{position:relative;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#6B37FF 0%,#907E1A 100%);overflow:hidden;padding:80px 20px}
.herotitle::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f3f2fa26 0%,transparent 70%);animation:floatglow 8s ease-in-out infinite}
@keyframes floatglow {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-30px,30px) scale(1.1)}
}
.herotitle .herowrap{max-width:1536px;width:100%;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.herotitle .textside{color:#fff}
.herotitle .lead{font-size:18px;line-height:1.6;margin-bottom:20px;opacity:.95}
.herotitle .maintitle{font-size:56px;font-weight:700;line-height:1.1;margin-bottom:0;text-shadow:0 2px 12px #0003}
.herotitle .imageside{position:relative}
.herotitle .heroimg{width:100%;height:440px;object-fit:cover;border-radius:24px;box-shadow:0 12px 32px #0000004d 0 0 60px #ffffff1a;filter:brightness(1.05)}
@media (max-width: 1024px) {
.herotitle .herowrap{grid-template-columns:1fr;gap:40px}
.herotitle .maintitle{font-size:44px}
.herotitle .heroimg{height:360px}
}
@media (max-width: 768px) {
.herotitle{min-height:420px;padding:60px 20px}
.herotitle .maintitle{font-size:36px}
.herotitle .lead{font-size:16px}
.herotitle .heroimg{height:280px}
}
.storyarea{padding:100px 20px;background:#F3F2FA;position:relative}
.storyarea::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6B37FF 0%,#907E1A 50%,#6B37FF 100%)}
.storyarea .storywrap{max-width:1536px;margin:0 auto;display:grid;grid-template-columns:1.2fr 0.8fr;gap:80px;align-items:start}
.storyarea .maincontent h2{font-size:42px;font-weight:700;color:#1a1a1a;margin-bottom:32px;position:relative;display:inline-block}
.storyarea .maincontent h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#6B37FF,#907E1A);border-radius:2px}
.storyarea .maincontent p{font-size:18px;line-height:1.7;color:#2a2a2a;margin-bottom:24px}
.storyarea .maincontent p:last-of-type{margin-bottom:0}
.storyarea .sidebar{position:sticky;top:40px}
.storyarea .valuesbox{background:#fff;padding:48px 40px;border-radius:28px;box-shadow:0 8px 24px #6b37ff1f;border:2px solid #6b37ff1a}
.storyarea .valuesbox h3{font-size:28px;font-weight:700;color:#1a1a1a;margin-bottom:28px}
.storyarea .valuelist{list-style:none;padding:0;margin:0}
.storyarea .valuelist li{padding:20px 0;border-bottom:1px solid #6b37ff1a;position:relative;padding-left:36px;font-size:16px;line-height:1.5;color:#2a2a2a}
.storyarea .valuelist li:last-child{border-bottom:none;padding-bottom:0}
.storyarea .valuelist li::before{content:'';position:absolute;left:0;top:22px;width:20px;height:20px;background:linear-gradient(135deg,#6B37FF,#907E1A);border-radius:50%;box-shadow:0 2px 8px #6b37ff4d}
.storyarea .visualbox{margin-top:40px;position:relative}
.storyarea .visualbox img{width:100%;height:280px;object-fit:cover;border-radius:20px;box-shadow:0 6px 18px #00000026}
@media (max-width: 1024px) {
.storyarea .storywrap{grid-template-columns:1fr;gap:60px}
.storyarea .sidebar{position:static}
.storyarea .maincontent h2{font-size:36px}
}
@media (max-width: 768px) {
.storyarea{padding:70px 20px}
.storyarea .maincontent h2{font-size:32px}
.storyarea .maincontent p{font-size:16px}
.storyarea .valuesbox{padding:36px 28px}
.storyarea .valuesbox h3{font-size:24px}
.storyarea .visualbox img{height:220px}
}
.approachzone{padding:110px 20px;background:linear-gradient(180deg,#fff 0%,#F3F2FA 100%)}
.approachzone .zonewrap{max-width:1536px;margin:0 auto}
.approachzone .sectionhead{text-align:center;margin-bottom:70px}
.approachzone .sectionhead h2{font-size:48px;font-weight:700;color:#1a1a1a;margin-bottom:20px}
.approachzone .sectionhead p{font-size:19px;line-height:1.6;color:#3a3a3a;max-width:720px;margin:0 auto}
.approachzone .cardgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.approachzone .methodcard{background:#fff;padding:44px 36px;border-radius:24px;box-shadow:0 6px 20px #00000014;border:2px solid transparent;transition:all .3s ease;position:relative;overflow:hidden}
.approachzone .methodcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#6B37FF,#907E1A);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.approachzone .methodcard:hover{border-color:#6b37ff4d;box-shadow:0 12px 32px #6b37ff2e;transform:translateY(-4px)}
.approachzone .methodcard:hover::before{transform:scaleX(1)}
.approachzone .methodcard h3{font-size:24px;font-weight:700;color:#1a1a1a;margin-bottom:16px}
.approachzone .methodcard p{font-size:16px;line-height:1.6;color:#3a3a3a;margin-bottom:0}
.approachzone .visualpiece{margin-top:70px;text-align:center}
.approachzone .visualpiece img{width:100%;max-width:900px;height:420px;object-fit:cover;border-radius:28px;box-shadow:0 16px 48px #00000026;margin:0 auto;display:block}
@media (max-width: 1024px) {
.approachzone .cardgrid{grid-template-columns:repeat(2,1fr);gap:32px}
.approachzone .sectionhead h2{font-size:40px}
}
@media (max-width: 768px) {
.approachzone{padding:80px 20px}
.approachzone .cardgrid{grid-template-columns:1fr;gap:28px}
.approachzone .sectionhead h2{font-size:34px}
.approachzone .sectionhead p{font-size:17px}
.approachzone .methodcard{padding:36px 28px}
.approachzone .visualpiece img{height:300px}
}
.successwrap{min-height:85vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:linear-gradient(165deg,#F3F2FA 0%,#fff 45%,#F3F2FA 100%);padding:60px 24px}
.successwrap::before{content:'';position:absolute;width:520px;height:520px;border-radius:50%;background:#6b37ff14;top:-180px;right:-120px;filter:blur(60px)}
.successwrap::after{content:'';position:absolute;width:420px;height:420px;border-radius:50%;background:#907e1a0f;bottom:-140px;left:-100px;filter:blur(55px)}
.successcircle{position:absolute;border-radius:50%;border:2px solid #6b37ff1f}
.successcircle--1{width:280px;height:280px;top:12%;left:8%;border-width:1px}
.successcircle--2{width:180px;height:180px;bottom:18%;right:15%;border-color:#907e1a26}
.successcircle--3{width:340px;height:340px;top:45%;right:5%;border-width:1px;border-color:#6b37ff14}
.centeredbox{position:relative;z-index:2;max-width:680px;width:100%;text-align:center;background:#fff;padding:72px 48px;border-radius:28px;box-shadow:0 12px 48px #6b37ff1f 0 4px 16px #0000000f}
.iconholder{width:96px;height:96px;margin:0 auto 32px;background:linear-gradient(135deg,#6B37FF 0%,#8B5FFF 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px #6b37ff47}
.iconholder svg{width:52px;height:52px}
.centeredbox h1{font-size:38px;font-weight:700;color:#1a1a1a;margin:0 0 18px;line-height:1.2}
.centeredbox p{font-size:18px;color:#4a4a4a;margin:0 0 40px;line-height:1.6}
.successbtn{display:inline-flex;align-items:center;gap:10px;background:#6B37FF;color:#fff;font-size:17px;font-weight:600;padding:16px 42px;border-radius:24px;text-decoration:none;transition:all .3s ease;box-shadow:0 6px 20px #6b37ff4d}
.successbtn:hover{background:#5829d9;transform:translateY(-2px);box-shadow:0 10px 28px #6b37ff66}
.successbtn svg{width:20px;height:20px}
@media (max-width: 768px) {
.successwrap{padding:40px 20px;min-height:75vh}
.successcircle--1{width:200px;height:200px;top:8%;left:5%}
.successcircle--2{width:140px;height:140px;bottom:12%;right:8%}
.successcircle--3{width:240px;height:240px}
.centeredbox{padding:52px 32px;border-radius:24px}
.iconholder{width:80px;height:80px;margin-bottom:28px}
.iconholder svg{width:44px;height:44px}
.centeredbox h1{font-size:30px;margin-bottom:14px}
.centeredbox p{font-size:16px;margin-bottom:32px}
.successbtn{font-size:16px;padding:14px 36px}
}
@media (max-width: 480px) {
.successwrap{padding:32px 16px}
.centeredbox{padding:40px 24px;border-radius:20px}
.iconholder{width:72px;height:72px;margin-bottom:24px}
.iconholder svg{width:38px;height:38px}
.centeredbox h1{font-size:26px}
.centeredbox p{font-size:15px;margin-bottom:28px}
.successbtn{width:100%;justify-content:center;padding:13px 32px}
}