*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;background:linear-gradient(127deg,#0a0a0f 0%,#1a0826 50%,#0d1418 100%);color:#e8e8f0;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
main{flex:1}
.hdtop{background:linear-gradient(152deg,#8506a626 0%,#02f9f514 100%);border-bottom:1px solid #02f9f533;padding:24px 0;box-shadow:0 4px 20px #0006}
.hdwrap{max-width:1400px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:60px}
.brndstak{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.lgowrap{width:90px;height:90px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;border-radius:28px;padding:12px;box-shadow:0 6px 18px #8506a64d}
.lgoimg{width:100%;height:100%;object-fit:contain}
.cmpnyname{font-family:'Alegreya',serif;font-size:28px;font-weight:700;color:#02F9F5;letter-spacing:.5px;text-shadow:0 2px 8px #02f9f566}
.hdright{display:flex;flex-direction:column;gap:18px;flex:1;max-width:800px}
.mnav{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.navlnk{color:#e8e8f0;text-decoration:none;font-size:16px;font-weight:500;padding:8px 16px;border-radius:24px;transition:all .3s linear;position:relative}
.navlnk:hover{color:#02F9F5;background:#02f9f51a}
.cntctblk{display:flex;gap:28px;flex-wrap:wrap}
.cntctitem{display:flex;align-items:center;gap:10px;color:#b8b8c8;font-size:14px;padding:8px 16px;background:#ffffff08;border-radius:30px;border:1px solid #02f9f526}
.cntctitem i{color:#8506A6;font-size:18px}
.ftwrap{max-width:1400px;margin:0 auto;padding:48px 20px;display:flex;gap:60px;justify-content:space-between;align-items:flex-start}
.ftleft{flex:1;display:flex;flex-direction:column;gap:32px}
.ftlocate{background:linear-gradient(138deg,#8506a61f 0%,#02f9f50f 100%);padding:28px 36px;border-radius:40px;border:1px solid #02f9f533;box-shadow:0 8px 24px #0000004d}
.ftloctitle{font-family:'Alegreya',serif;font-size:22px;font-weight:700;color:#02F9F5;margin-bottom:14px}
.ftlocaddr{display:flex;gap:12px;align-items:flex-start;color:#d0d0e0;line-height:1.7}
.ftlocaddr i{color:#8506A6;font-size:22px;margin-top:2px}
.ftcoverage{background:#ffffff0a;padding:28px 36px;border-radius:40px;border:1px solid #8506a633}
.ftcovtitle{font-family:'Alegreya',serif;font-size:20px;font-weight:700;color:#8506A6;margin-bottom:12px}
.ftcovtxt{color:#b8b8c8;font-size:14px;line-height:1.8}
.ftright{flex:1;display:flex;flex-direction:column;gap:28px;align-items:flex-end}
.ftnav{display:flex;flex-direction:column;gap:14px;background:#02f9f50d;padding:24px 32px;border-radius:35px;border:1px solid #02f9f526}
.ftlnk{color:#d0d0e0;text-decoration:none;font-size:15px;transition:all .3s linear}
.ftlnk:hover{color:#02F9F5;padding-left:8px}
.ftcopy{color:#888898;font-size:13px;padding:16px 24px;background:#ffffff08;border-radius:30px}
.ckpopup{position:fixed;bottom:-400px;left:30px;background:linear-gradient(142deg,#8506a6f2 0%,#0a0a0ffa 100%);border:2px solid #02f9f54d;border-radius:32px;padding:32px;max-width:480px;box-shadow:0 12px 40px #0009;z-index:10000;transition:bottom .5s linear}
.ckpopupactive{bottom:30px}
.ckpopuptitle{font-family:'Alegreya',serif;font-size:24px;font-weight:700;color:#02F9F5;margin-bottom:14px}
.ckpopupdesc{color:#e8e8f0;font-size:14px;line-height:1.7;margin-bottom:18px}
.ckoptout{margin-top:16px;padding-top:16px;border-top:1px solid #02f9f533}
.ckoptoutlbl{display:flex;align-items:center;gap:10px;cursor:pointer;color:#d0d0e0;font-size:13px}
.ckoptoutchk{width:18px;height:18px;cursor:pointer}
.ckpopupacts{display:flex;flex-direction:column;gap:12px;margin-top:24px}
.ckbtn{padding:14px 28px;border-radius:28px;font-size:15px;font-weight:500;cursor:pointer;transition:all .3s linear;border:2px solid transparent}
.ckbtnprimary{background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);color:#fff;border:none}
.ckbtnprimary:hover{box-shadow:0 6px 20px #8506a680}
.ckbtnsecondary{background:transparent;color:#02F9F5;border:2px solid #02F9F5}
.ckbtnsecondary:hover{background:#02f9f51a}
.ckpolicylink{color:#b8b8c8;font-size:13px;text-align:center;text-decoration:underline;display:block;margin-top:8px}
.ckbadge{position:fixed;bottom:30px;right:30px;width:60px;height:60px;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);border-radius:50%;display:none;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 24px #8506a680;transition:all .3s linear;z-index:9999}
.ckbadgeactive{display:flex}
.ckbadge:hover{transform:scale(1.1)}
.ckbadge i{color:#fff;font-size:28px}
.ckmanager{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(0.8);background:linear-gradient(142deg,#0a0a0ffa 0%,#8506a6f2 100%);border:2px solid #02f9f54d;border-radius:32px;padding:36px;max-width:560px;width:90%;box-shadow:0 16px 48px #000000b3;z-index:10001;opacity:0;visibility:hidden;transition:all .4s linear}
.ckmanageractive{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.ckmanagertitle{font-family:'Alegreya',serif;font-size:26px;font-weight:700;color:#02F9F5;margin-bottom:24px}
.ckmanageropt{margin-bottom:20px;padding:18px;background:#ffffff0a;border-radius:24px;border:1px solid #02f9f526}
.ckmanagerlbl{display:flex;gap:14px;cursor:pointer;align-items:flex-start}
.ckmanagerchk{width:20px;height:20px;cursor:pointer;margin-top:2px}
.ckmanagertxt{flex:1;display:flex;flex-direction:column;gap:6px}
.ckmanagertxt strong{color:#e8e8f0;font-size:15px;font-weight:600}
.ckmanagertxt small{color:#b8b8c8;font-size:13px}
.ckmanageracts{display:flex;gap:14px;margin-top:28px}
@media (max-width: 968px) {
.hdwrap{flex-direction:column;gap:32px;align-items:center}
.brndstak{align-items:center}
.hdright{width:100%;max-width:none}
.mnav{justify-content:center;width:100%}
.cntctblk{justify-content:center;width:100%}
.ftwrap{flex-direction:column;gap:36px}
.ftright{align-items:flex-start;width:100%}
.ckpopup{left:20px;right:20px;max-width:none}
.ckmanageracts{flex-direction:column}
}
@media (max-width: 640px) {
.lgowrap{width:70px;height:70px}
.cmpnyname{font-size:22px}
.mnav{flex-direction:column;gap:12px}
.cntctblk{flex-direction:column;gap:12px}
.ckpopup{padding:24px;left:15px;right:15px}
}
.rframe{max-width:1400px;margin:0 auto;padding:60px 20px}
.rvhead{text-align:center;margin-bottom:80px}
.rvhead h1{font-size:3.2rem;color:#02F9F5;margin-bottom:20px;line-height:1.2}
.rvhead .tagln{font-size:1.3rem;color:#b8b8b8;max-width:700px;margin:0 auto}
.rvgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:40px;margin-bottom:100px}
.rvcard{background:linear-gradient(135deg,#1a0b1f 0%,#0d0510 100%);border-radius:30px;padding:40px;position:relative;border:2px solid #8506a633;transition:all .3s linear}
.rvcard:hover{transform:translateY(-8px);border-color:#02f9f580;box-shadow:0 12px 40px #8506a64d}
.rvcard::before{content:'';position:absolute;top:0;left:0;width:100%;height:6px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);border-radius:30px 30px 0 0}
.rvcard .rauthor{display:flex;align-items:center;gap:20px;margin-bottom:25px}
.rvcard .rauthor .rinitial{width:70px;height:70px;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:#0d0510;flex-shrink:0}
.rvcard .rauthor .rinfo h3{font-size:1.4rem;color:#02F9F5;margin-bottom:6px}
.rvcard .rauthor .rinfo .rdetail{font-size:.95rem;color:#999}
.rvcard .rcontent{font-size:1.1rem;color:#d0d0d0;line-height:1.7;margin-bottom:25px}
.rvcard .rrating{display:flex;gap:8px;margin-bottom:15px}
.rvcard .rrating i{color:#02F9F5;font-size:1.2rem}
.rvcard .rdate{font-size:.9rem;color:#777;font-style:italic}
.statblock{background:linear-gradient(225deg,#1a0b1f 0%,#0d0510 100%);border-radius:35px;padding:80px 40px;margin-bottom:100px;position:relative;overflow:hidden}
.statblock::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#8506a626 0%,transparent 70%);border-radius:50%}
.statblock::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#02f9f51a 0%,transparent 70%);border-radius:50%}
.statblock h2{text-align:center;font-size:2.8rem;color:#FFF;margin-bottom:60px;position:relative;z-index:2}
.statgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:50px;position:relative;z-index:2}
.statitem{text-align:center}
.statitem .statnum{font-size:4rem;font-weight:700;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:15px;line-height:1}
.statitem .statlabel{font-size:1.2rem;color:#b8b8b8}
.procpanel{display:flex;gap:60px;align-items:flex-start;margin-bottom:80px}
.procpanel .procimg{flex:0 0 45%}
.procpanel .procimg img{width:100%;height:auto;border-radius:35px;box-shadow:0 20px 60px #8506a666;object-fit:cover}
.procpanel .proccontent{flex:1}
.procpanel .proccontent h2{font-size:2.5rem;color:#02F9F5;margin-bottom:30px}
.procpanel .proccontent .procdesc{font-size:1.15rem;color:silver;line-height:1.8;margin-bottom:40px}
.procsteps{display:flex;flex-direction:column;gap:25px}
.procstep{display:flex;align-items:flex-start;gap:20px;background:linear-gradient(135deg,#8506a61a 0%,#02f9f50d 100%);padding:25px;border-radius:25px;border-left:5px solid #8506A6;transition:all .3s linear}
.procstep:hover{background:linear-gradient(135deg,#8506a633 0%,#02f9f51a 100%);border-left-color:#02F9F5;transform:translateX(10px)}
.procstep .stepnum{width:50px;height:50px;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;color:#0d0510;flex-shrink:0}
.procstep .steptext h4{font-size:1.3rem;color:#02F9F5;margin-bottom:8px}
.procstep .steptext p{font-size:1rem;color:#b0b0b0;line-height:1.6}
.splitlayout{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;margin-bottom:80px}
.splitlayout .splittext h2{font-size:2.6rem;color:#FFF;margin-bottom:25px;line-height:1.3}
.splitlayout .splittext .splitdesc{font-size:1.15rem;color:#c5c5c5;line-height:1.8;margin-bottom:35px}
.splitlayout .splitimg img{width:100%;height:auto;border-radius:35px;box-shadow:0 15px 50px #02f9f54d;object-fit:cover}
.featurelist{display:flex;flex-direction:column;gap:20px}
.featurelist .fitem{display:flex;align-items:center;gap:15px;padding:20px;background:#8506a614;border-radius:20px;transition:all .3s linear}
.featurelist .fitem:hover{background:#02f9f51a;transform:translateX(8px)}
.featurelist .fitem i{font-size:1.8rem;color:#02F9F5}
.featurelist .fitem span{font-size:1.1rem;color:#d0d0d0}
.showcasegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-bottom:80px}
.showcasecard{position:relative;border-radius:30px;overflow:hidden;height:400px}
.showcasecard img{width:100%;height:100%;object-fit:cover;transition:all .3s linear}
.showcasecard:hover img{transform:scale(1.1)}
.showcasecard .overlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,#0d0510f2 0%,transparent 100%);padding:30px;transform:translateY(60%);transition:all .3s linear}
.showcasecard:hover .overlay{transform:translateY(0)}
.showcasecard .overlay h3{font-size:1.5rem;color:#02F9F5;margin-bottom:10px}
.showcasecard .overlay p{font-size:1rem;color:silver;line-height:1.6}
.ctasection{text-align:center;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);padding:70px 40px;border-radius:40px;margin-bottom:60px}
.ctasection h2{font-size:3rem;color:#0d0510;margin-bottom:20px}
.ctasection p{font-size:1.3rem;color:#1a0b1f;margin-bottom:40px;max-width:700px;margin-left:auto;margin-right:auto}
.ctasection .ctabtn{display:inline-block;background:#0d0510;color:#02F9F5;padding:18px 50px;border-radius:25px;font-size:1.2rem;font-weight:700;text-decoration:none;transition:all .3s linear;border:3px solid #0d0510}
.ctasection .ctabtn:hover{background:transparent;color:#0d0510;transform:scale(1.05)}
@media (max-width: 1024px) {
.rvgrid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px}
.procpanel{flex-direction:column}
.procpanel .procimg{flex:0 0 100%}
.splitlayout{grid-template-columns:1fr;gap:50px}
.showcasegrid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width: 768px) {
.rframe{padding:40px 15px}
.rvhead h1{font-size:2.2rem}
.rvhead .tagln{font-size:1.1rem}
.rvgrid{grid-template-columns:1fr}
.rvcard{padding:30px}
.statblock{padding:50px 25px}
.statblock h2{font-size:2rem}
.statgrid{grid-template-columns:repeat(2,1fr);gap:30px}
.statitem .statnum{font-size:3rem}
.procpanel .proccontent h2{font-size:2rem}
.splitlayout .splittext h2{font-size:2rem}
.showcasegrid{grid-template-columns:1fr}
.showcasecard{height:350px}
.ctasection h2{font-size:2rem}
.ctasection p{font-size:1.1rem}
}
@media (max-width: 480px) {
.statgrid{grid-template-columns:1fr}
.rvcard .rauthor{flex-direction:column;text-align:center}
.procstep{flex-direction:column;text-align:center}
.featurelist .fitem{flex-direction:column;text-align:center}
}
.hrosec{background:linear-gradient(145deg,#1a0025 0%,#2d1b3d 50%,#0a2a2f 100%);padding:80px 20px;position:relative;overflow:hidden}
.hrosec::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#8506a626 0%,transparent 70%);top:-100px;right:-100px;border-radius:50%}
.hrosec::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#02f9f51a 0%,transparent 70%);bottom:-80px;left:-80px;border-radius:50%}
.hrocnt{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.hrotxt{max-width:800px}
.hrotxt h1{font-size:3.2rem;color:#FFF;margin:0 0 24px;line-height:1.2;font-weight:700}
.hrotxt h1::after{content:'';display:block;width:120px;height:4px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);margin-top:20px;border-radius:30px}
.hrodesc{font-size:1.25rem;color:#d4d4d8;line-height:1.7;margin:0 0 40px}
.hrobtns{display:flex;gap:20px;flex-wrap:wrap}
.btnprim,.btnsec{padding:16px 36px;font-size:1.1rem;border:none;border-radius:30px;cursor:pointer;transition:all .3s linear;text-decoration:none;display:inline-block;font-weight:600}
.btnprim{background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);color:#FFF;box-shadow:0 6px 20px #8506a666}
.btnprim:hover{transform:translateY(-3px);box-shadow:0 10px 30px #8506a699}
.btnsec{background:transparent;color:#02F9F5;border:2px solid #02F9F5}
.btnsec:hover{background:#02f9f51a;transform:translateY(-3px)}
.intrctsec{background:#0f0817;padding:100px 20px}
.intrctwrap{max-width:1400px;margin:0 auto}
.intrcthead{text-align:center;margin-bottom:70px}
.intrcthead h2{font-size:2.5rem;color:#FFF;margin:0 0 16px;position:relative;display:inline-block}
.intrcthead h2::before{content:'';position:absolute;width:60px;height:60px;background:radial-gradient(circle,#8506a64d 0%,transparent 70%);top:-10px;left:-30px;border-radius:50%;z-index:-1}
.intrcthead p{font-size:1.15rem;color:#a1a1aa;max-width:700px;margin:0 auto;line-height:1.6}
.intrcgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:30px}
.intrccard{background:linear-gradient(145deg,#1a0f25 0%,#0d1821 100%);border-radius:30px;padding:40px 30px;position:relative;overflow:hidden;border:1px solid #8506a633;transition:all .3s linear}
.intrccard::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);transform:scaleX(0);transition:transform .3s linear}
.intrccard:hover::before{transform:scaleX(1)}
.intrccard:hover{transform:translateY(-8px);box-shadow:0 15px 40px #8506a64d;border-color:#8506a680}
.intrcicon{font-size:3rem;color:#02F9F5;margin-bottom:20px;display:block}
.intrccard h3{font-size:1.5rem;color:#FFF;margin:0 0 16px}
.intrccard p{font-size:1rem;color:#a1a1aa;line-height:1.6;margin:0 0 24px}
.intrcprog{margin-top:20px}
.proglbl{display:flex;justify-content:space-between;margin-bottom:8px;font-size:.9rem}
.proglbl span:first-child{color:#FFF}
.proglbl span:last-child{color:#8506A6;font-weight:600}
.progbar{width:100%;height:8px;background:#ffffff1a;border-radius:20px;overflow:hidden}
.progfill{height:100%;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);border-radius:20px;transition:width .3s linear}
.imgshowcase{background:#0a0513;padding:100px 20px}
.imgwrap{max-width:1400px;margin:0 auto}
.imggrid{display:grid;grid-template-columns:repeat(2,1fr);gap:30px;margin-bottom:60px}
.imgblock{position:relative;border-radius:30px;overflow:hidden;box-shadow:0 10px 40px #00000080;transition:all .3s linear}
.imgblock:hover{transform:scale(1.03);box-shadow:0 15px 50px #8506a666}
.imgblock img{width:100%;height:400px;object-fit:cover;display:block}
.imgoverlay{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(180deg,transparent 0%,#000000d9 100%);padding:30px;transform:translateY(10px);opacity:0;transition:all .3s linear}
.imgblock:hover .imgoverlay{transform:translateY(0);opacity:1}
.imgoverlay h4{font-size:1.3rem;color:#FFF;margin:0 0 8px}
.imgoverlay p{font-size:.95rem;color:#d4d4d8;margin:0;line-height:1.5}
.outcomesec{max-width:1200px;margin:0 auto;background:linear-gradient(135deg,#1a0f25 0%,#0d1821 100%);border-radius:40px;padding:60px 50px;border:2px solid #02f9f533;box-shadow:0 20px 60px #0006}
.outcomehead{text-align:center;margin-bottom:50px}
.outcomehead h2{font-size:2.3rem;color:#FFF;margin:0 0 16px}
.outcomehead h2::before{content:'→';color:#02F9F5;margin-right:12px}
.outcomelist{display:grid;grid-template-columns:repeat(2,1fr);gap:30px}
.outcomeitem{display:flex;align-items:flex-start;gap:20px;padding:24px;background:#ffffff08;border-radius:25px;border-left:4px solid #8506A6;transition:all .3s linear}
.outcomeitem:hover{background:#8506a61a;border-left-color:#02F9F5;transform:translateX(8px)}
.outcomenum{font-size:2rem;font-weight:700;color:#02F9F5;min-width:50px}
.outcometxt h4{font-size:1.2rem;color:#FFF;margin:0 0 10px}
.outcometxt p{font-size:.95rem;color:#a1a1aa;margin:0;line-height:1.6}
@media (max-width: 768px) {
.hrotxt h1{font-size:2.2rem}
.hrodesc{font-size:1.1rem}
.hrobtns{flex-direction:column}
.btnprim,.btnsec{width:100%;text-align:center}
.intrcgrid{grid-template-columns:1fr}
.imggrid{grid-template-columns:1fr}
.imgblock img{height:300px}
.outcomelist{grid-template-columns:1fr}
.outcomesec{padding:40px 25px}
.intrcthead h2{font-size:2rem}
.outcomehead h2{font-size:1.9rem}
}
@media (max-width: 480px) {
.hrosec{padding:60px 15px}
.intrctsec,.imgshowcase{padding:60px 15px}
.intrccard{padding:30px 20px}
.outcomesec{padding:30px 20px;border-radius:25px}
}
.ctpg{background:linear-gradient(125deg,#0a0515 0%,#1a0b2e 50%,#0f0820 100%);padding:0;margin:0}
.cthd{max-width:1400px;margin:0 auto;padding:80px 20px;text-align:center}
.cthd .ttl{font-size:3.2rem;color:#FFF;margin:0 0 20px;font-weight:700;line-height:1.2}
.cthd .sbtl{font-size:1.3rem;color:#02F9F5;margin:0 0 40px;font-weight:300;letter-spacing:.5px}
.cthd .info{font-size:1.05rem;color:#ffffffbf;line-height:1.7;max-width:700px;margin:0 auto}
.ctwrp{max-width:1400px;margin:0 auto;padding:0 20px 100px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}
.dtls{background:#8506a614;border-radius:30px;padding:50px;border:1px solid #8506a633}
.dtls .hdr{font-size:2rem;color:#FFF;margin:0 0 35px;font-weight:600}
.dtls .item{display:flex;align-items:start;gap:20px;margin:0 0 30px;padding:25px;background:#02f9f508;border-radius:20px;transition:all .3s linear}
.dtls .item:hover{background:#02f9f514;transform:translateX(8px)}
.dtls .item .icn{font-size:2rem;color:#02F9F5;min-width:40px}
.dtls .item .cnt{flex:1}
.dtls .item .lbl{font-size:.9rem;color:#fff9;margin:0 0 8px;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.dtls .item .val{font-size:1.15rem;color:#FFF;margin:0;line-height:1.6}
.dtls .item .val a{color:#FFF;text-decoration:none;transition:color .3s linear}
.dtls .item .val a:hover{color:#02F9F5}
.dtls .opn{margin:40px 0 0;padding:25px;background:#8506a61a;border-radius:20px}
.dtls .opn .oplbl{font-size:.9rem;color:#fff9;margin:0 0 15px;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.dtls .opn .opval{font-size:1.05rem;color:#FFF;margin:0;line-height:1.8}
.frmblk{background:linear-gradient(155deg,#8506a61f 0%,#02f9f50f 100%);border-radius:30px;padding:50px;border:1px solid #8506a640}
.frmblk .hdr{font-size:2rem;color:#FFF;margin:0 0 15px;font-weight:600}
.frmblk .subhdr{font-size:1rem;color:#ffffffa6;margin:0 0 40px;line-height:1.6}
.frmblk .fld{margin:0 0 25px}
.frmblk .fld label{display:block;font-size:.95rem;color:#fffc;margin:0 0 10px;font-weight:500}
.frmblk .fld input[type="text"],.frmblk .fld input[type="email"],.frmblk .fld textarea{width:100%;padding:16px 20px;background:#0a051599;border:1px solid #8506a64d;border-radius:15px;color:#FFF;font-size:1rem;transition:all .3s linear;box-sizing:border-box}
.frmblk .fld input:focus,.frmblk .fld textarea:focus{outline:none;border-color:#02F9F5;background:#0a0515cc;box-shadow:0 0 0 3px #02f9f51a}
.frmblk .fld textarea{min-height:140px;resize:vertical}
.frmblk .mthdselect{margin:30px 0}
.frmblk .mthdselect .mthdlbl{font-size:.95rem;color:#fffc;margin:0 0 15px;font-weight:500}
.frmblk .mthdopts{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.frmblk .mthdopts input[type="radio"]{display:none}
.frmblk .mthdopts label{display:flex;align-items:center;justify-content:center;padding:18px;background:#0a051599;border:2px solid #8506a64d;border-radius:15px;color:#ffffffb3;font-size:1rem;cursor:pointer;transition:all .3s linear;font-weight:500}
.frmblk .mthdopts input[type="radio"]:checked + label{background:#8506a640;border-color:#8506A6;color:#FFF;box-shadow:0 4px 15px #8506a64d}
.frmblk .condfield{max-height:0;overflow:hidden;opacity:0;transition:all .4s linear}
.frmblk #method-email:checked ~ .emailfield,.frmblk #method-phone:checked ~ .phonefield{max-height:200px;opacity:1;margin:20px 0 0}
.frmblk .prvc{margin:35px 0 30px;display:flex;align-items:start;gap:12px}
.frmblk .prvc input[type="checkbox"]{margin:4px 0 0;width:20px;height:20px;cursor:pointer;accent-color:#8506A6}
.frmblk .prvc label{flex:1;font-size:.9rem;color:#ffffffb3;line-height:1.6;margin:0}
.frmblk .prvc label a{color:#02F9F5;text-decoration:none;transition:color .3s linear}
.frmblk .prvc label a:hover{color:#8506A6}
.frmblk .sbmtbtn{width:100%;padding:18px;background:linear-gradient(135deg,#8506A6 0%,#a008c9 100%);border:none;border-radius:15px;color:#FFF;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s linear;text-transform:uppercase;letter-spacing:1px}
.frmblk .sbmtbtn:hover{background:linear-gradient(135deg,#a008c9 0%,#8506A6 100%);box-shadow:0 8px 25px #8506a666;transform:translateY(-2px)}
.frmblk .sbmtbtn:active{transform:translateY(0)}
.visualsec{max-width:1400px;margin:0 auto;padding:0 20px 120px}
.visualsec .grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.visualsec .imgbox{border-radius:30px;overflow:hidden;position:relative;height:400px;border:1px solid #8506a633}
.visualsec .imgbox::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#8506a64d 0%,#02f9f533 100%);z-index:1;transition:opacity .3s linear}
.visualsec .imgbox:hover::before{opacity:.5}
.visualsec .imgbox img{width:100%;height:100%;object-fit:cover;transition:transform .4s linear}
.visualsec .imgbox:hover img{transform:scale(1.05)}
@media (max-width: 1024px) {
.ctwrp{grid-template-columns:1fr;gap:50px}
.visualsec .grid{grid-template-columns:1fr}
.cthd .ttl{font-size:2.5rem}
}
@media (max-width: 768px) {
.cthd{padding:60px 20px}
.cthd .ttl{font-size:2rem}
.cthd .sbtl{font-size:1.1rem}
.dtls,.frmblk{padding:35px 25px}
.frmblk .mthdopts{grid-template-columns:1fr}
.visualsec .imgbox{height:300px}
.ctwrp{padding:0 20px 80px}
.visualsec{padding:0 20px 80px}
}
@media (max-width: 480px) {
.cthd .ttl{font-size:1.75rem}
.dtls .hdr,.frmblk .hdr{font-size:1.6rem}
.dtls,.frmblk{padding:30px 20px}
.visualsec .imgbox{height:250px}
}
.pg{background:linear-gradient(135deg,#0a0014 0%,#1a0028 50%,#0f001a 100%);color:#e8e8f0;position:relative;overflow:hidden}
.pg::before{content:'';position:absolute;top:-50%;right:-20%;width:60%;height:120%;background:radial-gradient(ellipse at center,#8506a626,transparent 70%);pointer-events:none;z-index:1}
.ctnt{max-width:1400px;margin:0 auto;padding:0 20px;position:relative;z-index:2}
.hdrbx{padding:120px 0 80px;text-align:center}
.hdrbx .mttl{font-size:3.2rem;font-weight:700;color:#02F9F5;margin:0 0 24px;line-height:1.2}
.hdrbx .sbttl{font-size:1.3rem;color:#b8b8cc;max-width:700px;margin:0 auto;line-height:1.6}
.stryblk{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center;margin:100px 0;padding:80px 60px;background:linear-gradient(155deg,#8506a614 0%,#02f9f50d 100%);border-radius:32px;border:1px solid #8506a633;position:relative}
.stryblk::after{content:'';position:absolute;bottom:-2px;left:40px;right:40px;height:2px;background:linear-gradient(90deg,transparent,#8506A6,transparent)}
.stryblk .txtsd{padding-right:20px}
.stryblk .txtsd h2{font-size:2.4rem;color:#fff;margin:0 0 28px;line-height:1.3;position:relative;display:inline-block}
.stryblk .txtsd h2::after{content:'';position:absolute;bottom:-8px;left:0;width:60%;height:3px;background:linear-gradient(90deg,#8506A6,#02F9F5);border-radius:30px}
.stryblk .txtsd p{font-size:1.1rem;line-height:1.8;color:#c8c8d8;margin:0 0 20px}
.stryblk .imgsd{position:relative}
.stryblk .imgsd img{width:100%;height:420px;object-fit:cover;border-radius:28px;box-shadow:0 12px 40px #00000080}
.vlblk{margin:120px 0;text-align:center}
.vlblk .sctttl{font-size:2.6rem;color:#fff;margin:0 0 80px;position:relative;display:inline-block}
.vlblk .sctttl::before{content:'';position:absolute;top:50%;left:-120px;width:100px;height:2px;background:linear-gradient(90deg,transparent,#8506A6)}
.vlblk .sctttl::after{content:'';position:absolute;top:50%;right:-120px;width:100px;height:2px;background:linear-gradient(90deg,#02F9F5,transparent)}
.vlgrd{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.vlcrd{background:#0f001a99;padding:50px 35px;border-radius:28px;border:1px solid #8506a640;transition:all .3s linear;position:relative;overflow:hidden}
.vlcrd::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#8506A6,#02F9F5);transform:scaleX(0);transform-origin:left;transition:transform .3s linear}
.vlcrd:hover{transform:translateY(-8px);border-color:#02f9f566;box-shadow:0 16px 48px #8506a64d}
.vlcrd:hover::before{transform:scaleX(1)}
.vlcrd .icnbx{width:70px;height:70px;background:linear-gradient(135deg,#8506A6,#02F9F5);border-radius:20px;display:flex;align-items:center;justify-content:center;margin:0 auto 28px}
.vlcrd .icnbx i{font-size:32px;color:#fff}
.vlcrd h3{font-size:1.5rem;color:#02F9F5;margin:0 0 18px}
.vlcrd p{font-size:1rem;line-height:1.7;color:#b0b0c0;margin:0}
.tmblk{margin:140px 0 100px;position:relative}
.tmgrd{display:grid;grid-template-columns:1.3fr 1fr;gap:0;background:linear-gradient(225deg,#02f9f50f 0%,#8506a61a 100%);border-radius:32px;overflow:hidden;border:1px solid #8506a64d}
.tmtxt{padding:70px 60px}
.tmtxt h2{font-size:2.5rem;color:#fff;margin:0 0 32px;line-height:1.3}
.tmlst{list-style:none;padding:0;margin:0}
.tmlst li{padding:18px 0;border-bottom:1px solid #8506a626;display:flex;align-items:center;transition:all .3s linear}
.tmlst li:last-child{border-bottom:none}
.tmlst li::before{content:'→';color:#02F9F5;font-size:1.5rem;margin-right:16px;font-weight:700;transition:transform .3s linear}
.tmlst li:hover::before{transform:translateX(6px)}
.tmlst li span{font-size:1.1rem;color:#d0d0dc}
.tmlst li:hover{padding-left:12px}
.tmimg{position:relative;overflow:hidden}
.tmimg img{width:100%;height:100%;object-fit:cover}
.aprch{margin:100px 0;padding:90px 0;background:linear-gradient(145deg,#8506a61f 0%,#02f9f514 100%);border-radius:40px;position:relative}
.aprch::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,#8506A6,#02F9F5,transparent)}
.aprch .centxt{max-width:900px;margin:0 auto;text-align:center}
.aprch h2{font-size:2.8rem;color:#fff;margin:0 0 36px}
.aprch .dcr{font-size:1.2rem;line-height:1.8;color:#c0c0d0;margin:0 0 60px}
.ftrsgrd{display:grid;grid-template-columns:repeat(2,1fr);gap:35px}
.ftrsitm{background:#0a001480;padding:35px 40px;border-radius:24px;border:1px solid #02f9f533;display:flex;align-items:flex-start;gap:24px;transition:all .3s linear}
.ftrsitm:hover{border-color:#8506A6;background:#8506a614}
.ftrsitm .icn{width:50px;height:50px;background:linear-gradient(135deg,#8506A6,#02F9F5);border-radius:16px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.ftrsitm .icn i{font-size:24px;color:#fff}
.ftrsitm .txt h4{font-size:1.3rem;color:#02F9F5;margin:0 0 10px}
.ftrsitm .txt p{font-size:.95rem;line-height:1.6;color:#b0b0c0;margin:0}
@media (max-width: 1200px) {
.vlblk .sctttl::before,.vlblk .sctttl::after{display:none}
}
@media (max-width: 992px) {
.hdrbx .mttl{font-size:2.4rem}
.stryblk{grid-template-columns:1fr;gap:40px;padding:60px 40px}
.stryblk .txtsd{padding-right:0}
.stryblk .imgsd img{height:350px}
.vlgrd{grid-template-columns:1fr;gap:30px}
.tmgrd{grid-template-columns:1fr}
.tmtxt{padding:50px 40px}
.tmimg img{height:400px}
.ftrsgrd{grid-template-columns:1fr}
}
@media (max-width: 768px) {
.hdrbx{padding:80px 0 60px}
.hdrbx .mttl{font-size:2rem}
.hdrbx .sbttl{font-size:1.1rem}
.stryblk{margin:60px 0;padding:40px 30px}
.stryblk .txtsd h2{font-size:1.9rem}
.stryblk .imgsd img{height:280px}
.vlblk{margin:80px 0}
.vlblk .sctttl{font-size:2rem;margin:0 0 50px}
.tmblk{margin:80px 0 60px}
.tmtxt h2{font-size:2rem}
.aprch{margin:60px 0;padding:60px 0}
.aprch h2{font-size:2.2rem}
.aprch .dcr{font-size:1.1rem}
}
@media (max-width: 576px) {
.ctnt{padding:0 15px}
.hdrbx .mttl{font-size:1.7rem}
.stryblk{padding:30px 20px;border-radius:24px}
.stryblk .txtsd h2{font-size:1.6rem}
.vlcrd{padding:40px 25px}
.tmtxt{padding:40px 25px}
.aprch{padding:50px 20px;border-radius:28px}
.ftrsitm{padding:28px 25px;flex-direction:column}
}
.studiohd{background:linear-gradient(135deg,#0a0a0f 0%,#1a0a2a 100%);padding:80px 20px 60px;position:relative;overflow:hidden}
.studiohd::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#8506a626 0%,transparent 70%);border-radius:50%}
.studiohd .hdcontent{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.studiohd .hdtitle{font-size:52px;font-weight:700;color:#FFF;margin:0 0 20px;line-height:1.2}
.studiohd .hdtitle::after{content:'';display:block;width:120px;height:5px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);margin-top:24px;border-radius:30px}
.studiohd .hdtext{font-size:20px;color:#ffffffd9;line-height:1.6;max-width:800px;margin:0}
.materialgrid{background:linear-gradient(155deg,#0f0a14 0%,#1a1225 50%,#0a0f14 100%);padding:100px 20px;position:relative}
.materialgrid::before{content:'';position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,#02F9F5 50%,transparent 100%);opacity:.3}
.materialgrid .gridwrap{max-width:1400px;margin:0 auto}
.materialgrid .gridlabel{font-size:16px;text-transform:uppercase;letter-spacing:2px;color:#02F9F5;margin:0 0 16px;font-weight:600}
.materialgrid .gridtitle{font-size:42px;font-weight:700;color:#FFF;margin:0 0 60px;line-height:1.3}
.materialgrid .cardset{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}
.materialgrid .carditem{background:#140f1e99;border:1px solid #8506a633;border-radius:28px;padding:40px 32px;position:relative;overflow:hidden;transition:all .3s linear}
.materialgrid .carditem::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);transform:scaleX(0);transform-origin:left;transition:transform .3s linear}
.materialgrid .carditem:hover{border-color:#02f9f566;transform:translateY(-4px);box-shadow:0 12px 32px #8506a640}
.materialgrid .carditem:hover::before{transform:scaleX(1)}
.materialgrid .cardicon{width:64px;height:64px;margin:0 0 24px;background:linear-gradient(135deg,#8506a633 0%,#02f9f51a 100%);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#02F9F5;font-size:32px}
.materialgrid .cardtitle{font-size:24px;font-weight:700;color:#FFF;margin:0 0 16px;line-height:1.3}
.materialgrid .carddesc{font-size:16px;color:#ffffffbf;line-height:1.7;margin:0 0 24px}
.materialgrid .cardfeatures{list-style:none;padding:0;margin:0}
.materialgrid .cardfeatures li{font-size:15px;color:#ffffffb3;padding:8px 0 8px 28px;position:relative;line-height:1.5}
.materialgrid .cardfeatures li::before{content:'→';position:absolute;left:0;color:#02F9F5;font-weight:700}
.accesspath{background:linear-gradient(225deg,#120a1a 0%,#0a0f1a 100%);padding:100px 20px;position:relative}
.accesspath::before{content:'';position:absolute;top:-100px;left:50%;width:800px;height:800px;background:radial-gradient(circle,#02f9f514 0%,transparent 60%);transform:translateX(-50%);border-radius:50%}
.accesspath .pathcontainer{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;position:relative;z-index:2}
.accesspath .pathcontent h2{font-size:40px;font-weight:700;color:#FFF;margin:0 0 24px;line-height:1.3}
.accesspath .pathcontent h2::before{content:'';display:inline-block;width:8px;height:8px;background:#8506A6;border-radius:50%;margin-right:12px;vertical-align:middle}
.accesspath .pathcontent p{font-size:18px;color:#fffc;line-height:1.7;margin:0 0 32px}
.accesspath .stepslist{list-style:none;padding:0;margin:0 0 40px}
.accesspath .stepslist li{padding:20px 0;border-bottom:1px solid #ffffff1a;display:flex;align-items:flex-start;gap:20px}
.accesspath .stepslist li:last-child{border-bottom:none}
.accesspath .stepnum{width:48px;height:48px;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);border-radius:24px;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;color:#FFF;flex-shrink:0}
.accesspath .steptext{flex:1;padding-top:4px}
.accesspath .steptext strong{font-size:18px;color:#FFF;display:block;margin:0 0 8px;font-weight:600}
.accesspath .steptext span{font-size:16px;color:#ffffffb3;line-height:1.6}
.accesspath .pathvisual{position:relative}
.accesspath .pathvisual img{width:100%;height:auto;border-radius:32px;box-shadow:0 20px 60px #0006;border:1px solid #8506a64d}
.accesspath .pathvisual::before{content:'';position:absolute;top:-20px;left:-20px;right:40px;bottom:40px;background:linear-gradient(135deg,#8506a633 0%,#02f9f533 100%);border-radius:32px;z-index:-1}
.accesspath .ctabutton{display:inline-flex;align-items:center;gap:12px;background:linear-gradient(135deg,#8506A6 0%,#6204a0 100%);color:#FFF;font-size:18px;font-weight:600;padding:18px 40px;border-radius:30px;text-decoration:none;transition:all .3s linear;border:2px solid transparent;position:relative;z-index:10}
.accesspath .ctabutton:hover{background:linear-gradient(135deg,#6204a0 0%,#8506A6 100%);border-color:#02F9F5;transform:translateX(4px);box-shadow:0 8px 24px #8506a666}
.accesspath .ctabutton i{font-size:20px}
@media (max-width: 968px) {
.studiohd{padding:60px 20px 40px}
.studiohd .hdtitle{font-size:38px}
.studiohd .hdtext{font-size:18px}
.materialgrid{padding:70px 20px}
.materialgrid .gridtitle{font-size:34px;margin-bottom:40px}
.materialgrid .cardset{grid-template-columns:1fr;gap:24px}
.accesspath .pathcontainer{grid-template-columns:1fr;gap:50px}
.accesspath .pathcontent h2{font-size:32px}
.accesspath .pathvisual::before{top:-10px;left:-10px;right:20px;bottom:20px}
}
@media (max-width: 580px) {
.studiohd .hdtitle{font-size:32px}
.studiohd .hdtext{font-size:16px}
.materialgrid .gridtitle{font-size:28px}
.materialgrid .cardset{grid-template-columns:1fr}
.materialgrid .carditem{padding:32px 24px}
.accesspath{padding:70px 20px}
.accesspath .pathcontent h2{font-size:28px}
.accesspath .pathcontent p{font-size:16px}
.accesspath .ctabutton{width:100%;justify-content:center}
}
.ckpg{background:linear-gradient(135deg,#0a0a0b 0%,#1a0d1f 100%);padding:0;margin:0}
.ckpg .hdblk{max-width:1400px;margin:0 auto;padding:80px 40px 60px}
.ckpg .hdblk .ttl{font-size:3.2rem;color:#FFF;margin:0 0 16px;font-weight:700;line-height:1.2}
.ckpg .hdblk .subttl{font-size:1.1rem;color:#b8b8ba;margin:0 0 24px;line-height:1.6}
.ckpg .hdblk .updtinfo{display:inline-block;background:#8506a626;border-left:3px solid #8506A6;padding:12px 20px;border-radius:8px;color:#02F9F5;font-size:.95rem}
.ckpg .cntarea{max-width:1400px;margin:0 auto;padding:0 40px 100px}
.ckpg .cntarea .sctn{background:#ffffff08;border-radius:24px;padding:48px;margin-bottom:32px;border:1px solid #ffffff14;position:relative}
.ckpg .cntarea .sctn::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);border-radius:24px 24px 0 0}
.ckpg .cntarea .sctn .sctnhd{font-size:2rem;color:#FFF;margin:0 0 24px;font-weight:600;position:relative;padding-left:20px}
.ckpg .cntarea .sctn .sctnhd::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:32px;background:linear-gradient(180deg,#8506A6 0%,#02F9F5 100%);border-radius:8px}
.ckpg .cntarea .sctn .txt{color:#d4d4d6;line-height:1.8;font-size:1.05rem;margin:0 0 20px}
.ckpg .cntarea .sctn .txt:last-child{margin-bottom:0}
.ckpg .cntarea .sctn .smlhd{font-size:1.4rem;color:#02F9F5;margin:32px 0 16px;font-weight:600}
.ckpg .cntarea .sctn .lst{list-style:none;padding:0;margin:20px 0}
.ckpg .cntarea .sctn .lst .itm{padding:16px 0 16px 32px;position:relative;color:#d4d4d6;line-height:1.7;font-size:1.05rem}
.ckpg .cntarea .sctn .lst .itm::before{content:'';position:absolute;left:0;top:24px;width:8px;height:8px;background:#8506A6;border-radius:50%;box-shadow:0 0 8px #8506a699}
.ckpg .cntarea .sctn .lst .itm strong{color:#FFF;font-weight:600}
.ckpg .cntarea .tblwrap{overflow-x:auto;margin:24px 0;border-radius:16px;background:#0000004d}
.ckpg .cntarea .cktbl{width:100%;border-collapse:collapse;font-size:1rem}
.ckpg .cntarea .cktbl .thdrow{background:linear-gradient(90deg,#8506a633 0%,#02f9f533 100%)}
.ckpg .cntarea .cktbl .thdrow .thcl{padding:20px 24px;text-align:left;color:#FFF;font-weight:600;border-bottom:2px solid #02f9f54d}
.ckpg .cntarea .cktbl .trow .tcl{padding:18px 24px;color:#d4d4d6;border-bottom:1px solid #ffffff0d;line-height:1.6}
.ckpg .cntarea .cktbl .trow:last-child .tcl{border-bottom:none}
.ckpg .cntarea .cktbl .trow:hover{background:#8506a60d}
.ckpg .cntarea .hlbox{background:linear-gradient(135deg,#8506a626 0%,#02f9f51a 100%);border-left:4px solid #02F9F5;padding:24px 32px;border-radius:12px;margin:32px 0}
.ckpg .cntarea .hlbox .txt{color:#FFF;font-size:1.05rem;line-height:1.7;margin:0}
.ckpg .cntarea .cntinfo{background:#02f9f514;border-radius:20px;padding:40px;margin-top:48px;text-align:center;border:1px solid #02f9f533}
.ckpg .cntarea .cntinfo .cnthd{font-size:1.6rem;color:#FFF;margin:0 0 20px;font-weight:600}
.ckpg .cntarea .cntinfo .cnttxt{color:#d4d4d6;font-size:1.05rem;line-height:1.7;margin:0 0 28px}
.ckpg .cntarea .cntinfo .emlnk{display:inline-block;background:linear-gradient(135deg,#8506A6 0%,#6a0589 100%);color:#FFF;padding:14px 36px;border-radius:30px;text-decoration:none;font-weight:600;font-size:1.05rem;transition:all .3s linear;box-shadow:0 6px 20px #8506a64d}
.ckpg .cntarea .cntinfo .emlnk:hover{background:linear-gradient(135deg,#6a0589 0%,#8506A6 100%);transform:translateY(-2px);box-shadow:0 8px 24px #8506a666}
@media (max-width: 768px) {
.ckpg .hdblk{padding:60px 24px 40px}
.ckpg .hdblk .ttl{font-size:2.2rem}
.ckpg .cntarea{padding:0 24px 60px}
.ckpg .cntarea .sctn{padding:32px 24px}
.ckpg .cntarea .sctn .sctnhd{font-size:1.6rem}
.ckpg .cntarea .cntinfo{padding:32px 24px}
.ckpg .cntarea .tblwrap{margin:20px -24px;border-radius:0}
}
@media (max-width: 480px) {
.ckpg .hdblk .ttl{font-size:1.8rem}
.ckpg .cntarea .sctn .sctnhd{font-size:1.4rem;padding-left:16px}
.ckpg .cntarea .cktbl .thdrow .thcl,.ckpg .cntarea .cktbl .trow .tcl{padding:14px 16px;font-size:.95rem}
}
.privlayout{max-width:1400px;margin:0 auto;padding:80px 20px}
.privhero{background:linear-gradient(128deg,#1a0025 0%,#2d0042 45%,#1a0025 100%);padding:120px 40px;border-radius:32px;margin-bottom:80px;position:relative;overflow:hidden}
.privhero::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#8506a626 0%,transparent 70%);border-radius:50%}
.privhero::after{content:'';position:absolute;bottom:-30%;left:-10%;width:500px;height:500px;background:radial-gradient(circle,#02f9f514 0%,transparent 70%);border-radius:50%}
.privhero .herocontent{position:relative;z-index:2;max-width:800px}
.privhero .maintitle{font-size:52px;font-weight:700;color:#FFF;margin:0 0 20px;line-height:1.2}
.privhero .updateinfo{display:inline-flex;align-items:center;gap:12px;background:#02f9f51a;padding:12px 24px;border-radius:24px;color:#02F9F5;font-size:15px;margin-bottom:24px;border:1px solid #02f9f533}
.privhero .updateinfo i{font-size:18px}
.privhero .introtxt{font-size:18px;color:#d4d4d4;line-height:1.7;margin:0}
.docblock{background:linear-gradient(142deg,#0d0014 0%,#1f0030 100%);border-radius:28px;padding:60px;margin-bottom:60px;border:1px solid #8506a633;position:relative}
.docblock::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);border-radius:28px 28px 0 0}
.sectionhead{font-size:32px;font-weight:700;color:#FFF;margin:0 0 24px;position:relative;padding-left:24px}
.sectionhead::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:36px;background:linear-gradient(180deg,#8506A6 0%,#02F9F5 100%);border-radius:4px}
.sectionhead.decorated::after{content:'';position:absolute;bottom:-12px;left:24px;width:80px;height:3px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 100%);border-radius:2px}
.txtpara{font-size:16px;color:#c4c4c4;line-height:1.8;margin:0 0 20px}
.txtpara:last-child{margin-bottom:0}
.subsection{margin-top:48px;padding-top:48px;border-top:1px solid #8506a626}
.subsection:first-child{margin-top:0;padding-top:0;border-top:none}
.subhead{font-size:24px;font-weight:600;color:#FFF;margin:0 0 20px;display:flex;align-items:center;gap:12px}
.subhead i{color:#02F9F5;font-size:26px}
.listblock{margin:28px 0;padding-left:0;list-style:none}
.listblock li{font-size:16px;color:#c4c4c4;line-height:1.8;margin-bottom:16px;padding-left:32px;position:relative}
.listblock li::before{content:'';position:absolute;left:0;top:8px;width:8px;height:8px;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);border-radius:50%;box-shadow:0 0 12px #8506a666}
.listblock.detailed li{padding-left:48px;margin-bottom:24px}
.listblock.detailed li::before{width:24px;height:24px;border-radius:6px;top:4px;display:flex;align-items:center;justify-content:center;font-weight:700;color:#FFF;font-size:13px;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%)}
.highlight{color:#02F9F5;font-weight:600}
.infogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin:40px 0}
.infocard{background:linear-gradient(145deg,#8506a614 0%,#02f9f50d 100%);padding:32px;border-radius:20px;border:1px solid #8506a633;transition:all .3s linear}
.infocard:hover{transform:translateY(-4px);border-color:#02f9f566;box-shadow:0 12px 32px #8506a633}
.infocard .cardicon{width:56px;height:56px;background:linear-gradient(135deg,#8506A6 0%,#02F9F5 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.infocard .cardicon i{font-size:28px;color:#FFF}
.infocard .cardtitle{font-size:20px;font-weight:600;color:#FFF;margin:0 0 12px}
.infocard .carddesc{font-size:15px;color:#b4b4b4;line-height:1.7;margin:0}
.contactblock{background:linear-gradient(128deg,#1a0025 0%,#2d0042 100%);padding:48px;border-radius:24px;margin-top:48px;display:flex;flex-direction:column;gap:32px;border:1px solid #02f9f533}
.contactheader{font-size:28px;font-weight:700;color:#FFF;margin:0 0 12px}
.contactdesc{font-size:16px;color:#c4c4c4;line-height:1.7;margin:0}
.contactoptions{display:flex;flex-wrap:wrap;gap:24px}
.contactitem{display:flex;align-items:center;gap:16px;padding:20px 28px;background:#02f9f50d;border-radius:16px;border:1px solid #02f9f526;transition:all .3s linear;text-decoration:none;color:inherit}
.contactitem:hover{background:#02f9f51a;border-color:#02f9f54d;transform:translateX(4px)}
.contactitem i{font-size:24px;color:#02F9F5}
.contactitem .contactlabel{font-size:13px;color:#a4a4a4;margin:0 0 4px;display:block}
.contactitem .contactvalue{font-size:16px;color:#FFF;font-weight:600;margin:0;display:block}
@media (max-width: 768px) {
.privlayout{padding:40px 16px}
.privhero{padding:60px 24px;border-radius:24px;margin-bottom:40px}
.privhero .maintitle{font-size:36px}
.privhero .introtxt{font-size:16px}
.docblock{padding:32px 24px;border-radius:20px}
.sectionhead{font-size:26px;padding-left:20px}
.sectionhead::before{width:4px;height:28px}
.subhead{font-size:20px}
.infogrid{grid-template-columns:1fr;gap:20px}
.contactblock{padding:32px 24px}
.contactheader{font-size:24px}
.contactoptions{flex-direction:column}
.contactitem{width:100%}
}
@media (max-width: 480px) {
.privhero .maintitle{font-size:28px}
.privhero .updateinfo{font-size:14px;padding:10px 20px}
.sectionhead{font-size:22px}
.subhead{font-size:18px}
.docblock{padding:24px 16px}
.contactblock{padding:24px 16px}
}
.successwrap{max-width:1400px;margin:0 auto;padding:0}
.confirmzone{background:linear-gradient(127deg,#1a0a24 0%,#0d0517 100%);padding:80px 20px;text-align:center;position:relative;overflow:hidden}
.confirmzone::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#8506a626 0%,transparent 70%);animation:pulseorb 8s linear infinite}
@keyframes pulseorb {
0%,100%{transform:scale(1) rotate(0deg)}
50%{transform:scale(1.1) rotate(180deg)}
}
.confirmzone .iconwrap{width:140px;height:140px;margin:0 auto 40px;position:relative;z-index:2}
.confirmzone .iconwrap svg{width:100%;height:100%;filter:drop-shadow(0 8px 24px #02f9f566)}
.confirmzone .iconwrap circle{fill:none;stroke:#02F9F5;stroke-width:3;stroke-dasharray:314;stroke-dashoffset:314;animation:drawcircle 1.2s ease-out forwards}
.confirmzone .iconwrap path{fill:none;stroke:#8506A6;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;animation:drawcheck .8s ease-out .6s forwards}
@keyframes drawcircle {
to{stroke-dashoffset:0}
}
@keyframes drawcheck {
to{stroke-dashoffset:0}
}
.confirmzone .titletxt{font-size:42px;font-weight:700;color:#FFF;margin:0 0 20px;position:relative;z-index:2}
.confirmzone .subtxt{font-size:18px;color:#fffc;margin:0 0 40px;max-width:600px;margin-left:auto;margin-right:auto;line-height:1.6;position:relative;z-index:2}
.confirmzone .infogrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:30px;max-width:900px;margin:0 auto 50px;position:relative;z-index:2}
.confirmzone .infocard{background:linear-gradient(135deg,#8506a61a 0%,#02f9f50d 100%);padding:30px;border-radius:24px;border:1px solid #ffffff1a;text-align:left;transition:all .4s linear}
.confirmzone .infocard:hover{transform:translateY(-6px);border-color:#02f9f566;box-shadow:0 12px 32px #02f9f533}
.confirmzone .infocard i{font-size:32px;color:#02F9F5;display:block;margin-bottom:16px}
.confirmzone .infocard .cardhead{font-size:20px;font-weight:600;color:#FFF;margin:0 0 10px}
.confirmzone .infocard .cardbody{font-size:15px;color:#ffffffb3;margin:0;line-height:1.5}
.confirmzone .actbox{position:relative;z-index:2}
.confirmzone .primebtn{display:inline-block;background:linear-gradient(95deg,#8506A6 0%,#a308cc 100%);color:#FFF;font-size:16px;font-weight:600;padding:16px 48px;border-radius:30px;text-decoration:none;transition:all .3s linear;border:2px solid transparent;box-shadow:0 6px 20px #8506a666}
.confirmzone .primebtn:hover{background:linear-gradient(95deg,#a308cc 0%,#8506A6 100%);transform:scale(1.05);box-shadow:0 10px 30px #8506a699}
.confirmzone .primebtn i{margin-left:8px}
.nextarea{background:linear-gradient(221deg,#0d0517 0%,#1a0f28 100%);padding:100px 20px;position:relative}
.nextarea::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#02f9f514 0%,transparent 70%);border-radius:50%;top:20%;right:-100px;animation:floatshape 12s linear infinite}
.nextarea::after{content:'';position:absolute;width:300px;height:300px;background:radial-gradient(circle,#8506a614 0%,transparent 70%);border-radius:50%;bottom:10%;left:-80px;animation:floatshape 15s linear infinite reverse}
@keyframes floatshape {
0%,100%{transform:translate(0,0) rotate(0deg)}
33%{transform:translate(30px,-30px) rotate(120deg)}
66%{transform:translate(-20px,20px) rotate(240deg)}
}
.nextarea .contentwrap{max-width:1100px;margin:0 auto;position:relative;z-index:2}
.nextarea .tophead{text-align:center;margin-bottom:60px}
.nextarea .tophead .suptitle{font-size:14px;font-weight:600;color:#02F9F5;text-transform:uppercase;letter-spacing:2px;margin:0 0 16px}
.nextarea .tophead .maintitle{font-size:38px;font-weight:700;color:#FFF;margin:0 0 20px}
.nextarea .tophead .maindesc{font-size:17px;color:#ffffffb3;max-width:700px;margin:0 auto;line-height:1.6}
.nextarea .stepgrid{display:flex;justify-content:space-between;gap:40px;margin-bottom:60px;position:relative}
.nextarea .stepgrid::before{content:'';position:absolute;top:50px;left:80px;right:80px;height:2px;background:linear-gradient(90deg,#8506A6 0%,#02F9F5 50%,#8506A6 100%);z-index:1}
.nextarea .stepitem{flex:1;position:relative;z-index:2}
.nextarea .stepitem .stepnum{width:100px;height:100px;margin:0 auto 24px;background:linear-gradient(135deg,#8506a633 0%,#02f9f51a 100%);border:3px solid #8506A6;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;color:#FFF;transition:all .4s linear;box-shadow:0 6px 20px #8506a64d}
.nextarea .stepitem:hover .stepnum{background:linear-gradient(135deg,#02f9f533 0%,#8506a626 100%);border-color:#02F9F5;transform:scale(1.1) rotate(360deg);box-shadow:0 10px 30px #02f9f566}
.nextarea .stepitem .steptitle{font-size:22px;font-weight:600;color:#FFF;margin:0 0 12px;text-align:center}
.nextarea .stepitem .stepdesc{font-size:15px;color:#ffffffb3;margin:0;text-align:center;line-height:1.5}
.nextarea .ctabox{text-align:center;display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.nextarea .mainbtn{display:inline-block;background:linear-gradient(95deg,#02F9F5 0%,#01d4d1 100%);color:#0d0517;font-size:16px;font-weight:700;padding:18px 52px;border-radius:32px;text-decoration:none;transition:all .3s linear;box-shadow:0 6px 20px #02f9f566}
.nextarea .mainbtn:hover{background:linear-gradient(95deg,#01d4d1 0%,#02F9F5 100%);transform:translateY(-4px);box-shadow:0 12px 30px #02f9f599}
.nextarea .secbtn{display:inline-block;background:transparent;color:#FFF;font-size:16px;font-weight:600;padding:16px 50px;border-radius:32px;text-decoration:none;border:2px solid #ffffff4d;transition:all .3s linear}
.nextarea .secbtn:hover{border-color:#8506A6;background:#8506a61a;transform:translateY(-4px)}
@media (max-width: 992px) {
.confirmzone{padding:60px 20px}
.confirmzone .titletxt{font-size:34px}
.confirmzone .infogrid{grid-template-columns:1fr;gap:20px}
.nextarea{padding:80px 20px}
.nextarea .stepgrid{flex-direction:column;gap:50px}
.nextarea .stepgrid::before{display:none}
.nextarea .tophead .maintitle{font-size:32px}
}
@media (max-width: 768px) {
.confirmzone .titletxt{font-size:28px}
.confirmzone .subtxt{font-size:16px}
.confirmzone .iconwrap{width:100px;height:100px}
.nextarea .tophead .maintitle{font-size:26px}
.nextarea .ctabox{flex-direction:column;align-items:center}
.nextarea .mainbtn,.nextarea .secbtn{width:100%;max-width:300px;text-align:center}
}