html{box-sizing:border-box}
*,::before,::after{box-sizing:inherit;margin:0;padding:0}
body{font-family:'Lato',sans-serif;background:linear-gradient(135deg,#0a0a0f 0%,#1a1a2e 100%);color:#e0e0e8;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
.headwrap{max-width:1440px;margin:0 auto;width:100%;display:flex;align-items:center;padding:20px 40px;background:linear-gradient(90deg,#9883fa1f 0%,#ca540814 100%);border-bottom:2px solid #9883fa4d;box-shadow:0 4px 20px #9883fa26}
.leftzone{flex:1;display:flex;align-items:center;gap:20px}
.logoarea{background:radial-gradient(circle,#bcf6c826,transparent);padding:12px;border-radius:20px;box-shadow:0 0 15px #9883fa66 inset 0 2px 4px #0000004d}
.logoarea .logoimg{width:70px;height:70px;display:block}
.brandtxt{display:flex;flex-direction:column;gap:4px}
.brandtxt .compname{font-family:'Alegreya',serif;font-size:28px;font-weight:700;color:#BCF6C8;text-shadow:0 0 10px #bcf6c899;letter-spacing:.5px}
.brandtxt .tagline{font-size:13px;color:#9883FA;font-weight:400}
.rightzone{flex:1;display:flex;justify-content:flex-end}
.mainnav{display:flex;gap:32px;align-items:center}
.mainnav .navlink{color:#e0e0e8;text-decoration:none;font-size:16px;font-weight:400;padding:10px 18px;border-radius:16px;transition:all .3s ease-in-out;position:relative}
.mainnav .navlink:hover{color:#BCF6C8;background:#9883fa26;box-shadow:0 0 12px #9883fa80}
main{flex:1;width:100%}
.footertop{background:linear-gradient(180deg,#1a1a2ee6 0%,#0a0a0ff2 100%);padding:60px 40px 40px;border-top:3px solid #ca540866;box-shadow:0 -6px 25px #ca540833}
.footcont{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.footcol .foothead{font-family:'Alegreya',serif;font-size:22px;font-weight:700;color:#9883FA;margin-bottom:18px;text-shadow:0 0 8px #9883fa80}
.footcol .footdesc{font-size:15px;line-height:1.7;color:#c0c0cc}
.footcol .footinfo{font-size:14px;color:#b0b0be;margin-bottom:12px;display:flex;align-items:center;gap:10px}
.footcol .footinfo .jam{color:#CA5408;font-size:18px}
.footnav{display:flex;flex-direction:column;gap:12px}
.footnav .footlink{color:#b0b0be;text-decoration:none;font-size:15px;transition:color .3s ease-in-out;display:inline-block}
.footnav .footlink:hover{color:#BCF6C8}
.footbot{background:#0a0a0f;padding:24px 40px;border-top:1px solid #9883fa33}
.footbot .footcont{display:block;text-align:center}
.footbot .copyright{font-size:14px;color:#808090}
.cookiebox{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;opacity:0;animation:fadein .4s ease-in-out forwards}
.cookiebox[data-state="hidden"]{animation:fadeout .4s ease-in-out forwards}
@keyframes fadein {
from{opacity:0;transform:translateY(-30px)}
to{opacity:1;transform:translateY(0)}
}
@keyframes fadeout {
from{opacity:1;transform:translateY(0)}
to{opacity:0;transform:translateY(-30px)}
}
.cookiecontent{background:linear-gradient(145deg,#1a1a2e 0%,#252540 100%);border:2px solid #9883fa66;border-radius:24px;padding:40px;max-width:680px;width:100%;box-shadow:0 12px 40px #9883fa4d inset 0 2px 6px #0006}
.cookiecontent .cookietitle{font-family:'Alegreya',serif;font-size:26px;font-weight:700;color:#BCF6C8;margin-bottom:16px;text-shadow:0 0 10px #bcf6c880}
.cookiecontent .cookiedesc{font-size:15px;line-height:1.7;color:#c0c0cc;margin-bottom:28px}
.cookieoptions{display:flex;flex-direction:column;gap:18px;margin-bottom:32px}
.cookieitem{background:#0a0a0f80;padding:16px;border-radius:16px;border:1px solid #9883fa33}
.cookielabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:16px;font-weight:700;color:#e0e0e8}
.cookielabel .cookiechk{width:20px;height:20px;cursor:pointer;accent-color:#9883FA}
.cookielabel .cookiechk:disabled{cursor:not-allowed}
.cookieexplain{font-size:13px;color:#a0a0b0;margin-top:8px;margin-left:32px}
.cookieactions{display:flex;gap:14px;flex-wrap:wrap}
.cookiebtn{flex:1;min-width:140px;padding:14px 24px;border:none;border-radius:20px;font-size:15px;font-weight:700;cursor:pointer;transition:all .3s ease-in-out;font-family:'Lato',sans-serif}
.cookiebtn.accept{background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);color:#fff;box-shadow:0 4px 15px #9883fa66}
.cookiebtn.accept:hover{box-shadow:0 6px 20px #9883fa99;transform:translateY(-2px)}
.cookiebtn.decline{background:#50505a66;color:#e0e0e8;border:1px solid #9883fa4d}
.cookiebtn.decline:hover{background:#64646e80;box-shadow:0 4px 12px #0000004d}
.cookiebtn.save{background:#bcf6c826;color:#BCF6C8;border:1px solid #bcf6c866}
.cookiebtn.save:hover{background:#bcf6c840;box-shadow:0 4px 12px #bcf6c84d}
@media (max-width: 1366px) {
.headwrap{padding:18px 30px}
.footcont{gap:40px}
}
@media (max-width: 768px) {
.headwrap{flex-direction:column;gap:24px;padding:20px}
.leftzone{width:100%;justify-content:center}
.rightzone{width:100%;justify-content:center}
.mainnav{gap:20px;flex-wrap:wrap;justify-content:center}
.footcont{grid-template-columns:1fr;gap:35px}
.cookiecontent{padding:30px 24px}
.cookieactions{flex-direction:column}
.cookiebtn{width:100%}
}
@media (max-width: 375px) {
.brandtxt .compname{font-size:24px}
.mainnav .navlink{font-size:14px;padding:8px 14px}
.logoarea .logoimg{width:60px;height:60px}
.cookiecontent .cookietitle{font-size:22px}
}
.policy-box{max-width:1440px;margin:0 auto;padding:80px 24px;background:#0a0a0f;color:#e8e8f0}
.policy-box h1{font-size:48px;font-weight:700;line-height:1.2;margin:0 0 32px;color:#BCF6C8;text-shadow:0 0 20px #bcf6c84d}
.policy-box h2{font-size:36px;font-weight:600;line-height:1.3;margin:64px 0 24px;color:#9883FA;text-shadow:0 0 16px #9883fa40}
.policy-box h3{font-size:28px;font-weight:600;line-height:1.4;margin:48px 0 20px;color:#CA5408;text-shadow:0 0 12px #ca540833}
.policy-box h4{font-size:22px;font-weight:600;line-height:1.4;margin:36px 0 16px;color:#9883FA}
.policy-box h5{font-size:18px;font-weight:600;line-height:1.5;margin:28px 0 12px;color:#BCF6C8}
.policy-box h6{font-size:16px;font-weight:600;line-height:1.5;margin:24px 0 12px;color:#e8e8f0}
.policy-box p{font-size:17px;line-height:1.8;margin:0 0 20px;color:#d0d0dc;max-width:820px}
.policy-box ul{margin:24px 0;padding:0 0 0 28px;list-style:none}
.policy-box ul li{font-size:17px;line-height:1.8;margin:0 0 12px;color:#d0d0dc;position:relative;padding-left:12px}
.policy-box ul li::before{content:'';position:absolute;left:-20px;top:12px;width:6px;height:6px;background:linear-gradient(135deg,#9883FA,#CA5408);border-radius:50%;box-shadow:0 0 8px #9883fa80}
.policy-box ol{margin:24px 0;padding:0 0 0 28px;list-style:none;counter-reset:ordcnt}
.policy-box ol li{font-size:17px;line-height:1.8;margin:0 0 12px;color:#d0d0dc;position:relative;padding-left:12px;counter-increment:ordcnt}
.policy-box ol li::before{content:counter(ordcnt) ".";position:absolute;left:-28px;top:0;font-weight:600;color:#9883FA;text-shadow:0 0 8px #9883fa66}
.policy-box a{color:#9883FA;text-decoration:none;border-bottom:1px solid #9883fa4d;transition:all .3s ease-in-out}
.policy-box a:hover{color:#BCF6C8;border-bottom-color:#BCF6C8;text-shadow:0 0 12px #bcf6c866}
.policy-box table{width:100%;margin:32px 0;border-collapse:separate;border-spacing:0;background:#13131a;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0006 0 0 0 1px #9883fa26}
.policy-box thead{background:linear-gradient(135deg,#9883FA,#CA5408)}
.policy-box thead tr{background:transparent}
.policy-box thead th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#fff;text-shadow:0 0 8px #0000004d}
.policy-box tbody{background:#13131a}
.policy-box tbody tr{border-bottom:1px solid #9883fa1a;transition:background .3s ease-in-out}
.policy-box tbody tr:last-child{border-bottom:none}
.policy-box tbody tr:hover{background:#9883fa0d}
.policy-box tbody td{padding:18px 24px;font-size:16px;line-height:1.6;color:#d0d0dc}
.policy-box thead th:first-child{border-radius:16px 0 0 0}
.policy-box thead th:last-child{border-radius:0 16px 0 0}
@media (max-width: 1366px) {
.policy-box{padding:64px 32px}
.policy-box h1{font-size:42px}
.policy-box h2{font-size:32px}
.policy-box h3{font-size:24px}
}
@media (max-width: 768px) {
.policy-box{padding:48px 20px}
.policy-box h1{font-size:36px;margin-bottom:24px}
.policy-box h2{font-size:28px;margin-top:48px;margin-bottom:20px}
.policy-box h3{font-size:22px;margin-top:36px}
.policy-box h4{font-size:20px}
.policy-box p{font-size:16px}
.policy-box ul li,.policy-box ol li{font-size:16px}
.policy-box table{font-size:14px;border-radius:12px}
.policy-box thead th{padding:16px;font-size:14px}
.policy-box tbody td{padding:14px 16px;font-size:14px}
.policy-box thead th:first-child{border-radius:12px 0 0 0}
.policy-box thead th:last-child{border-radius:0 12px 0 0}
}
@media (max-width: 375px) {
.policy-box{padding:40px 16px}
.policy-box h1{font-size:32px}
.policy-box h2{font-size:24px}
.policy-box h3{font-size:20px}
.policy-box ul,.policy-box ol{padding-left:20px}
.policy-box table{margin:24px -16px;width:calc(100% + 32px);border-radius:0}
.policy-box thead th:first-child,.policy-box thead th:last-child{border-radius:0}
}
.topblock{position:relative;background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);overflow:hidden;padding:80px 0 100px}
.topblock .bgpattern{position:absolute;width:100%;height:100%;top:0;left:0;opacity:.15}
.topblock .bgpattern::before{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#9883FA 0%,transparent 70%);top:-200px;right:10%;filter:blur(60px)}
.topblock .bgpattern::after{content:'';position:absolute;width:300px;height:300px;border-radius:50%;background:radial-gradient(circle,#CA5408 0%,transparent 70%);bottom:-150px;left:15%;filter:blur(80px)}
.topblock .imgpart{position:absolute;right:0;top:0;width:45%;height:100%;overflow:hidden}
.topblock .imgpart img{width:100%;height:100%;object-fit:cover;opacity:.4;filter:saturate(0.5) contrast(1.1)}
.topblock .wrappertop{max-width:1440px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.topblock .txtpart{max-width:50%}
.topblock .pretxt{color:#BCF6C8;font-size:14px;letter-spacing:2px;text-transform:uppercase;margin-bottom:20px;display:inline-block;padding:8px 16px;background:#bcf6c81a;border-radius:20px}
.topblock .maintitle{font-size:56px;line-height:1.2;color:#fff;margin-bottom:30px;font-weight:700}
.topblock .maintitle span{background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.topblock .desctext{font-size:18px;line-height:1.7;color:#b8b8c8;margin-bottom:40px}
.topblock .btnstart{display:inline-block;padding:18px 40px;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:16px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 8px 24px #9883fa4d}
.topblock .btnstart:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9883fa80}
.modulesgrid{background:#0f0f1e;padding:100px 0}
.modulesgrid .wrapper{max-width:1440px;margin:0 auto;padding:0 40px}
.modulesgrid .sectionhd{text-align:center;margin-bottom:70px}
.modulesgrid .sectionhd h2{font-size:42px;color:#fff;margin-bottom:20px;font-weight:700}
.modulesgrid .sectionhd p{font-size:18px;color:#b8b8c8;max-width:700px;margin:0 auto;line-height:1.6}
.modulesgrid .gridlayout{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.modulesgrid .modulebox{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border-radius:24px;padding:40px 32px;position:relative;overflow:hidden;transition:all .3s ease-in-out;border:1px solid #9883fa1a}
.modulesgrid .modulebox::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#9883FA 0%,#CA5408 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s ease-in-out}
.modulesgrid .modulebox:hover::before{transform:scaleX(1)}
.modulesgrid .modulebox:hover{transform:translateY(-8px);box-shadow:0 16px 48px #9883fa33;border-color:#9883fa4d}
.modulesgrid .modulebox .iconbox{width:64px;height:64px;background:linear-gradient(135deg,#9883fa33 0%,#ca540833 100%);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;font-size:28px;color:#9883FA}
.modulesgrid .modulebox h3{font-size:24px;color:#fff;margin-bottom:16px;font-weight:600}
.modulesgrid .modulebox p{font-size:15px;color:#b8b8c8;line-height:1.7;margin-bottom:20px}
.modulesgrid .modulebox .duration{display:inline-flex;align-items:center;gap:8px;color:#BCF6C8;font-size:14px;padding:6px 14px;background:#bcf6c81a;border-radius:16px}
.journeypath{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);padding:100px 0;position:relative}
.journeypath::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#CA5408 0%,transparent 70%);filter:blur(100px);opacity:.15;top:50%;left:50%;transform:translate(-50%,-50%)}
.journeypath .wrapper{max-width:1440px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.journeypath .hdtxt{text-align:center;margin-bottom:80px}
.journeypath .hdtxt h2{font-size:42px;color:#fff;margin-bottom:20px;font-weight:700}
.journeypath .hdtxt p{font-size:18px;color:#b8b8c8;max-width:750px;margin:0 auto;line-height:1.6}
.journeypath .stepswrapper{display:flex;flex-direction:column;gap:40px}
.journeypath .stepitem{display:flex;align-items:flex-start;gap:40px;background:linear-gradient(135deg,#1a1a2e99 0%,#25254099 100%);border-radius:24px;padding:40px;border:1px solid #9883fa33;position:relative}
.journeypath .stepitem::before{content:'';position:absolute;left:0;top:0;width:6px;height:100%;background:linear-gradient(180deg,#9883FA 0%,#CA5408 100%);border-radius:24px 0 0 24px}
.journeypath .stepnumber{flex-shrink:0;width:80px;height:80px;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#fff;box-shadow:0 8px 24px #9883fa66}
.journeypath .stepcontent h3{font-size:26px;color:#fff;margin-bottom:16px;font-weight:600}
.journeypath .stepcontent p{font-size:16px;color:#b8b8c8;line-height:1.7;margin-bottom:20px}
.journeypath .stepcontent .highlights{display:flex;flex-wrap:wrap;gap:12px}
.journeypath .stepcontent .highlights span{padding:8px 16px;background:#bcf6c826;color:#BCF6C8;border-radius:18px;font-size:14px;border:1px solid #bcf6c833}
.enrollment{background:#0f0f1e;padding:120px 0;position:relative;overflow:hidden}
.enrollment::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#9883FA 0%,transparent 70%);filter:blur(120px);opacity:.2;top:-300px;right:-200px}
.enrollment .wrapper{max-width:1440px;margin:0 auto;padding:0 40px;position:relative;z-index:2}
.enrollment .contentgrid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.enrollment .txtside h2{font-size:48px;color:#fff;margin-bottom:28px;font-weight:700;line-height:1.2}
.enrollment .txtside p{font-size:18px;color:#b8b8c8;line-height:1.7;margin-bottom:24px}
.enrollment .txtside .benefitlist{display:flex;flex-direction:column;gap:16px;margin-bottom:40px}
.enrollment .txtside .benefitlist .benefititem{display:flex;align-items:center;gap:16px;padding:16px;background:#9883fa0d;border-radius:16px;border:1px solid #9883fa1a}
.enrollment .txtside .benefitlist .benefititem .checkicon{flex-shrink:0;width:32px;height:32px;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:16px}
.enrollment .txtside .benefitlist .benefititem span{color:#fff;font-size:16px}
.enrollment .formside{background:linear-gradient(135deg,#1a1a2e 0%,#252540 100%);border-radius:28px;padding:48px;border:1px solid #9883fa33;box-shadow:0 16px 48px #0006}
.enrollment .formside h3{font-size:28px;color:#fff;margin-bottom:32px;font-weight:600}
.enrollment .formside .inputgroup{margin-bottom:24px}
.enrollment .formside .inputgroup label{display:block;color:#BCF6C8;font-size:14px;margin-bottom:10px;font-weight:500}
.enrollment .formside .inputgroup input,.enrollment .formside .inputgroup select{width:100%;padding:16px 20px;background:#0f0f1ecc;border:1px solid #9883fa33;border-radius:16px;color:#fff;font-size:16px;transition:all .3s ease-in-out}
.enrollment .formside .inputgroup input:focus,.enrollment .formside .inputgroup select:focus{outline:none;border-color:#9883FA;box-shadow:0 0 0 3px #9883fa26}
.enrollment .formside .inputgroup input::placeholder{color:#6b6b7a}
.enrollment .formside .btnsubmit{width:100%;padding:18px;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);color:#fff;border:none;border-radius:20px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 8px 24px #9883fa4d}
.enrollment .btnsubmit:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9883fa80}
.enrollment .formside .notetxt{margin-top:20px;font-size:13px;color:#8a8a9a;text-align:center;line-height:1.6}
@media (max-width: 1366px) {
.topblock{padding:60px 0 80px}
.topblock .maintitle{font-size:48px}
.topblock .imgpart{width:50%}
.modulesgrid{padding:80px 0}
.journeypath{padding:80px 0}
.enrollment{padding:100px 0}
.enrollment .contentgrid{gap:60px}
}
@media (max-width: 768px) {
.topblock{padding:40px 0 60px}
.topblock .wrappertop{padding:0 20px}
.topblock .txtpart{max-width:100%}
.topblock .imgpart{display:none}
.topblock .maintitle{font-size:36px}
.topblock .desctext{font-size:16px}
.modulesgrid{padding:60px 0}
.modulesgrid .wrapper{padding:0 20px}
.modulesgrid .sectionhd h2{font-size:32px}
.modulesgrid .gridlayout{grid-template-columns:1fr;gap:24px}
.journeypath{padding:60px 0}
.journeypath .wrapper{padding:0 20px}
.journeypath .hdtxt h2{font-size:32px}
.journeypath .stepitem{flex-direction:column;gap:24px;padding:32px 24px}
.journeypath .stepnumber{width:64px;height:64px;font-size:28px}
.enrollment{padding:80px 0}
.enrollment .wrapper{padding:0 20px}
.enrollment .contentgrid{grid-template-columns:1fr;gap:48px}
.enrollment .txtside h2{font-size:36px}
.enrollment .formside{padding:32px 24px}
}
@media (max-width: 375px) {
.topblock .maintitle{font-size:28px}
.topblock .btnstart{padding:14px 32px;font-size:15px}
.modulesgrid .sectionhd h2,.journeypath .hdtxt h2{font-size:28px}
.enrollment .txtside h2{font-size:32px}
.enrollment .formside h3{font-size:24px}
}
.succpgwrapper{background:linear-gradient(135deg,#0a0a0f 0%,#1a1525 50%,#0f0a15 100%);min-height:100vh;padding:0;margin:0}
.herotopsection{max-width:1440px;margin:0 auto;padding:80px 24px 100px;position:relative}
.herotopsection::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:600px;background:radial-gradient(circle,#9883fa26 0%,transparent 70%);pointer-events:none;z-index:0}
.imgwrappertop{position:relative;max-width:920px;margin:0 auto 56px;overflow:hidden;border-radius:24px;z-index:1}
.imgwrappertop::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 30%,#0a0a0fcc 100%);pointer-events:none}
.imgwrappertop img{width:100%;height:auto;display:block;filter:brightness(0.85) contrast(1.1)}
.textcontenttop{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:1}
.maintitletop{font-size:56px;font-weight:700;line-height:1.15;color:#fff;margin:0 0 32px;text-shadow:0 4px 24px #9883fa4d}
.maintitletop .pauseaccent{display:block;margin-top:12px;background:linear-gradient(90deg,#9883FA 0%,#CA5408 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.textcontenttop p{font-size:19px;line-height:1.65;color:#d4d4e0;margin:0 0 40px}
.btngrouptop{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnprimary{padding:16px 36px;background:linear-gradient(135deg,#9883FA 0%,#7b64e8 100%);color:#fff;text-decoration:none;border-radius:28px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-in-out;box-shadow:0 8px 24px #9883fa59;position:relative;z-index:10}
.btnprimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #9883fa80 0 0 40px #9883fa4d}
.btnsecondary{padding:16px 36px;background:transparent;color:#BCF6C8;text-decoration:none;border-radius:28px;font-size:17px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease-in-out;border:2px solid #BCF6C8;position:relative;z-index:10}
.btnsecondary:hover{background:#bcf6c81a;box-shadow:0 8px 24px #bcf6c840;transform:translateY(-3px)}
.gridstorysection{max-width:1440px;margin:0 auto;padding:100px 24px;background:linear-gradient(180deg,transparent 0%,#ca540808 50%,transparent 100%)}
.gridstorysection .sectionlabel{text-align:center;font-size:15px;font-weight:600;text-transform:uppercase;letter-spacing:2px;color:#CA5408;margin:0 0 16px}
.gridstorysection h2{text-align:center;font-size:44px;font-weight:700;line-height:1.2;color:#fff;margin:0 0 72px;max-width:700px;margin-left:auto;margin-right:auto}
.storygridcontainer{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;max-width:1200px;margin:0 auto}
.storycard{background:linear-gradient(135deg,#9883fa0d 0%,#ca54080d 100%);border:1px solid #9883fa33;border-radius:24px;padding:40px 32px;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.storycard::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#9883FA 0%,#CA5408 100%);opacity:0;transition:opacity .3s ease-in-out}
.storycard:hover::before{opacity:1}
.storycard:hover{transform:translateY(-6px);box-shadow:0 16px 48px #9883fa33;border-color:#9883fa66}
.storycard .quotemark{font-size:56px;line-height:1;color:#9883FA;opacity:.3;margin:0 0 20px}
.storycard p{font-size:17px;line-height:1.7;color:#c5c5d8;margin:0 0 32px}
.authorinfo{display:flex;align-items:center;gap:16px}
.authorinitials{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#fff;flex-shrink:0}
.authordetails h3{font-size:18px;font-weight:600;color:#fff;margin:0 0 4px}
.authordetails .authorrole{font-size:14px;color:#BCF6C8}
.metricsshowcase{max-width:1440px;margin:0 auto;padding:100px 24px;position:relative}
.metricsshowcase::before{content:'';position:absolute;bottom:0;right:10%;width:500px;height:500px;background:radial-gradient(circle,#bcf6c814 0%,transparent 70%);pointer-events:none}
.metricsgridlayout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;max-width:1200px;margin:0 auto}
.metricstext h2{font-size:48px;font-weight:700;line-height:1.15;color:#fff;margin:0 0 24px}
.metricstext h2 .highlighttext{background:linear-gradient(90deg,#CA5408 0%,#9883FA 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.metricstext p{font-size:18px;line-height:1.7;color:#d0d0dd;margin:0 0 20px}
.statsdisplay{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.statbox{background:linear-gradient(135deg,#9883fa14 0%,#ca540814 100%);border:1px solid #9883fa40;border-radius:20px;padding:32px 28px;position:relative;overflow:hidden}
.statbox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#9883FA 0%,#CA5408 100%)}
.statnumber{font-size:52px;font-weight:700;line-height:1;background:linear-gradient(135deg,#9883FA 0%,#BCF6C8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0 0 12px;display:block}
.statlabel{font-size:16px;color:#b8b8cc;line-height:1.4}
.progresstracker{display:flex;flex-direction:column;gap:28px}
.progressitem{position:relative;padding-left:52px}
.progressitem::before{content:'';position:absolute;left:0;top:0;width:36px;height:36px;border-radius:50%;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 4px 16px #9883fa66}
.progressitem:nth-child(1)::before{background:linear-gradient(135deg,#9883FA 0%,#7b64e8 100%)}
.progressitem:nth-child(2)::before{background:linear-gradient(135deg,#CA5408 0%,#e86c1a 100%)}
.progressitem:nth-child(3)::before{background:linear-gradient(135deg,#BCF6C8 0%,#98e6a8 100%)}
.progressitem h4{font-size:19px;font-weight:600;color:#fff;margin:0 0 8px}
.progressitem p{font-size:16px;line-height:1.6;color:#c0c0d4;margin:0}
@media (max-width: 1366px) {
.herotopsection{padding:60px 24px 80px}
.maintitletop{font-size:48px}
.gridstorysection h2{font-size:38px}
.metricstext h2{font-size:42px}
}
@media (max-width: 768px) {
.herotopsection{padding:40px 20px 60px}
.maintitletop{font-size:36px;margin-bottom:24px}
.textcontenttop p{font-size:17px;margin-bottom:32px}
.btngrouptop{flex-direction:column;align-items:stretch}
.btnprimary,.btnsecondary{justify-content:center}
.gridstorysection{padding:60px 20px}
.gridstorysection h2{font-size:32px;margin-bottom:48px}
.storygridcontainer{grid-template-columns:1fr;gap:24px}
.metricsshowcase{padding:60px 20px}
.metricsgridlayout{grid-template-columns:1fr;gap:40px}
.metricstext h2{font-size:32px}
.statsdisplay{grid-template-columns:1fr}
.statnumber{font-size:44px}
}
@media (max-width: 375px) {
.maintitletop{font-size:30px}
.textcontenttop p{font-size:16px}
.btnprimary,.btnsecondary{padding:14px 28px;font-size:16px}
.gridstorysection h2{font-size:28px}
.storycard{padding:32px 24px}
.metricstext h2{font-size:28px}
}
.mainwrap{background:#0a0714;min-height:100vh;position:relative;overflow:hidden}
.mainwrap::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 30%,#9883fa14 0%,transparent 50%),radial-gradient(circle at 80% 70%,#ca54080f 0%,transparent 50%);pointer-events:none}
.herobox{max-width:1440px;margin:0 auto;padding:80px 24px 100px;position:relative;z-index:1}
.herogrid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.herotextzone{position:relative}
.herotextzone::before{content:'';position:absolute;top:-20px;left:-20px;width:8px;height:8px;background:#9883FA;border-radius:50%;box-shadow:0 0 20px #9883fa99}
.herotextzone::after{content:'';position:absolute;bottom:-20px;right:-20px;width:6px;height:6px;background:#BCF6C8;border-radius:50%;box-shadow:0 0 16px #bcf6c880}
.herotitle{font-size:52px;line-height:1.2;color:#fff;margin:0 0 28px;font-weight:700}
.heroquery{font-size:20px;color:#9883FA;margin:0 0 12px;font-weight:600}
.heroanswer{font-size:16px;line-height:1.6;color:#b8b4c8;margin:0 0 24px}
.heroanswer:last-of-type{margin-bottom:40px}
.herobtnwrap{display:flex;gap:16px}
.mainbtn{display:inline-block;padding:16px 32px;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);color:#fff;text-decoration:none;border-radius:24px;font-weight:600;font-size:16px;transition:all .3s ease-in-out;box-shadow:0 8px 24px #9883fa4d;position:relative;z-index:10}
.mainbtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #9883fa80}
.secbtn{display:inline-block;padding:16px 32px;background:transparent;color:#9883FA;text-decoration:none;border-radius:24px;font-weight:600;font-size:16px;border:2px solid #9883FA;transition:all .3s ease-in-out;position:relative;z-index:10}
.secbtn:hover{background:#9883fa1a;box-shadow:0 0 24px #9883fa66}
.heroimgzone{position:relative}
.heroimgwrap{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 16px 48px #0009}
.heroimgwrap::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#9883fa33 0%,#ca54081a 100%);pointer-events:none;z-index:1}
.heroimg{width:100%;height:auto;display:block;filter:blur(0.8px) brightness(0.9)}
.partnerblock{background:#110d1f;position:relative;padding:100px 24px;margin-top:40px}
.partnerblock::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;height:2px;background:linear-gradient(90deg,transparent 0%,#9883FA 20%,#CA5408 50%,#9883FA 80%,transparent 100%)}
.partnercont{max-width:1440px;margin:0 auto}
.partnerhd{text-align:center;margin-bottom:60px}
.partnertitle{font-size:42px;line-height:1.3;color:#fff;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.partnertitle::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#9883FA 0%,#CA5408 100%)}
.partnersubtxt{font-size:18px;line-height:1.6;color:#9b97ab;max-width:680px;margin:0 auto}
.partnergridbox{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.partnercard{background:#1a1528;border-radius:24px;padding:40px 32px;border:1px solid #9883fa26;transition:all .3s ease-in-out;position:relative}
.partnercard::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border-radius:24px;background:linear-gradient(135deg,#9883fa0d 0%,#ca540808 100%);opacity:0;transition:opacity .3s ease-in-out;pointer-events:none}
.partnercard:hover::before{opacity:1}
.partnercard:hover{border-color:#9883FA;box-shadow:0 12px 40px #9883fa33;transform:translateY(-4px)}
.partnericonbox{width:56px;height:56px;background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 20px #9883fa4d}
.partnericonbox i{font-size:28px;color:#fff}
.partnercardtitle{font-size:22px;color:#fff;margin:0 0 16px;font-weight:700}
.partnercardtext{font-size:15px;line-height:1.7;color:#9b97ab;margin:0}
.audiencesec{background:#0a0714;padding:100px 24px;position:relative}
.audiencesec::before{content:'';position:absolute;top:50%;right:5%;width:400px;height:400px;background:radial-gradient(circle,#bcf6c80f 0%,transparent 70%);transform:translateY(-50%);pointer-events:none}
.audiencewrap{max-width:1440px;margin:0 auto}
.audiencehd{margin-bottom:60px}
.audiencetitle{font-size:42px;line-height:1.3;color:#fff;margin:0 0 20px;font-weight:700}
.audienceintro{font-size:18px;line-height:1.6;color:#9b97ab;max-width:720px}
.audiencelist{display:flex;flex-direction:column;gap:24px}
.audienceitem{background:#1a1528;border-radius:20px;padding:32px 40px;border-left:4px solid #9883FA;display:flex;align-items:flex-start;gap:24px;transition:all .3s ease-in-out;position:relative;overflow:hidden}
.audienceitem::before{content:'';position:absolute;top:0;right:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent 0%,#9883fa14 100%);transition:right .4s ease-in-out}
.audienceitem:hover::before{right:0}
.audienceitem:hover{border-left-color:#CA5408;box-shadow:0 8px 32px #9883fa26}
.audienceicon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#9883fa33 0%,#ca54081a 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}
.audienceicon i{font-size:24px;color:#9883FA}
.audiencecontent{flex:1;position:relative;z-index:1}
.audienceitemtitle{font-size:20px;color:#fff;margin:0 0 12px;font-weight:600}
.audienceitemtext{font-size:15px;line-height:1.7;color:#9b97ab;margin:0}
@media (max-width: 1366px) {
.herogrid{gap:48px}
.herotitle{font-size:46px}
.partnergridbox{gap:28px}
}
@media (max-width: 768px) {
.herogrid{grid-template-columns:1fr;gap:40px}
.herobox{padding:60px 20px 80px}
.herotitle{font-size:36px}
.heroquery{font-size:18px}
.heroanswer{font-size:15px}
.herobtnwrap{flex-direction:column}
.mainbtn,.secbtn{width:100%;text-align:center}
.partnergridbox{grid-template-columns:1fr;gap:24px}
.partnertitle,.audiencetitle{font-size:32px}
.partnerblock,.audiencesec{padding:80px 20px}
.audienceitem{flex-direction:column;padding:28px 24px}
}
@media (max-width: 375px) {
.herobox{padding:50px 16px 60px}
.herotitle{font-size:30px}
.mainbtn,.secbtn{padding:14px 24px;font-size:15px}
.partnertitle,.audiencetitle{font-size:28px}
.partnercard{padding:32px 24px}
}
.herobx{position:relative;width:100%;height:580px;overflow:hidden;background:linear-gradient(135deg,#1a1625 0%,#0d0a18 100%)}
.herobx img{width:100%;height:100%;object-fit:cover;opacity:.25;filter:saturate(0.4)}
.patternlayer{position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 35px,#9883fa08 35px,#9883fa08 70px)}
.floattxt{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;z-index:5;width:90%;max-width:720px}
.floattxt h1{font-size:3.2rem;color:#BCF6C8;margin:0 0 16px;line-height:1.2;font-weight:700;text-shadow:0 4px 20px #bcf6c84d}
.floattxt p{font-size:1.15rem;color:#ffffffd9;margin:0;line-height:1.6}
.contactwrap{max-width:1440px;margin:0 auto;padding:0 20px}
.twopart{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:100px 0;background:linear-gradient(180deg,#0d0a18 0%,#1a1625 100%)}
.infoside h2{font-size:2.4rem;color:#9883FA;margin:0 0 24px;font-weight:700;line-height:1.3}
.infoside p{font-size:1.05rem;color:#fffc;line-height:1.7;margin:0 0 40px}
.detailitem{margin-bottom:32px;padding:24px;background:#9883fa0d;border-left:4px solid #9883FA;border-radius:0 16px 16px 0;transition:all .3s ease-in-out}
.detailitem:hover{background:#9883fa1a;box-shadow:0 8px 24px #9883fa26;transform:translateX(8px)}
.detailitem h3{font-size:1.1rem;color:#BCF6C8;margin:0 0 12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}
.detailitem a{font-size:1.15rem;color:#ffffffe6;text-decoration:none;display:inline-block;transition:all .3s ease-in-out}
.detailitem a:hover{color:#9883FA;text-shadow:0 0 12px #9883fa99}
.formside{background:#ca54080a;padding:48px;border-radius:24px;box-shadow:0 12px 48px #0000004d inset 0 1px 0 #9883fa1a}
.formside h2{font-size:2rem;color:#CA5408;margin:0 0 32px;font-weight:700}
.inputgrp{margin-bottom:28px}
.inputgrp label{display:block;font-size:.95rem;color:#ffffffbf;margin-bottom:8px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.inputgrp input,.inputgrp textarea{width:100%;padding:16px 20px;background:#0d0a1899;border:2px solid #9883fa33;border-radius:12px;color:#fff;font-size:1rem;transition:all .3s ease-in-out;box-shadow:inset 0 2px 8px #0000004d}
.inputgrp input:focus,.inputgrp textarea:focus{outline:none;border-color:#9883FA;box-shadow:0 0 0 4px #9883fa26 inset 0 2px 8px #0000004d;background:#0d0a18cc}
.inputgrp input::placeholder,.inputgrp textarea::placeholder{color:#fff6}
.radioset{margin-bottom:32px}
.radioset p{font-size:.95rem;color:#ffffffbf;margin:0 0 16px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}
.radiowrap{display:flex;gap:24px;flex-wrap:wrap}
.radioopt{position:relative}
.radioopt input[type="radio"]{position:absolute;opacity:0;width:0;height:0}
.radioopt label{display:inline-block;padding:12px 24px;background:#0d0a1880;border:2px solid #9883fa4d;border-radius:20px;color:#fffc;cursor:pointer;transition:all .3s ease-in-out;font-size:.95rem;font-weight:500}
.radioopt input[type="radio"]:checked + label{background:linear-gradient(135deg,#9883FA 0%,#CA5408 100%);border-color:#9883FA;color:#fff;box-shadow:0 6px 20px #9883fa66}
.radioopt label:hover{border-color:#9883FA;box-shadow:0 4px 16px #9883fa33}
.checkwrap{margin:32px 0;display:flex;align-items:flex-start;gap:12px}
.checkwrap input[type="checkbox"]{width:20px;height:20px;margin-top:2px;cursor:pointer;accent-color:#9883FA}
.checkwrap label{font-size:.9rem;color:#ffffffb3;line-height:1.6;cursor:pointer}
.checkwrap label a{color:#BCF6C8;text-decoration:underline;transition:color .3s ease-in-out}
.checkwrap label a:hover{color:#9883FA}
.submitbtn{width:100%;padding:18px 32px;background:linear-gradient(135deg,#CA5408 0%,#9883FA 100%);border:none;border-radius:16px;color:#fff;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;cursor:pointer;transition:all .3s ease-in-out;box-shadow:0 8px 24px #ca54084d;position:relative;z-index:10}
.submitbtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ca540880 0 0 24px #9883fa66}
.submitbtn:active{transform:translateY(0)}
.resourcebox{background:linear-gradient(180deg,#1a1625 0%,#0d0a18 100%);padding:100px 0}
.resourceinner{max-width:1440px;margin:0 auto;padding:0 20px}
.resourceinner h2{font-size:2.6rem;color:#BCF6C8;text-align:center;margin:0 0 60px;font-weight:700;line-height:1.3}
.linklist{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.linkcard{background:#9883fa0f;padding:40px 32px;border-radius:24px;border:2px solid #9883fa26;transition:all .3s ease-in-out;text-align:center}
.linkcard:hover{background:#9883fa1a;border-color:#9883FA;box-shadow:0 12px 40px #9883fa33;transform:translateY(-6px)}
.linkcard h3{font-size:1.5rem;color:#9883FA;margin:0 0 16px;font-weight:700}
.linkcard p{font-size:1rem;color:#ffffffbf;line-height:1.6;margin:0 0 28px}
.linkcard a{display:inline-block;padding:14px 32px;background:linear-gradient(135deg,#CA5408 0%,#9883FA 100%);color:#fff;text-decoration:none;border-radius:16px;font-weight:600;font-size:1rem;transition:all .3s ease-in-out;box-shadow:0 6px 20px #ca540840}
.linkcard a:hover{transform:scale(1.05);box-shadow:0 8px 28px #ca540866 0 0 20px #9883fa4d}
@media (max-width: 1366px) {
.herobx{height:480px}
.floattxt h1{font-size:2.8rem}
.twopart{gap:60px;padding:80px 0}
}
@media (max-width: 768px) {
.herobx{height:400px}
.floattxt h1{font-size:2.2rem}
.floattxt p{font-size:1rem}
.twopart{grid-template-columns:1fr;gap:48px;padding:60px 0}
.formside{padding:32px 24px}
.radiowrap{flex-direction:column;gap:16px}
.linklist{grid-template-columns:1fr}
.resourceinner h2{font-size:2rem}
}
@media (max-width: 375px) {
.herobx{height:340px}
.floattxt h1{font-size:1.8rem}
.infoside h2,.formside h2{font-size:1.8rem}
.formside{padding:24px 20px}
.detailitem{padding:20px}
}
.pagehero{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:3rem;padding:4rem 2rem;background:linear-gradient(135deg,#0a0a0f 0%,#1a0d2e 100%);position:relative;overflow:hidden}
.pagehero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#9883fa26 0%,transparent 70%);border-radius:50%;pointer-events:none}
.pagehero .imgbox{flex:0 0 40%;position:relative}
.pagehero .imgbox img{width:100%;height:auto;display:block;border-radius:24px;filter:grayscale(100%) contrast(1.2);mix-blend-mode:luminosity;opacity:.85}
.pagehero .imgbox::after{content:'';position:absolute;inset:0;background:linear-gradient(45deg,#9883fa99,#ca540899);mix-blend-mode:color;border-radius:24px;pointer-events:none}
.pagehero .txtcontent{flex:1;position:relative;z-index:2}
.pagehero .txtcontent h1{font-size:3.5rem;font-weight:700;color:#BCF6C8;margin:0 0 1.5rem;line-height:1.1;text-shadow:0 0 20px #bcf6c84d}
.pagehero .txtcontent .subline{font-size:1.25rem;color:#9883FA;margin-bottom:2rem;line-height:1.6;font-weight:500}
.pagehero .txtcontent .maindesc{font-size:1.05rem;color:#ffffffd9;line-height:1.75;margin-bottom:0}
.decorshape{position:absolute;bottom:10%;left:5%;width:120px;height:120px;background:linear-gradient(135deg,#CA5408,#9883FA);border-radius:50%;opacity:.1;filter:blur(40px)}
.storyblock{max-width:1440px;margin:0 auto;padding:5rem 2rem;background:#0f0f14;position:relative}
.storyblock .gridwrap{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:start}
.storyblock .leftcol h2{font-size:2.5rem;font-weight:700;color:#fff;margin:0 0 1.5rem;position:relative;display:inline-block}
.storyblock .leftcol h2::before{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:4px;background:linear-gradient(90deg,#9883FA,#CA5408);border-radius:2px}
.storyblock .leftcol .narrative{font-size:1.1rem;color:#fffc;line-height:1.8;margin-bottom:2rem}
.storyblock .leftcol .narrative:last-child{margin-bottom:0}
.storyblock .rightcol{background:linear-gradient(135deg,#1a1a24 0%,#0d0d12 100%);padding:3rem;border-radius:28px;border:2px solid #9883fa33;box-shadow:0 8px 32px #9883fa26 inset 0 1px 0 #ffffff0d;position:relative}
.storyblock .rightcol::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#9883FA,#CA5408);border-radius:28px;opacity:0;transition:opacity .4s ease-in-out;z-index:-1}
.storyblock .rightcol:hover::before{opacity:.2}
.storyblock .rightcol h3{font-size:1.5rem;color:#BCF6C8;margin:0 0 1.5rem;font-weight:600}
.storyblock .rightcol .highlight{font-size:1rem;color:#ffffffbf;line-height:1.7;margin-bottom:1.5rem}
.storyblock .rightcol .datalist{list-style:none;padding:0;margin:0}
.storyblock .rightcol .datalist li{padding:1rem 0;border-bottom:1px solid #9883fa26;display:flex;align-items:center;gap:1rem;color:#ffffffd9;font-size:.95rem}
.storyblock .rightcol .datalist li:last-child{border-bottom:none}
.storyblock .rightcol .datalist li::before{content:'';width:8px;height:8px;background:linear-gradient(135deg,#9883FA,#CA5408);border-radius:50%;flex-shrink:0;box-shadow:0 0 10px #9883fa99}
.teamarea{max-width:1440px;margin:0 auto;padding:5rem 2rem;background:linear-gradient(180deg,#0f0f14 0%,#1a0d2e 100%);position:relative}
.teamarea::before{content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#9883FA,transparent)}
.teamarea .sectionhead{text-align:center;margin-bottom:4rem}
.teamarea .sectionhead h2{font-size:2.8rem;font-weight:700;color:#fff;margin:0 0 1rem}
.teamarea .sectionhead .intro{font-size:1.15rem;color:#ffffffb3;max-width:700px;margin:0 auto;line-height:1.7}
.teamarea .memberslist{display:grid;grid-template-columns:repeat(3,1fr);gap:2.5rem}
.teamarea .personcard{background:#1a1a2499;border-radius:24px;padding:2.5rem 2rem;border:1px solid #9883fa33;transition:all .4s ease-in-out;position:relative;backdrop-filter:blur(10px)}
.teamarea .personcard::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#9883FA,#CA5408);border-radius:24px 24px 0 0;opacity:0;transition:opacity .4s ease-in-out}
.teamarea .personcard:hover{transform:translateY(-8px);box-shadow:0 12px 40px #9883fa40;border-color:#9883FA}
.teamarea .personcard:hover::before{opacity:1}
.teamarea .personcard h3{font-size:1.5rem;color:#BCF6C8;margin:0 0 .5rem;font-weight:600}
.teamarea .personcard .role{font-size:1rem;color:#9883FA;margin-bottom:1.5rem;font-weight:500}
.teamarea .personcard .bio{font-size:.95rem;color:#ffffffbf;line-height:1.7;margin:0}
.approachsection{max-width:1440px;margin:0 auto;padding:5rem 2rem;background:#0a0a0f;position:relative;overflow:hidden}
.approachsection::after{content:'';position:absolute;bottom:-100px;right:-100px;width:400px;height:400px;background:radial-gradient(circle,#ca54081a 0%,transparent 70%);border-radius:50%;pointer-events:none}
.approachsection .contentwrapper{display:grid;grid-template-columns:45% 1fr;gap:4rem;align-items:center}
.approachsection .imageside{position:relative}
.approachsection .imageside img{width:100%;height:auto;display:block;border-radius:28px;box-shadow:0 16px 48px #0006}
.approachsection .imageside::before{content:'';position:absolute;inset:-12px;background:linear-gradient(135deg,#9883FA,#CA5408);border-radius:32px;opacity:.15;z-index:-1;filter:blur(20px)}
.approachsection .textside h2{font-size:2.6rem;font-weight:700;color:#fff;margin:0 0 2rem;position:relative;padding-left:1.5rem}
.approachsection .textside h2::before{content:'';position:absolute;left:0;top:0;bottom:0;width:6px;background:linear-gradient(180deg,#9883FA,#CA5408);border-radius:3px}
.approachsection .textside .methodlist{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:1.5rem}
.approachsection .textside .methodlist li{background:#1a1a2480;padding:1.5rem 2rem;border-radius:16px;border-left:4px solid #9883FA;transition:all .3s ease-in-out;position:relative}
.approachsection .textside .methodlist li:hover{background:#9883fa1a;border-left-color:#BCF6C8;transform:translateX(8px)}
.approachsection .textside .methodlist li h4{font-size:1.25rem;color:#BCF6C8;margin:0 0 .75rem;font-weight:600}
.approachsection .textside .methodlist li p{font-size:.95rem;color:#ffffffbf;line-height:1.6;margin:0}
@media (max-width: 1366px) {
.pagehero{gap:2.5rem;padding:3.5rem 1.5rem}
.pagehero .txtcontent h1{font-size:3rem}
.storyblock .gridwrap{gap:3rem}
.approachsection .contentwrapper{gap:3rem}
}
@media (max-width: 768px) {
.pagehero{flex-direction:column;padding:3rem 1.5rem}
.pagehero .imgbox{flex:0 0 100%;width:100%}
.pagehero .txtcontent h1{font-size:2.25rem}
.pagehero .txtcontent .subline{font-size:1.1rem}
.storyblock{padding:3.5rem 1.5rem}
.storyblock .gridwrap{grid-template-columns:1fr;gap:2.5rem}
.storyblock .leftcol h2{font-size:2rem}
.teamarea{padding:3.5rem 1.5rem}
.teamarea .sectionhead h2{font-size:2.2rem}
.teamarea .memberslist{grid-template-columns:1fr;gap:2rem}
.approachsection{padding:3.5rem 1.5rem}
.approachsection .contentwrapper{grid-template-columns:1fr;gap:2.5rem}
.approachsection .textside h2{font-size:2.1rem}
}
@media (max-width: 375px) {
.pagehero{padding:2rem 1rem}
.pagehero .txtcontent h1{font-size:1.85rem}
.storyblock{padding:2.5rem 1rem}
.storyblock .rightcol{padding:2rem 1.5rem}
.teamarea{padding:2.5rem 1rem}
.teamarea .sectionhead h2{font-size:1.9rem}
.approachsection{padding:2.5rem 1rem}
.approachsection .textside h2{font-size:1.8rem}
}
.successbox{background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1e 100%);min-height:80vh;display:flex;align-items:center;justify-content:center;padding:60px 20px;position:relative;overflow:hidden}
.successbox::before{content:'';position:absolute;width:500px;height:500px;border-radius:50%;background:radial-gradient(circle,#9883fa26 0%,transparent 70%);top:-200px;right:-150px;pointer-events:none}
.successbox::after{content:'';position:absolute;width:400px;height:400px;border-radius:50%;background:radial-gradient(circle,#ca54081f 0%,transparent 70%);bottom:-150px;left:-100px;pointer-events:none}
.successcontent{max-width:680px;width:100%;text-align:center;position:relative;z-index:2}
.successicon{width:140px;height:140px;margin:0 auto 35px;position:relative}
.successicon svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #9883fa66)}
.checkpath{stroke:#9883FA;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:200;stroke-dashoffset:200;animation:drawcheck 1.2s ease-in-out forwards}
@keyframes drawcheck {
to{stroke-dashoffset:0}
}
.successcircle{stroke:#BCF6C8;stroke-width:3;fill:none;opacity:0;animation:fadecircle .6s ease-in-out .4s forwards}
@keyframes fadecircle {
to{opacity:1}
}
.successheader{font-size:48px;font-weight:700;color:#fff;margin:0 0 20px;letter-spacing:-.5px}
.successtext{font-size:19px;line-height:1.7;color:#b8b8c8;margin:0 0 45px}
.successactionbox{display:flex;flex-direction:column;gap:18px;align-items:center}
.btnprimary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#9883FA 0%,#7a5de6 100%);color:#fff;font-size:17px;font-weight:600;padding:16px 42px;border-radius:24px;text-decoration:none;transition:all .3s ease-in-out;box-shadow:0 6px 20px #9883fa4d;position:relative;z-index:10}
.btnprimary:hover{transform:translateY(-3px);box-shadow:0 10px 28px #9883fa73;background:linear-gradient(135deg,#a898ff 0%,#8b6ef0 100%)}
.btnsecondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:transparent;color:#BCF6C8;font-size:16px;font-weight:500;padding:14px 36px;border-radius:22px;text-decoration:none;transition:all .3s ease-in-out;border:2px solid #bcf6c84d;position:relative;z-index:10}
.btnsecondary:hover{border-color:#BCF6C8;background:#bcf6c814;color:#d4ffdb}
.contactinfo{background:#1e1e3299;border:1px solid #9883fa33;border-radius:28px;padding:50px 40px;max-width:1200px;width:100%;margin:0 auto}
.contactgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:35px}
.contactcard{background:#141423b3;border-radius:20px;padding:32px 28px;border:1px solid #9883fa26;transition:all .3s ease-in-out;text-align:center}
.contactcard:hover{border-color:#9883FA;box-shadow:0 8px 24px #9883fa33;transform:translateY(-4px)}
.contacticonbox{width:70px;height:70px;margin:0 auto 22px;background:linear-gradient(135deg,#9883fa33 0%,#ca540826 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;color:#9883FA}
.contactlabel{font-size:15px;font-weight:500;color:#8888a8;margin:0 0 10px;text-transform:uppercase;letter-spacing:.8px}
.contactvalue{font-size:18px;font-weight:600;color:#fff;margin:0 0 6px;word-break:break-word}
.contactlink{color:#BCF6C8;text-decoration:none;transition:all .3s ease-in-out;display:inline-block}
.contactlink:hover{color:#d4ffdb;text-decoration:underline}
.contactdesc{font-size:14px;color:#9898b0;margin:8px 0 0}
@media (max-width: 768px) {
.successbox{padding:40px 20px;min-height:70vh}
.successicon{width:100px;height:100px;margin-bottom:25px}
.successheader{font-size:34px}
.successtext{font-size:17px;margin-bottom:35px}
.btnprimary{width:100%;padding:15px 30px}
.btnsecondary{width:100%;padding:13px 28px}
.contactinfo{padding:35px 25px}
.contactgrid{grid-template-columns:1fr;gap:25px}
}
@media (max-width: 375px) {
.successheader{font-size:28px}
.successtext{font-size:16px}
.contactcard{padding:25px 20px}
.contacticonbox{width:60px;height:60px;font-size:28px}
}