@import "https://cdn.jsdelivr.net/npm/@fontsource/pt-serif@latest/400.css";
@import "https://cdn.jsdelivr.net/npm/@fontsource/pt-serif@latest/700.css";
*{margin:0;padding:0;box-sizing:border-box}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:'PT Serif',serif;background:#FEFEFE;color:#160822;line-height:1.6;overflow-x:hidden}
body::-webkit-scrollbar{width:9px}
body::-webkit-scrollbar-track{background:#a646e01a;border-radius:10px}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#A646E0 0%,#160822 100%);border-radius:10px}
body::-webkit-scrollbar-thumb:hover{background:#A646E0}
.mainheader{background:linear-gradient(135deg,#FEFEFE 0%,#F5E6FF 50%,#FEFEFE 100%);border-bottom:3px solid #160822;box-shadow:0 8px 20px #a646e026;padding:0}
.header-wrapper-v1{max-width:1280px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:25px 40px;gap:40px}
.logobox{display:flex;align-items:center;gap:18px;flex:0 0 auto}
.logoimg{width:110px;height:110px;object-fit:contain;background:#a646e00d;padding:12px;border-radius:12px;box-shadow:0 4px 12px #1608221a}
.company-title-v2{font-size:32px;font-weight:700;color:#160822;letter-spacing:-.5px}
.rightsection{display:flex;flex-direction:column;align-items:flex-end;gap:12px;flex:1}
.tagline-text{font-size:15px;color:#A646E0;font-style:italic;letter-spacing:.3px}
.navmain{display:flex;gap:8px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.navlink{padding:14px 26px;background:#160822;color:#FEFEFE;text-decoration:none;font-size:16px;font-weight:400;border-radius:10px;transition:all .3s ease-in-out;box-shadow:0 4px 10px #a646e033;border:2px solid transparent}
.navlink:hover{background:#A646E0;color:#FEFEFE;border-color:#160822}
.navlink.home-active{background:linear-gradient(135deg,#A646E0 0%,#160822 100%);box-shadow:0 6px 16px #a646e059}
main{min-height:200px}
.footer-main{background:linear-gradient(90deg,#160822 0%,#2D1042 50%,#160822 100%);color:#FEFEFE;padding:50px 40px 30px;margin-top:80px;border-top:4px solid #A646E0}
.footercontent{max-width:1280px;margin:0 auto}
.footer-sections{display:flex;justify-content:space-between;align-items:flex-start;gap:60px;margin-bottom:40px;flex-wrap:wrap}
.footersection{flex:1;min-width:240px}
.footer-heading{font-size:20px;font-weight:700;margin-bottom:18px;color:#A646E0;letter-spacing:.5px}
.footerlinks{list-style:none;display:flex;flex-direction:column;gap:12px}
.footerlink{color:#FEFEFE;text-decoration:none;font-size:15px;transition:color .3s ease-in-out;display:inline-block}
.footerlink:hover{color:#A646E0}
.contact-info-box p{margin-bottom:10px;font-size:15px;line-height:1.7}
.contact-info-box .f7-icons{margin-right:8px;font-size:18px;vertical-align:middle;color:#A646E0}
.copyright-bar{text-align:center;padding-top:30px;border-top:1px solid #a646e04d;font-size:14px;color:#fefefeb3}
.cookie-popup{position:fixed;bottom:0;left:0;width:100%;background:linear-gradient(135deg,#160822 0%,#2D1042 100%);color:#FEFEFE;padding:28px 40px;box-shadow:0 -6px 24px #a646e066;border-top:3px solid #A646E0;transform:translateX(-100%);transition:transform .5s ease-in-out;z-index:9999;display:none}
.cookie-popup[data-visible="true"]{display:block;transform:translateX(0)}
.cookie-popup[data-visible="false"]{transform:translateX(-100%)}
.ckwrap{max-width:1280px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.cktxt{flex:1;min-width:300px;font-size:15px;line-height:1.6}
.cktxt a{color:#A646E0;text-decoration:underline}
.cktxt a:hover{color:#FEFEFE}
.ckactions{display:flex;gap:15px;flex-wrap:wrap}
.ckbtn{padding:12px 28px;font-size:15px;font-weight:700;border:2px solid #FEFEFE;border-radius:10px;cursor:pointer;transition:all .3s ease-in-out;font-family:'PT Serif',serif}
.ckaccept{background:#A646E0;color:#FEFEFE;border-color:#A646E0}
.ckaccept:hover{background:#FEFEFE;color:#A646E0}
.ckdecline{background:transparent;color:#FEFEFE}
.ckdecline:hover{background:#FEFEFE;color:#160822}
.cksettings{background:transparent;color:#A646E0;border-color:#A646E0}
.cksettings:hover{background:#A646E0;color:#FEFEFE}
.ckpanel{display:none;margin-top:20px;padding:20px;background:#fefefe1a;border-radius:10px;border:1px solid #a646e04d}
.ckpanel[data-open="true"]{display:block}
.ckcategory{margin-bottom:15px;display:flex;align-items:center;gap:12px}
.ckcategory input[type="checkbox"]{width:20px;height:20px;cursor:pointer;accent-color:#A646E0}
.ckcategory input[type="checkbox"]:disabled{cursor:not-allowed;opacity:.6}
.ckcategory label{font-size:15px;cursor:pointer}
.ckinfo{margin-top:20px;padding:15px;background:#a646e033;border-radius:8px;font-size:14px;line-height:1.5}
@media (max-width: 1024px) {
.header-wrapper-v1{flex-direction:column;align-items:center;padding:20px 30px}
.rightsection{align-items:center;width:100%}
.navmain{justify-content:center;width:100%}
.footer-sections{flex-direction:column;gap:40px}
}
@media (max-width: 768px) {
.header-wrapper-v1{padding:18px 20px}
.logobox{flex-direction:column;text-align:center;gap:12px}
.logoimg{width:90px;height:90px}
.company-title-v2{font-size:26px}
.navmain{flex-direction:column;width:100%}
.navlink{width:100%;text-align:center;padding:12px 20px}
.ckwrap{flex-direction:column;align-items:stretch}
.ckactions{flex-direction:column}
.ckbtn{width:100%}
}
@media (max-width: 480px) {
.header-wrapper-v1{padding:15px}
.company-title-v2{font-size:22px}
.tagline-text{font-size:13px}
.footer-main{padding:35px 20px 20px}
.cookie-popup{padding:20px 15px}
}
.legal-content{max-width:1280px;margin:0 auto;padding:80px 24px;background:#FEFEFE}
.legal-content p{font-size:16px;line-height:1.8;color:#160822;margin:0 0 20px;font-weight:400}
.legal-content p + p{margin-top:16px}
.legal-content ul,.legal-content ol{margin:0 0 24px;padding:0 0 0 28px}
.legal-content ul{list-style-type:disc}
.legal-content ol{list-style-type:decimal}
.legal-content li{font-size:16px;line-height:1.8;color:#160822;margin:0 0 12px;padding-left:8px}
.legal-content li p{margin:0 0 8px}
.legal-content li:last-child{margin-bottom:0}
.legal-content ul ul,.legal-content ol ol,.legal-content ul ol,.legal-content ol ul{margin:12px 0 0}
.legal-content strong,.legal-content b{font-weight:700;color:#160822}
.legal-content em,.legal-content i{font-style:italic;color:#160822}
.legal-content table{width:100%;border-collapse:collapse;margin:32px 0;background:#FEFEFE;border:1px solid #16082226;border-radius:12px;overflow:hidden}
.legal-content thead{background:linear-gradient(135deg,#160822 0%,#A646E0 100%)}
.legal-content thead tr{border-bottom:2px solid #a646e04d}
.legal-content tbody tr{border-bottom:1px solid #1608221a;transition:background .3s ease-in-out}
.legal-content tbody tr:last-child{border-bottom:none}
.legal-content tbody tr:hover{background:#a646e00d}
.legal-content th,.legal-content td{padding:16px 20px;text-align:left;font-size:15px;line-height:1.6}
.legal-content th{font-weight:700;color:#FEFEFE;font-size:15px;text-transform:uppercase;letter-spacing:.5px}
.legal-content td{color:#160822;font-weight:400}
.legal-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent 0%,#a646e066 50%,transparent 100%);margin:48px 0}
@media (max-width: 1024px) {
.legal-content{padding:60px 20px}
.legal-content p,.legal-content li{font-size:15px;line-height:1.75}
.legal-content th,.legal-content td{padding:14px 16px;font-size:14px}
}
@media (max-width: 768px) {
.legal-content{padding:48px 16px}
.legal-content p{margin:0 0 16px}
.legal-content ul,.legal-content ol{padding:0 0 0 24px;margin:0 0 20px}
.legal-content li{margin:0 0 10px}
.legal-content table{margin:24px 0;border-radius:8px;font-size:14px}
.legal-content th,.legal-content td{padding:12px;font-size:13px}
.legal-content th{font-size:13px}
.legal-content hr{margin:32px 0}
}
@media (max-width: 480px) {
.legal-content{padding:40px 12px}
.legal-content p,.legal-content li{font-size:14px;line-height:1.7}
.legal-content ul,.legal-content ol{padding:0 0 0 20px}
.legal-content table{display:block;overflow-x:auto;margin:20px -12px;border-radius:0;border-left:none;border-right:none}
.legal-content th,.legal-content td{padding:10px 12px;font-size:12px;white-space:nowrap}
}
.titlehero{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;background:linear-gradient(135deg,#FEFEFE 0%,#f0e6f7 50%,#e8d4f2 100%);animation:gradientshift 8s ease-in-out infinite}
@keyframes gradientshift {
0%,100%{background-position:0 50%}
50%{background-position:100% 50%}
}
.titlehero::before{content:'';position:absolute;top:-50%;right:-10%;width:60%;height:200%;background:linear-gradient(282deg,#A646E0 0%,#e8d4f2 100%);clip-path:polygon(25% 0%,100% 0%,75% 100%,0% 100%);opacity:.15}
.heroimgwrap{position:absolute;right:0;top:0;width:48%;height:100%;clip-path:polygon(15% 0%,100% 0%,100% 100%,0% 100%)}
.heroimgwrap img{width:100%;height:100%;object-fit:cover}
.herotextcontent{max-width:1280px;margin:0 auto;padding:80px 30px;position:relative;z-index:2;width:100%}
.herotextinner{max-width:520px}
.herotextinner h1{font-size:48px;line-height:1.15;color:#160822;margin:0 0 24px;font-weight:700}
.herotextinner p{font-size:19px;line-height:1.6;color:#160822;margin:0 0 32px;opacity:.85}
.btnhero{display:inline-block;padding:16px 38px;background:linear-gradient(135deg,#A646E0 0%,#160822 100%);color:#FEFEFE;text-decoration:none;border-radius:12px;font-size:17px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 8px 20px #a646e040}
.btnhero:hover{transform:translateY(-3px);box-shadow:0 12px 28px #a646e059}
.programdetailsection{padding:90px 30px;background:#FEFEFE}
.detailscontainer{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:start}
.contentcolumn h2{font-size:38px;line-height:1.25;color:#160822;margin:0 0 28px;font-weight:700}
.contentcolumn h2::after{content:'';display:block;width:80px;height:4px;background:linear-gradient(90deg,#A646E0 0%,#160822 100%);margin-top:18px;border-radius:8px}
.textblock-v1{margin-bottom:32px}
.textblock-v1 p{font-size:17px;line-height:1.7;color:#160822;margin:0 0 16px;opacity:.8}
.keypoints-box{background:linear-gradient(135deg,#f9f4fd 0%,#FEFEFE 100%);border-left:4px solid #A646E0;padding:28px 32px;border-radius:12px;margin-top:36px}
.keypoints-box h3{font-size:21px;color:#160822;margin:0 0 20px;font-weight:600}
.pointslist{list-style:none;padding:0;margin:0}
.pointslist li{padding:12px 0;font-size:16px;line-height:1.6;color:#160822;opacity:.85;position:relative;padding-left:32px}
.pointslist li::before{content:'';position:absolute;left:0;top:18px;width:12px;height:12px;background:#A646E0;border-radius:50%}
.visualcolumn{position:relative}
.statsbox-v2{background:#FEFEFE;border-radius:14px;padding:32px;box-shadow:0 8px 24px #16082214;margin-bottom:24px}
.statitem{padding:20px 0;border-bottom:1px solid #f0e6f7}
.statitem:last-child{border-bottom:none}
.statlabel{font-size:15px;color:#160822;opacity:.7;margin-bottom:10px}
.statvalue{font-size:32px;font-weight:700;color:#A646E0;margin-bottom:8px}
.statbar{height:8px;background:#f0e6f7;border-radius:8px;overflow:hidden}
.statbarfill{height:100%;background:linear-gradient(90deg,#A646E0 0%,#160822 100%);border-radius:8px;transition:width .8s ease-in-out}
.imagebox-v1{border-radius:14px;overflow:hidden;box-shadow:0 10px 30px #1608221f}
.imagebox-v1 img{width:100%;height:auto;display:block}
.processstructuresection{padding:90px 30px;background:linear-gradient(180deg,#FEFEFE 0%,#f9f4fd 100%)}
.processwrapper{max-width:1280px;margin:0 auto}
.processwrapper h2{font-size:38px;line-height:1.25;color:#160822;margin:0 0 20px;font-weight:700;text-align:center}
.processintro{font-size:18px;line-height:1.6;color:#160822;opacity:.75;text-align:center;max-width:720px;margin:0 auto 60px}
.phasegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:50px}
.phasecardbox{background:#FEFEFE;border-radius:14px;padding:36px 28px;box-shadow:0 6px 18px #16082214;transition:all .3s ease-in-out;border-top:4px solid transparent}
.phasecardbox:hover{transform:translateY(-6px);box-shadow:0 12px 32px #a646e02e;border-top-color:#A646E0}
.phasenumber{display:inline-block;width:50px;height:50px;background:linear-gradient(135deg,#A646E0 0%,#160822 100%);color:#FEFEFE;border-radius:50%;text-align:center;line-height:50px;font-size:22px;font-weight:700;margin-bottom:20px}
.phasecardbox h3{font-size:22px;color:#160822;margin:0 0 16px;font-weight:600}
.phasecardbox p{font-size:16px;line-height:1.65;color:#160822;opacity:.8;margin:0}
.benefitsgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.benefititem{background:#FEFEFE;padding:24px;border-radius:12px;border-left:3px solid #A646E0;box-shadow:0 4px 12px #1608220f}
.benefititem h4{font-size:18px;color:#160822;margin:0 0 10px;font-weight:600}
.benefititem p{font-size:15px;line-height:1.6;color:#160822;opacity:.8;margin:0}
@media (max-width: 1024px) {
.heroimgwrap{width:55%;clip-path:polygon(20% 0%,100% 0%,100% 100%,0% 100%)}
.detailscontainer{grid-template-columns:1fr;gap:50px}
.phasegrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.titlehero{min-height:460px}
.heroimgwrap{opacity:.3;width:100%;clip-path:none}
.herotextcontent{padding:60px 20px}
.herotextinner{max-width:100%}
.herotextinner h1{font-size:36px;margin-bottom:18px}
.herotextinner p{font-size:17px;margin-bottom:26px}
.programdetailsection{padding:60px 20px}
.detailscontainer{gap:40px}
.contentcolumn h2{font-size:30px;margin-bottom:20px}
.textblock-v1 p{font-size:16px}
.keypoints-box{padding:22px 24px}
.processstructuresection{padding:60px 20px}
.processwrapper h2{font-size:30px}
.processintro{font-size:16px;margin-bottom:40px}
.phasegrid{grid-template-columns:1fr;gap:24px}
.benefitsgrid{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.herotextinner h1{font-size:28px}
.btnhero{padding:14px 32px;font-size:16px}
.statvalue{font-size:26px}
}
.titlehero{position:relative;min-height:580px;overflow:hidden;display:flex;align-items:center}
.titlehero .bgimg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.4)}
.titlehero .contentzone{position:relative;z-index:2;max-width:1280px;width:90%;margin:0 auto;padding:80px 20px}
.titlehero .maintitle{font-size:3.2rem;font-weight:700;color:#FEFEFE;margin:0 0 24px;line-height:1.2}
.titlehero .subdesc{font-size:1.3rem;color:#FEFEFE;line-height:1.7;max-width:720px;margin:0;opacity:.95}
.wavedivider{width:100%;height:80px;background:linear-gradient(180deg,#FEFEFE 0%,#f5f5f5 100%);clip-path:polygon(0 0,100% 0,100% 40%,0 100%);margin-top:-40px;position:relative;z-index:3}
.accessblock{background:linear-gradient(135deg,#f8f4fc 0%,#fff 100%);padding:90px 20px}
.accessblock .wrapbox{max-width:1280px;margin:0 auto}
.accessblock .sectionhead{text-align:center;margin-bottom:70px}
.accessblock .sectionhead h2{font-size:2.6rem;color:#160822;margin:0 0 18px;font-weight:700}
.accessblock .sectionhead .tagline{font-size:1.15rem;color:#6b4b7d;margin:0;line-height:1.6}
.privilegegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.privilegecard{background:#fff;border-radius:12px;padding:36px 28px;box-shadow:0 4px 18px #a646e014;transition:all .3s ease;border:1px solid #a646e01f}
.privilegecard:hover{transform:translateY(-6px);box-shadow:0 8px 28px #a646e026}
.privilegecard .iconwrap{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,#A646E0 0%,#8a2dc2 100%);display:flex;align-items:center;justify-content:center;margin-bottom:22px}
.privilegecard .iconwrap i{font-size:26px;color:#FEFEFE}
.privilegecard h3{font-size:1.4rem;color:#160822;margin:0 0 14px;font-weight:600}
.privilegecard .cardtext{font-size:1rem;color:#5a4065;line-height:1.65;margin:0}
.flexibilityzone{background:#fff;padding:100px 20px;position:relative}
.flexibilityzone::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:linear-gradient(270deg,#a646e008 0%,transparent 100%);pointer-events:none}
.flexibilityzone .containerv1{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.flexibilityzone .textcol h2{font-size:2.5rem;color:#160822;margin:0 0 24px;font-weight:700;line-height:1.3}
.flexibilityzone .textcol .intro{font-size:1.1rem;color:#4a3554;line-height:1.7;margin:0 0 32px}
.flexfeaturelist{list-style:none;padding:0;margin:0}
.flexfeaturelist li{display:flex;align-items:flex-start;margin-bottom:20px;padding-left:0}
.flexfeaturelist li::before{content:'→';color:#A646E0;font-size:1.3rem;font-weight:700;margin-right:14px;flex-shrink:0}
.flexfeaturelist li span{font-size:1.05rem;color:#5a4065;line-height:1.6}
.flexibilityzone .imagecol{position:relative}
.flexibilityzone .imagecol img{width:100%;height:420px;object-fit:cover;border-radius:16px;box-shadow:0 12px 40px #1608221f}
.efficiencyarea{background:linear-gradient(282deg,#160822 0%,#4a1863 50%,#A646E0 100%);padding:95px 20px;position:relative;overflow:hidden}
.efficiencyarea::after{content:'';position:absolute;bottom:-50px;left:-50px;width:300px;height:300px;background:radial-gradient(circle,#fefefe14 0%,transparent 70%);border-radius:50%;pointer-events:none}
.efficiencyarea .innerbox{max-width:1280px;margin:0 auto;position:relative;z-index:2}
.efficiencyarea .topheader{text-align:center;margin-bottom:65px}
.efficiencyarea .topheader h2{font-size:2.7rem;color:#FEFEFE;margin:0 0 20px;font-weight:700}
.efficiencyarea .topheader .sublead{font-size:1.2rem;color:#e8d4f3;margin:0;line-height:1.65}
.efficgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}
.efficitem{background:#fefefe0f;backdrop-filter:blur(10px);border-radius:14px;padding:38px 30px;border:1px solid #fefefe26;transition:all .3s ease}
.efficitem:hover{background:#fefefe1a;border-color:#fefefe4d;transform:translateY(-4px)}
.efficitem .numbox{width:48px;height:48px;background:#A646E0;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#FEFEFE;margin-bottom:20px}
.efficitem h3{font-size:1.35rem;color:#FEFEFE;margin:0 0 14px;font-weight:600}
.efficitem .itemdesc{font-size:1rem;color:#e0c9ed;line-height:1.6;margin:0}
.communityspace{background:#f9f6fc;padding:100px 20px}
.communityspace .boxcontainer{max-width:1280px;margin:0 auto}
.communityspace .titlerow{text-align:center;margin-bottom:55px}
.communityspace .titlerow h2{font-size:2.6rem;color:#160822;margin:0 0 18px;font-weight:700}
.communityspace .titlerow .descline{font-size:1.15rem;color:#6b4b7d;margin:0;line-height:1.65}
.communitylayout{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center}
.communitylayout .imageside img{width:100%;height:480px;object-fit:cover;border-radius:14px;box-shadow:0 10px 35px #1608221a}
.communitylayout .contentside h3{font-size:1.8rem;color:#160822;margin:0 0 22px;font-weight:600}
.communitylayout .contentside .maintext{font-size:1.08rem;color:#5a4065;line-height:1.7;margin:0 0 28px}
.benefitstack{display:flex;flex-direction:column;gap:18px}
.benefititem{display:flex;align-items:center;background:#fff;padding:20px 24px;border-radius:10px;border-left:4px solid #A646E0;box-shadow:0 3px 12px #a646e00f;transition:all .3s ease}
.benefititem:hover{transform:translateX(8px);box-shadow:0 5px 18px #a646e01f}
.benefititem i{font-size:24px;color:#A646E0;margin-right:16px;flex-shrink:0}
.benefititem .benefittext{font-size:1.05rem;color:#4a3554;margin:0;line-height:1.5}
.ctaendzone{background:linear-gradient(135deg,#fff 0%,#f5f0fa 100%);padding:85px 20px;text-align:center}
.ctaendzone .wrapperv2{max-width:820px;margin:0 auto}
.ctaendzone h2{font-size:2.4rem;color:#160822;margin:0 0 20px;font-weight:700;line-height:1.3}
.ctaendzone .finaltext{font-size:1.15rem;color:#5a4065;line-height:1.7;margin:0 0 38px}
.ctabuttonrow{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.ctabutton{display:inline-block;padding:16px 42px;font-size:1.1rem;font-weight:600;border-radius:10px;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;z-index:5}
.ctabutton.primary{background:linear-gradient(135deg,#A646E0 0%,#8a2dc2 100%);color:#FEFEFE;box-shadow:0 6px 20px #a646e04d}
.ctabutton.primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #a646e066}
.ctabutton.secondary{background:#fff;color:#A646E0;border:2px solid #A646E0}
.ctabutton.secondary:hover{background:#A646E0;color:#FEFEFE;transform:translateY(-3px)}
@media (max-width: 1024px) {
.titlehero .maintitle{font-size:2.6rem}
.titlehero .subdesc{font-size:1.15rem}
.flexibilityzone .containerv1{grid-template-columns:1fr;gap:45px}
.efficgrid{grid-template-columns:repeat(2,1fr)}
.communitylayout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.titlehero{min-height:480px}
.titlehero .maintitle{font-size:2.2rem}
.titlehero .subdesc{font-size:1.05rem}
.accessblock{padding:65px 20px}
.accessblock .sectionhead h2{font-size:2.1rem}
.privilegegrid{grid-template-columns:1fr;gap:24px}
.flexibilityzone{padding:70px 20px}
.flexibilityzone .textcol h2{font-size:2rem}
.flexibilityzone .imagecol img{height:320px}
.efficiencyarea{padding:70px 20px}
.efficiencyarea .topheader h2{font-size:2.2rem}
.efficgrid{grid-template-columns:1fr;gap:24px}
.communityspace{padding:70px 20px}
.communityspace .titlerow h2{font-size:2.1rem}
.communitylayout .imageside img{height:340px}
.ctaendzone{padding:65px 20px}
.ctaendzone h2{font-size:1.9rem}
.ctabuttonrow{flex-direction:column;align-items:stretch}
.ctabutton{width:100%;text-align:center}
}
@media (max-width: 480px) {
.titlehero .maintitle{font-size:1.9rem}
.titlehero .contentzone{padding:60px 20px}
.accessblock .sectionhead h2{font-size:1.8rem}
.privilegecard{padding:28px 22px}
.flexibilityzone .textcol h2{font-size:1.75rem}
.efficiencyarea .topheader h2{font-size:1.9rem}
.communityspace .titlerow h2{font-size:1.8rem}
.ctaendzone h2{font-size:1.7rem}
}
.customcursor{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><circle cx="12" cy="12" r="8" fill="%23A646E0" opacity="0.6"/></svg>'),auto}
.ctabutton,.benefititem,.privilegecard{cursor:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2l3 7h7l-5.5 4.5 2 7.5-6.5-5-6.5 5 2-7.5-5.5-4.5h7z" fill="%23A646E0"/></svg>'),pointer}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#a646e014;border-radius:6px}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#A646E0 0%,#7a34b5 100%);border-radius:6px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#7a34b5 0%,#A646E0 100%)}
.contactwrap{background:linear-gradient(135deg,#FEFEFE 0%,#f8f4fc 100%);min-height:100%}
.herotopv3{max-width:1280px;margin:0 auto;padding:80px 20px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative}
.herotopv3::before{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:repeating-linear-gradient(45deg,transparent,transparent 10px,#a646e008 10px,#a646e008 20px);z-index:1;pointer-events:none}
.imageframecontainer{position:relative;z-index:2}
.frameboxv1{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,#160822 0%,#A646E0 100%);border-radius:12px;padding:20px;box-shadow:0 8px 24px #a646e026}
.innerframebox{width:100%;height:100%;background:linear-gradient(225deg,#a646e0cc 0%,#160822e6 100%);border-radius:8px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.innerframebox::before{content:'';position:absolute;width:200px;height:200px;background:radial-gradient(circle,#fefefe1a 0%,transparent 70%);border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}
.innerframebox::after{content:'';position:absolute;width:80%;height:80%;border:2px solid #fefefe1a;border-radius:8px}
.textcontentside{position:relative;z-index:2}
.textcontentside h1{font-size:48px;line-height:1.1;color:#160822;margin:0 0 24px;font-weight:700}
.thesislist{list-style:none;padding:0;margin:0}
.thesislist li{color:#160822;font-size:18px;line-height:1.6;margin-bottom:16px;padding-left:28px;position:relative}
.thesislist li::before{content:'';position:absolute;left:0;top:10px;width:16px;height:2px;background:linear-gradient(90deg,#A646E0 0%,#160822 100%)}
.formsectionbox{max-width:1280px;margin:0 auto;padding:80px 20px}
.formcontainerv2{background:#FEFEFE;border-radius:16px;padding:60px;box-shadow:0 4px 20px #16082214;max-width:800px;margin:0 auto}
.formheadertext{text-align:center;margin-bottom:48px}
.formheadertext h2{font-size:36px;color:#160822;margin:0 0 16px;font-weight:700}
.formheadertext p{font-size:18px;color:#160822;opacity:.7;margin:0;line-height:1.5}
.formgridlayout{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:24px}
.inputwrapperv1{display:flex;flex-direction:column}
.inputwrapperv1 label{font-size:14px;color:#160822;font-weight:600;margin-bottom:8px;display:block}
.inputwrapperv1 input{width:100%;padding:14px 18px;border:2px solid #a646e033;border-radius:10px;font-size:16px;color:#160822;background:#FEFEFE;transition:all .3s ease;box-sizing:border-box}
.inputwrapperv1 input:focus{outline:none;border-color:#A646E0;box-shadow:0 0 0 4px #a646e01a}
.fullwidthfield{grid-column:1 / -1}
.timeprefsection{margin-bottom:32px}
.timeprefsection h3{font-size:18px;color:#160822;font-weight:600;margin:0 0 20px}
.timeslotsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.timeslotbox{position:relative}
.timeslotbox input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.timeslotbox label{display:block;padding:12px 16px;background:#a646e00d;border:2px solid #a646e033;border-radius:10px;text-align:center;cursor:pointer;transition:all .3s ease;font-size:14px;color:#160822;font-weight:500}
.timeslotbox input[type="radio"]:checked + label{background:linear-gradient(135deg,#A646E0 0%,#160822 100%);color:#FEFEFE;border-color:#160822;box-shadow:0 4px 12px #a646e04d}
.timeslotbox label:hover{border-color:#A646E0;background:#a646e01a}
.privacyconsentbox{margin-bottom:32px;padding:20px;background:#a646e008;border-radius:10px}
.privacyconsentbox input[type="checkbox"]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#A646E0}
.privacyconsentbox label{display:flex;align-items:flex-start;cursor:pointer;font-size:14px;color:#160822;line-height:1.6}
.privacyconsentbox a{color:#A646E0;text-decoration:none;font-weight:600;transition:color .3s ease}
.privacyconsentbox a:hover{color:#160822;text-decoration:underline}
.submitbtnv3{width:100%;padding:18px 32px;background:linear-gradient(135deg,#A646E0 0%,#160822 100%);color:#FEFEFE;border:none;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s ease;box-shadow:0 6px 20px #a646e040;position:relative;z-index:10}
.submitbtnv3:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a646e059}
.submitbtnv3:active{transform:translateY(0)}
.contactinfoboxarea{max-width:1280px;margin:0 auto;padding:0 20px 80px}
.infocardsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.contactinfocardv1{background:#FEFEFE;padding:40px 32px;border-radius:12px;text-align:center;box-shadow:0 4px 16px #1608220f;transition:all .3s ease;border:2px solid transparent}
.contactinfocardv1:hover{transform:translateY(-4px);box-shadow:0 8px 24px #a646e026;border-color:#a646e033}
.iconboxv2{width:64px;height:64px;background:linear-gradient(135deg,#A646E0 0%,#160822 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 4px 12px #a646e033}
.iconboxv2 i{font-size:28px;color:#FEFEFE}
.contactinfocardv1 h3{font-size:20px;color:#160822;margin:0 0 12px;font-weight:700}
.contactinfocardv1 p{font-size:16px;color:#160822;opacity:.7;margin:0 0 8px;line-height:1.6}
.contactinfocardv1 a{color:#A646E0;text-decoration:none;font-weight:600;font-size:16px;transition:color .3s ease}
.contactinfocardv1 a:hover{color:#160822}
@media (max-width: 1024px) {
.herotopv3{grid-template-columns:1fr;gap:40px;padding:60px 20px}
.herotopv3::before{width:60%}
.textcontentside h1{font-size:40px}
.formcontainerv2{padding:40px 32px}
.timeslotsgrid{grid-template-columns:repeat(2,1fr)}
.infocardsgrid{grid-template-columns:1fr;gap:24px}
}
@media (max-width: 768px) {
.textcontentside h1{font-size:32px}
.thesislist li{font-size:16px}
.formheadertext h2{font-size:28px}
.formgridlayout{grid-template-columns:1fr;gap:20px}
.timeslotsgrid{grid-template-columns:1fr}
.formcontainerv2{padding:32px 24px}
.formsectionbox{padding:60px 20px}
}
@media (max-width: 480px) {
.herotopv3{padding:40px 16px}
.textcontentside h1{font-size:28px;margin-bottom:20px}
.thesislist li{font-size:15px;margin-bottom:12px}
.formcontainerv2{padding:28px 20px}
.formheadertext h2{font-size:24px}
.formheadertext p{font-size:16px}
.submitbtnv3{padding:16px 24px;font-size:16px}
.contactinfocardv1{padding:32px 24px}
}
.titleblock{display:flex;flex-direction:row;align-items:center;gap:48px;max-width:1280px;margin:0 auto;padding:80px 24px;background:linear-gradient(135deg,#FEFEFE 0%,#a646e00d 100%);position:relative}
.titleblock::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M30 0L60 30L30 60L0 30z' fill='%23A646E0' opacity='0.02'/%3E%3C/svg%3E");pointer-events:none;z-index:0}
.titleblock-textzone{flex:1;z-index:1;position:relative}
.titleblock h1{font-size:46px;line-height:1.2;color:#160822;margin:0 0 28px;font-weight:700;letter-spacing:-.02em}
.titleblock-points{list-style:none;padding:0;margin:0 0 32px}
.titleblock-points li{position:relative;padding-left:32px;margin-bottom:16px;color:#160822;font-size:17px;line-height:1.6}
.titleblock-points li::before{content:'';position:absolute;left:0;top:8px;width:18px;height:18px;background:linear-gradient(135deg,#A646E0 0%,#160822 100%);border-radius:4px;transform:rotate(45deg)}
.titleblock-btn{display:inline-flex;align-items:center;gap:10px;padding:16px 32px;background:#A646E0;color:#FEFEFE;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;transition:all .3s ease-in-out;box-shadow:0 6px 20px #a646e040;position:relative;z-index:10}
.titleblock-btn:hover{background:#160822;box-shadow:0 10px 28px #1608224d;transform:translateY(-2px)}
.titleblock-imgzone{flex:0 0 420px;z-index:1;position:relative}
.titleblock-imgzone img{width:100%;height:320px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #16082226}
.storytelling{max-width:1280px;margin:0 auto;padding:60px 24px;background:#FEFEFE}
.storytelling-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
.storytelling-content{padding-right:20px}
.storytelling h2{font-size:38px;color:#160822;margin:0 0 24px;font-weight:700;line-height:1.3;position:relative;display:inline-block}
.storytelling h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#A646E0 0%,transparent 100%)}
.storytelling-txtbox p{color:#160822;font-size:16px;line-height:1.7;margin-bottom:20px}
.storytelling-txtbox p:last-child{margin-bottom:0}
.storytelling-visual{position:relative}
.storytelling-visual img{width:100%;height:380px;object-fit:cover;border-radius:12px;box-shadow:0 6px 18px #a646e033}
.storytelling-visual::before{content:'';position:absolute;top:-12px;right:-12px;width:100%;height:100%;border:2px solid #A646E0;border-radius:12px;z-index:-1}
.valuesarea{background:linear-gradient(180deg,#a646e00a 0%,#FEFEFE 100%);padding:70px 24px}
.valuesarea-wrap{max-width:1280px;margin:0 auto}
.valuesarea h2{font-size:36px;color:#160822;text-align:center;margin:0 0 48px;font-weight:700}
.valuesarea-cardsgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.valuecard{background:#FEFEFE;padding:36px 28px;border-radius:12px;box-shadow:0 4px 16px #16082214;transition:all .3s ease-in-out;border:1px solid #a646e01a;position:relative;overflow:hidden}
.valuecard::before{content:'';position:absolute;top:0;left:0;width:4px;height:0;background:linear-gradient(180deg,#A646E0 0%,#160822 100%);transition:height .3s ease-in-out}
.valuecard:hover{transform:translateY(-4px);box-shadow:0 8px 24px #a646e02e}
.valuecard:hover::before{height:100%}
.valuecard-iconbox{width:56px;height:56px;background:linear-gradient(135deg,#a646e026 0%,#1608220d 100%);border-radius:10px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.valuecard-iconbox svg{width:28px;height:28px;fill:#A646E0}
.valuecard h3{font-size:22px;color:#160822;margin:0 0 14px;font-weight:600}
.valuecard p{color:#160822;font-size:15px;line-height:1.6;margin:0}
.teamzone{max-width:1280px;margin:0 auto;padding:70px 24px;background:#FEFEFE}
.teamzone h2{font-size:36px;color:#160822;margin:0 0 16px;font-weight:700;text-align:center}
.teamzone-intro{text-align:center;max-width:740px;margin:0 auto 52px;color:#160822;font-size:16px;line-height:1.6}
.teamzone-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:56px;align-items:start}
.teamzone-imgarea{position:relative}
.teamzone-imgarea img{width:100%;height:440px;object-fit:cover;border-radius:12px;box-shadow:0 8px 24px #1608221f}
.teamzone-people{display:flex;flex-direction:column;gap:28px}
.personcard{background:linear-gradient(135deg,#a646e008 0%,#fefefecc 100%);padding:28px;border-radius:10px;border-left:4px solid #A646E0;transition:all .3s ease-in-out}
.personcard:hover{background:#a646e00f;transform:translateX(6px);box-shadow:0 6px 18px #a646e01f}
.personcard h3{font-size:20px;color:#160822;margin:0 0 6px;font-weight:600}
.personcard-role{font-size:14px;color:#A646E0;font-weight:600;margin-bottom:12px;display:block}
.personcard p{color:#160822;font-size:15px;line-height:1.6;margin:0}
@media (max-width: 1024px) {
.titleblock{flex-direction:column;gap:36px;padding:60px 24px}
.titleblock-imgzone{flex:0 0 auto;width:100%;max-width:500px}
.storytelling-grid{grid-template-columns:1fr;gap:36px}
.storytelling-content{padding-right:0}
.valuesarea-cardsgrid{grid-template-columns:1fr;gap:24px}
.teamzone-layout{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 768px) {
.titleblock h1{font-size:34px;margin-bottom:20px}
.titleblock-points li{font-size:16px}
.titleblock-imgzone img{height:280px}
.storytelling h2{font-size:30px}
.valuesarea h2,.teamzone h2{font-size:30px}
.teamzone-imgarea img{height:340px}
}
@media (max-width: 480px) {
.titleblock{padding:40px 16px}
.titleblock h1{font-size:28px}
.titleblock-btn{padding:14px 26px;font-size:15px}
.storytelling{padding:40px 16px}
.storytelling h2{font-size:26px}
.valuesarea{padding:50px 16px}
.valuesarea h2{font-size:26px;margin-bottom:32px}
.teamzone{padding:50px 16px}
.teamzone h2{font-size:26px}
.teamzone-imgarea img{height:280px}
}
.successwrap{min-height:85vh;display:flex;align-items:center;justify-content:center;padding:40px 20px;background:linear-gradient(135deg,#FEFEFE 0%,#f5e6ff 50%,#e8d4f8 100%);position:relative;overflow:hidden}
.successwrap::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#a646e026 0%,transparent 70%);top:-200px;right:-150px;border-radius:50%;filter:blur(80px)}
.successwrap::after{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#16082214 0%,transparent 70%);bottom:-180px;left:-100px;border-radius:50%;filter:blur(90px)}
.successcontainer-v1{max-width:1280px;width:100%;margin:0 auto;position:relative;z-index:2}
.successgrid{display:grid;grid-template-columns:420px 1fr;gap:80px;align-items:center}
.imagebox-success{position:relative}
.imagearea{width:100%;aspect-ratio:3/4;background:linear-gradient(165deg,#A646E0 0%,#160822 100%);border-radius:12px;position:relative;overflow:hidden;box-shadow:0 12px 40px #16082226}
.imagearea::before{content:'';position:absolute;inset:0;background:linear-gradient(45deg,#fefefe1a 0%,transparent 100%);mix-blend-mode:overlay}
.decorspot-v1{position:absolute;width:180px;height:180px;border-radius:50%;filter:blur(60px);opacity:.4}
.decorspot-v1:nth-child(1){background:#A646E0;top:-40px;right:-30px}
.decorspot-v1:nth-child(2){background:#FEFEFE;bottom:-50px;left:-40px}
.contentbox-success{padding:20px 0}
.successmark{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,#A646E0 0%,#160822 100%);display:flex;align-items:center;justify-content:center;margin-bottom:32px;box-shadow:0 8px 24px #a646e040;animation:popinmark .6s ease-out}
@keyframes popinmark {
0%{transform:scale(0) rotate(-180deg);opacity:0}
60%{transform:scale(1.1) rotate(10deg)}
100%{transform:scale(1) rotate(0);opacity:1}
}
.successmark .f7-icons{font-size:38px;color:#FEFEFE}
.successtitle-v2{font-size:48px;font-weight:700;line-height:1.15;color:#160822;margin-bottom:24px}
.successtitle-v2 .pausebreak{display:block;margin-top:8px;background:linear-gradient(90deg,#A646E0 0%,#160822 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.desctext-success{font-size:18px;line-height:1.6;color:#160822;opacity:.85;margin-bottom:36px}
.desctext-success strong{color:#A646E0;font-weight:600}
.actionbox-success{display:flex;gap:16px;flex-wrap:wrap}
.btnprimary-v3{padding:16px 36px;background:linear-gradient(135deg,#A646E0 0%,#160822 100%);color:#FEFEFE;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;box-shadow:0 6px 20px #a646e04d;border:none;cursor:pointer}
.btnprimary-v3:hover{transform:translateY(-2px);box-shadow:0 10px 30px #a646e066}
.btnprimary-v3:active{transform:translateY(0)}
.btnsecondary-v1{padding:16px 36px;background:transparent;color:#160822;text-decoration:none;border-radius:10px;font-size:16px;font-weight:600;display:inline-flex;align-items:center;gap:10px;transition:all .3s ease;border:2px solid #A646E0;cursor:pointer}
.btnsecondary-v1:hover{background:#a646e014;transform:translateY(-2px)}
.btnsecondary-v1:active{transform:translateY(0)}
.infolist-success{margin-top:48px;padding-top:32px;border-top:1px solid #1608221f}
.infotitle-v1{font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:#A646E0;margin-bottom:20px}
.infoitems{display:flex;flex-direction:column;gap:14px}
.infoitem-box{display:flex;align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;color:#160822;opacity:.8}
.infoitem-box .f7-icons{font-size:20px;color:#A646E0;margin-top:2px;flex-shrink:0}
@media (max-width: 1024px) {
.successgrid{grid-template-columns:1fr;gap:50px}
.imagebox-success{max-width:420px;margin:0 auto}
.successtitle-v2{font-size:42px}
}
@media (max-width: 768px) {
.successwrap{padding:30px 16px;min-height:auto}
.successgrid{gap:40px}
.imagebox-success{max-width:340px}
.successtitle-v2{font-size:36px}
.desctext-success{font-size:16px}
.actionbox-success{flex-direction:column}
.btnprimary-v3,.btnsecondary-v1{width:100%;justify-content:center}
.successmark{width:64px;height:64px}
.successmark .f7-icons{font-size:32px}
}
@media (max-width: 480px) {
.successtitle-v2{font-size:30px}
.desctext-success{font-size:15px}
.btnprimary-v3,.btnsecondary-v1{padding:14px 28px;font-size:15px}
.successwrap::before,.successwrap::after{width:400px;height:400px}
}