html,body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,figure,figcaption,blockquote,dl,dd{margin:0;padding:0}
*{box-sizing:border-box}
body{font-family:'Source Serif Pro','Noto Serif',serif;background:#0a0a0a;color:#e0e0e0;line-height:1.7;font-size:16px}
.hdrwrapper{background:linear-gradient(157deg,#1a0a1f 0%,#0a0514 50%,#120a1a 100%);padding:20px 0;box-shadow:0 8px 24px #ff02a026 0 2px 8px #8d09be1a;position:relative}
.hdrtop{max-width:1024px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;gap:40px}
.lgowrapper{flex-shrink:0}
.lgoimg{height:110px;width:110px;display:block;box-shadow:0 0 20px #ff02a066 0 0 40px #8d09be33;border-radius:8px;background:#ffffff05;padding:8px}
.nvgtnmain{display:flex;gap:32px;align-items:center;flex-wrap:wrap}
.nvlink{color:#e0e0e0;text-decoration:none;font-size:15px;font-weight:400;padding:8px 12px;border-radius:6px;transition:background 0.25s,color .25s;position:relative}
.nvlink:hover{background:#ff02a014;color:#FF02A0}
.hdrbttm{max-width:1024px;margin:0 auto;padding:20px 20px 0}
.cmpnyname{font-size:19px;font-weight:300;color:#b0b0b0;letter-spacing:3px;text-transform:uppercase;opacity:.6}
.ftrwrapper{background:linear-gradient(203deg,#150a1c 0%,#0a0612 50%,#1a0a20 100%);padding:80px 20px 30px;margin-top:80px;border-top:1px solid #ff02a026}
.ftrcntnt{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr;gap:100px;margin-bottom:60px}
.cmpnycard{display:flex;flex-direction:column;gap:24px}
.lgoftr{margin-bottom:8px}
.lgoftrimag{height:80px;width:80px;box-shadow:0 0 16px #ff02a04d;border-radius:6px;background:#ffffff05;padding:6px}
.cmpnydsc{font-size:15px;line-height:1.8;color:#b8b8b8;max-width:520px}
.cntctdata{display:flex;flex-direction:column;gap:14px}
.cntctitem{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:silver}
.cntctitem .oi{color:#FF02A0;margin-top:3px;flex-shrink:0}
.cntctitem a{color:silver;text-decoration:none;transition:color .25s}
.cntctitem a:hover{color:#FF02A0}
.ftrnvgtn{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.ftrlink{color:#b8b8b8;text-decoration:none;font-size:15px;transition:color .25s;padding:4px 0}
.ftrlink:hover{color:#FF02A0}
.cpyrght{max-width:1024px;margin:0 auto;padding-top:30px;border-top:1px solid #ffffff0d;text-align:center}
.cpyrght p{font-size:13px;color:gray}
.ckie{position:fixed;top:20px;left:-320px;width:300px;background:linear-gradient(135deg,#1a0a1f 0%,#0d0515 100%);border:1px solid #ff02a04d;box-shadow:0 16px 48px #000000b3 0 0 30px #ff02a033;border-radius:0;padding:24px;z-index:9999;transition:left .4s ease}
.ckie[data-visible="true"]{left:20px}
.ckie[data-visible="false"]{left:-320px}
.ckiecntnt{display:flex;flex-direction:column;gap:20px}
.ckietxt{font-size:14px;line-height:1.6;color:#d0d0d0}
.ckiebtns{display:flex;flex-direction:column;gap:10px}
.ckiebtn{padding:12px;border:none;background:#8D09BE;color:#fff;font-family:'Source Serif Pro',serif;font-size:14px;font-weight:700;cursor:pointer;transition:background .25s;width:100%}
.ckiebtn:hover{background:#FF02A0}
.ckieaccpt{background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%)}
.ckieaccpt:hover{background:linear-gradient(90deg,#d90189 0%,#7308a0 100%)}
.ckiedcln{background:#ffffff14}
.ckiedcln:hover{background:#ffffff26}
@media (max-width: 768px) {
.hdrtop{flex-direction:column;gap:24px;align-items:center}
.nvgtnmain{flex-direction:column;gap:16px;width:100%;align-items:center}
.nvlink{width:100%;text-align:center}
.hdrbttm{text-align:center}
.ftrcntnt{grid-template-columns:1fr;gap:50px}
.ftrnvgtn{align-items:center}
.ckie{width:calc(100% - 40px);left:-100%}
.ckie[data-visible="true"]{left:20px}
}
@media (max-width: 480px) {
.lgoimg{height:90px;width:90px}
.cmpnyname{font-size:16px;letter-spacing:2px}
.hdrwrapper{padding:16px 0}
}
.doc-section{max-width:1024px;margin:0 auto;padding:80px 24px;background:#0a0a0f;color:#e8e8f0;line-height:1.8}
.doc-section h1{font-size:48px;font-weight:700;color:#FFF;margin:0 0 48px;padding-bottom:24px;border-bottom:2px solid #FF02A0;letter-spacing:-.5px;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.doc-section h2{font-size:36px;font-weight:600;color:#FFF;margin:64px 0 32px;letter-spacing:-.3px;position:relative;padding-left:20px}
.doc-section h2::before{content:'';position:absolute;left:0;top:8px;width:6px;height:32px;background:linear-gradient(180deg,#FF02A0 0%,#8D09BE 100%);border-radius:3px}
.doc-section h3{font-size:28px;font-weight:600;color:#f0f0f8;margin:48px 0 24px;letter-spacing:-.2px}
.doc-section h4{font-size:22px;font-weight:500;color:#d8d8e8;margin:36px 0 20px}
.doc-section h5{font-size:18px;font-weight:500;color:#d0d0e0;margin:28px 0 16px}
.doc-section h6{font-size:16px;font-weight:500;color:#c8c8d8;margin:24px 0 12px;text-transform:uppercase;letter-spacing:1px}
.doc-section p{font-size:16px;line-height:1.8;color:#b8b8c8;margin:0 0 24px}
.doc-section ul,.doc-section ol{margin:0 0 32px;padding-left:32px}
.doc-section ul{list-style:none}
.doc-section ul li{position:relative;margin-bottom:16px;padding-left:24px;font-size:16px;line-height:1.8;color:#b8b8c8}
.doc-section ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:#FF02A0;border-radius:50%;box-shadow:0 0 8px #ff02a099}
.doc-section ol{list-style:none;counter-reset:policy-counter}
.doc-section ol li{position:relative;margin-bottom:16px;padding-left:40px;font-size:16px;line-height:1.8;color:#b8b8c8;counter-increment:policy-counter}
.doc-section ol li::before{content:counter(policy-counter);position:absolute;left:0;top:0;width:28px;height:28px;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);color:#FFF;border-radius:6px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px}
.doc-section strong,.doc-section b{font-weight:600;color:#FFF}
.doc-section a{color:#FF02A0;text-decoration:none;position:relative;transition:all .3s ease;border-bottom:1px solid #ff02a04d}
.doc-section a:hover{color:#FFF;border-bottom-color:#FF02A0;text-shadow:0 0 12px #ff02a080}
.doc-section table{width:100%;margin:48px 0;border-collapse:separate;border-spacing:0;background:#12121a;border-radius:8px;overflow:hidden;box-shadow:0 8px 32px #00000080}
.doc-section thead{background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%)}
.doc-section thead tr th{padding:20px 24px;text-align:left;font-size:16px;font-weight:600;color:#FFF;text-transform:uppercase;letter-spacing:.5px}
.doc-section tbody tr{border-bottom:1px solid #ffffff0d;transition:background .3s ease}
.doc-section tbody tr:last-child{border-bottom:none}
.doc-section tbody tr:hover{background:#ff02a00d}
.doc-section tbody tr td{padding:20px 24px;font-size:15px;color:#b8b8c8;vertical-align:top}
.doc-section tbody tr td:first-child{font-weight:500;color:#d8d8e8}
.doc-section th{font-weight:600}
.doc-section hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#FF02A0 20%,#8D09BE 80%,transparent 100%);margin:64px 0;opacity:.5}
.doc-section div{margin:0 0 24px}
@media (max-width: 768px) {
.doc-section{padding:48px 20px}
.doc-section h1{font-size:32px;margin-bottom:32px}
.doc-section h2{font-size:26px;margin:48px 0 24px}
.doc-section h3{font-size:22px;margin:36px 0 20px}
.doc-section h4{font-size:19px}
.doc-section table{font-size:14px}
.doc-section thead tr th{padding:16px;font-size:14px}
.doc-section tbody tr td{padding:16px;font-size:14px}
.doc-section ul,.doc-section ol{padding-left:20px}
}
@media (max-width: 480px) {
.doc-section{padding:32px 16px}
.doc-section h1{font-size:28px}
.doc-section h2{font-size:22px}
.doc-section table{display:block;overflow-x:auto}
}
.blg-wrp{background:#0a0a0f;min-height:100vh;padding:0;margin:0}
.blg-cntr{max-width:1024px;margin:0 auto;padding:80px 20px 100px}
.blg-hdr{margin-bottom:60px;text-align:center}
.blg-ttl{font-size:48px;line-height:1.2;color:#fff;margin:0 0 30px;font-weight:700;position:relative;padding-bottom:20px}
.blg-ttl::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);border-radius:2px}
.blg-ftr-img-wrp{width:100%;height:480px;margin:0 0 60px;border-radius:8px;overflow:hidden;position:relative;background:linear-gradient(145deg,#1a1a2e 0%,#16213e 100%);display:flex;align-items:center;justify-content:center}
.blg-ftr-img-wrp::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(125deg,#ff02a026 0%,#8d09be26 100%);z-index:1}
.blg-ftr-img{width:100%;height:100%;object-fit:cover;display:block}
.blg-cntnt{background:#12121a;padding:60px;border-radius:10px;box-shadow:0 20px 60px #00000080;position:relative}
.blg-cntnt::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);border-radius:10px 10px 0 0}
.blg-txt p{font-size:18px;line-height:1.8;color:#d4d4dc;margin:0 0 28px}
.blg-txt p:last-child{margin-bottom:0}
.pll-sctn{margin-top:80px;padding:50px;background:linear-gradient(155deg,#1a1a2e 0%,#0f0f17 100%);border-radius:10px;border:2px solid #8D09BE;box-shadow:0 15px 40px #8d09be33}
.pll-hd{font-size:28px;color:#fff;margin:0 0 35px;text-align:center;font-weight:600;position:relative;display:inline-block;width:100%}
.pll-hd::before{content:'';position:absolute;left:50%;transform:translateX(-50%);bottom:-12px;width:60px;height:3px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);border-radius:2px}
.pll-optns{display:flex;flex-direction:row;gap:20px;justify-content:center;align-items:center}
.pll-optn{position:relative}
.pll-inpt{position:absolute;opacity:0;cursor:pointer}
.pll-lbl{display:flex;align-items:center;justify-content:center;padding:18px 50px;background:#0a0a0f;border:2px solid #2a2a38;border-radius:8px;color:#b4b4be;font-size:20px;font-weight:500;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}
.pll-lbl::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,#ff02a033 0%,#8d09be33 100%);transition:left .4s ease;z-index:0}
.pll-lbl span{position:relative;z-index:1}
.pll-inpt:checked + .pll-lbl{background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);border-color:#FF02A0;color:#fff;box-shadow:0 8px 25px #ff02a066;transform:translateY(-2px)}
.pll-inpt:checked + .pll-lbl::before{left:0}
.pll-lbl:hover{border-color:#8D09BE;transform:translateY(-2px);box-shadow:0 8px 25px #8d09be4d}
.pll-lbl:hover::before{left:0}
@media (max-width: 768px) {
.blg-cntr{padding:50px 16px 70px}
.blg-ttl{font-size:32px;margin-bottom:25px}
.blg-ftr-img-wrp{height:280px;margin-bottom:40px}
.blg-cntnt{padding:35px 25px}
.blg-txt p{font-size:16px;line-height:1.7;margin-bottom:22px}
.pll-sctn{padding:35px 25px;margin-top:50px}
.pll-hd{font-size:22px;margin-bottom:30px}
.pll-optns{flex-direction:column;gap:15px}
.pll-lbl{width:100%;padding:16px 40px;font-size:18px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.blg-cntr{padding:65px 30px 85px}
.blg-ttl{font-size:40px}
.blg-ftr-img-wrp{height:380px}
.blg-cntnt{padding:50px 45px}
.pll-sctn{padding:45px 40px}
}
.blglst{background:#0a0a0f;color:#fff;padding:0;margin:0}
.blglst .hdrsct{background:linear-gradient(137deg,#FF02A0 0%,#8D09BE 100%);padding:80px 20px 60px;text-align:center;position:relative;overflow:hidden}
.blglst .hdrsct::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ffffff1a 1px,transparent 1px);background-size:40px 40px;animation:mvpttrn 20s linear infinite}
@keyframes mvpttrn {
0%{transform:translate(0,0)}
100%{transform:translate(40px,40px)}
}
.blglst .hdrsct h1{font-size:48px;margin:0 0 12px;font-weight:700;position:relative;z-index:1;text-shadow:0 4px 12px #0006}
.blglst .hdrsct .sbttl{font-size:18px;opacity:.95;position:relative;z-index:1;max-width:600px;margin:0 auto}
.blglst .cntnrwrp{max-width:1024px;margin:0 auto;padding:60px 20px}
.blglst .grdpsts{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:80px}
@media (min-width: 768px) {
.blglst .grdpsts{grid-template-columns:repeat(2,1fr);gap:32px}
}
.blglst .pstcrd{background:#151520;border-radius:8px;overflow:hidden;transition:all .3s ease;border:1px solid #ff02a01a;position:relative}
.blglst .pstcrd::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}
.blglst .pstcrd:hover::before{transform:scaleX(1)}
.blglst .pstcrd:hover{transform:translateY(-6px);box-shadow:0 12px 32px #ff02a033;border-color:#ff02a04d}
.blglst .pstcrd .mgwrp{width:100%;height:240px;overflow:hidden;background:linear-gradient(135deg,#1a1a2e 0%,#0f0f1a 100%);position:relative}
.blglst .pstcrd .mgwrp img{width:100%;height:100%;object-fit:cover;transition:transform .4s ease}
.blglst .pstcrd:hover .mgwrp img{transform:scale(1.08)}
.blglst .pstcrd .cntnt{padding:28px}
.blglst .pstcrd .cntnt h3{font-size:22px;margin:0 0 14px;font-weight:600;color:#fff;line-height:1.4}
.blglst .pstcrd .cntnt h3::after{content:'';display:block;width:40px;height:3px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);margin-top:12px;border-radius:2px}
.blglst .pstcrd .cntnt .dsc{font-size:15px;line-height:1.7;color:#ffffffbf;margin:0 0 24px}
.blglst .pstcrd .cntnt .rdlnk{display:inline-flex;align-items:center;color:#FF02A0;text-decoration:none;font-size:15px;font-weight:500;transition:all .3s ease;position:relative}
.blglst .pstcrd .cntnt .rdlnk::after{content:'→';margin-left:8px;transition:margin .3s ease}
.blglst .pstcrd .cntnt .rdlnk:hover{color:#8D09BE}
.blglst .pstcrd .cntnt .rdlnk:hover::after{margin-left:14px}
.blglst .ftrsct{background:linear-gradient(245deg,#1a1a2e 0%,#0f0f1a 100%);padding:60px 20px;border-top:1px solid #ff02a026}
.blglst .ftrsct .ftrgrd{display:grid;grid-template-columns:1fr;gap:48px;max-width:1024px;margin:0 auto}
@media (min-width: 768px) {
.blglst .ftrsct .ftrgrd{grid-template-columns:1fr 1fr;gap:40px}
}
.blglst .ftrsct .nwsltr{background:#151520;padding:40px;border-radius:8px;border:1px solid #8d09be33}
.blglst .ftrsct .nwsltr h2{font-size:28px;margin:0 0 10px;color:#fff;font-weight:600}
.blglst .ftrsct .nwsltr .nwstxt{font-size:15px;color:#ffffffb3;margin:0 0 28px;line-height:1.6}
.blglst .ftrsct .nwsltr .frmwrp{display:flex;gap:12px;flex-direction:column}
@media (min-width: 640px) {
.blglst .ftrsct .nwsltr .frmwrp{flex-direction:row}
}
.blglst .ftrsct .nwsltr input[type="email"]{flex:1;padding:14px 18px;border:1px solid #ff02a04d;background:#ffffff0d;color:#fff;border-radius:6px;font-size:15px;transition:all .3s ease}
.blglst .ftrsct .nwsltr input[type="email"]:focus{outline:none;border-color:#FF02A0;background:#ffffff14;box-shadow:0 0 0 3px #ff02a01a}
.blglst .ftrsct .nwsltr .btnsb{padding:14px 32px;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);color:#fff;border:none;border-radius:6px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;white-space:nowrap}
.blglst .ftrsct .nwsltr .btnsb:hover{transform:translateY(-2px);box-shadow:0 8px 20px #ff02a066}
.blglst .ftrsct .ctgrwrp{background:linear-gradient(155deg,#ff02a01a 0%,#8d09be1a 100%);padding:40px;border-radius:8px;border:1px solid #ff02a026}
.blglst .ftrsct .ctgrwrp h2{font-size:28px;margin:0 0 24px;color:#fff;font-weight:600}
.blglst .ftrsct .ctgrwrp .ctgrlst{display:flex;flex-wrap:wrap;gap:12px}
.blglst .ftrsct .ctgrwrp .ctgtg{display:inline-block;padding:10px 20px;background:#ffffff14;border:1px solid #ff02a033;border-radius:20px;color:#ffffffd9;font-size:14px;text-decoration:none;transition:all .3s ease}
.blglst .ftrsct .ctgrwrp .ctgtg:hover{background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);color:#fff;border-color:transparent;transform:translateY(-2px)}
.blglst .sttssct{background:#0a0a0f;padding:60px 20px;border-top:1px solid #ff02a01a}
.blglst .sttssct .sttswrp{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.blglst .sttssct .sttbx{text-align:center;padding:32px 20px;background:linear-gradient(135deg,#ff02a00d 0%,#8d09be0d 100%);border-radius:8px;border:1px solid #ff02a026;position:relative;overflow:hidden}
.blglst .sttssct .sttbx::before{content:'';position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%)}
.blglst .sttssct .sttbx .nmbr{font-size:42px;font-weight:700;color:#FF02A0;margin:0 0 8px;display:block}
.blglst .sttssct .sttbx .lbl{font-size:15px;color:#ffffffb3;text-transform:uppercase;letter-spacing:1px;font-weight:500}
.hero-wrp{background:linear-gradient(145deg,#0a0012 0%,#1a0520 50%,#120018 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.hero-wrp::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#ff02a026 0%,transparent 70%);animation:pls 8s infinite alternate}
@keyframes pls {
0%{transform:scale(1) translate(0,0)}
100%{transform:scale(1.2) translate(-30px,30px)}
}
.hero-cntnr{max-width:1024px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}
.hero-ttl{font-size:3rem;color:#FFF;margin:0 0 24px;line-height:1.2;font-weight:700;text-shadow:0 4px 20px #8d09be66}
.hero-pts{list-style:none;padding:0;margin:0 0 32px;display:flex;flex-direction:column;gap:12px}
.hero-pts li{color:#FFF;font-size:1.1rem;position:relative;padding-left:32px;text-align:left}
.hero-pts li::before{content:'→';position:absolute;left:0;color:#FF02A0;font-weight:700;font-size:1.3rem}
.hero-btn{background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);color:#FFF;padding:16px 48px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 8px 24px #ff02a04d;transition:all .3s;font-weight:600}
.hero-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ff02a080}
.hero-img-wrp{margin-top:48px;width:100%;max-width:800px}
.hero-img-wrp img{width:100%;height:auto;border-radius:12px;box-shadow:0 16px 48px #0009;animation:fltng 6s ease-in-out infinite}
@keyframes fltng {
0%,100%{transform:translateY(0px)}
50%{transform:translateY(-15px)}
}
.schdl-sec{background:#0d0015;padding:80px 20px;position:relative}
.schdl-cntnr{max-width:1024px;margin:0 auto}
.schdl-hdr{font-size:2.2rem;color:#FFF;margin:0 0 48px;text-align:center;position:relative;display:inline-block;left:50%;transform:translateX(-50%)}
.schdl-hdr::after{content:'';position:absolute;bottom:-12px;left:0;width:100%;height:3px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%)}
.schdl-grd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}
.schdl-crd{background:linear-gradient(160deg,#1a0520 0%,#0a0012 100%);padding:32px;border-radius:10px;border:1px solid #ff02a033;transition:all .3s}
.schdl-crd:hover{border-color:#FF02A0;transform:translateY(-5px);box-shadow:0 12px 32px #ff02a04d}
.schdl-crd-icn{font-size:2.5rem;color:#FF02A0;margin-bottom:16px}
.schdl-crd-ttl{font-size:1.4rem;color:#FFF;margin:0 0 12px}
.schdl-crd-txt{color:#fffc;line-height:1.6;margin:0}
.prctc-sec{background:linear-gradient(175deg,#120018 0%,#1a0520 100%);padding:80px 20px}
.prctc-wrp{max-width:1024px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.prctc-cntnt h2{font-size:2.2rem;color:#FFF;margin:0 0 24px;position:relative;padding-left:20px}
.prctc-cntnt h2::before{content:'';position:absolute;left:0;top:50%;transform:translateY(-50%);width:6px;height:80%;background:linear-gradient(180deg,#FF02A0 0%,#8D09BE 100%);border-radius:3px}
.prctc-cntnt p{color:#ffffffd9;line-height:1.7;margin:0 0 20px}
.prctc-lst{list-style:none;padding:0;margin:24px 0 0}
.prctc-lst li{color:#fffc;padding:12px 0;border-bottom:1px solid #ff02a01a;position:relative;padding-left:28px}
.prctc-lst li::before{content:'✓';position:absolute;left:0;color:#FF02A0;font-weight:700}
.prctc-img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 40px #ff02a033}
.rlvnc-sec{background:#0a0012;padding:80px 20px}
.rlvnc-cntnr{max-width:1024px;margin:0 auto}
.rlvnc-hdr{font-size:2.2rem;color:#FFF;text-align:center;margin:0 0 56px}
.rlvnc-flx{display:flex;gap:40px;align-items:flex-start}
.rlvnc-img-wrp{flex:1}
.rlvnc-img-wrp img{width:100%;height:auto;border-radius:10px;box-shadow:0 8px 32px #8d09be4d}
.rlvnc-cntnt{flex:1}
.rlvnc-cntnt p{color:#ffffffd9;line-height:1.7;margin:0 0 20px}
.rlvnc-tgs{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.rlvnc-tg{background:#ff02a01a;color:#FF02A0;padding:8px 16px;border-radius:6px;font-size:.9rem;border:1px solid #ff02a04d}
.otcms-sec{background:linear-gradient(185deg,#1a0520 0%,#0d0015 100%);padding:80px 20px;position:relative;overflow:hidden}
.otcms-sec::before{content:'';position:absolute;bottom:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#8d09be33 0%,transparent 70%)}
.otcms-cntnr{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.otcms-ttl{font-size:2.2rem;color:#FFF;text-align:center;margin:0 0 48px}
.otcms-grd{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.otcms-bx{background:linear-gradient(155deg,#0a0012 0%,#1a0520 100%);padding:40px 24px;border-radius:10px;text-align:center;border:2px solid transparent;transition:all .3s}
.otcms-bx:hover{border-color:#8D09BE;transform:scale(1.05)}
.otcms-nmbr{font-size:3rem;font-weight:700;color:#FF02A0;margin:0 0 12px;text-shadow:0 4px 16px #ff02a066}
.otcms-lbl{font-size:1rem;color:#ffffffe6;margin:0}
.trst-sec{background:#120018;padding:80px 20px}
.trst-wrp{max-width:1024px;margin:0 auto;display:flex;gap:48px;align-items:center}
.trst-img{flex:1}
.trst-img img{width:100%;height:auto;border-radius:10px;box-shadow:0 12px 40px #00000080}
.trst-cntnt{flex:1}
.trst-cntnt h2{font-size:2.2rem;color:#FFF;margin:0 0 24px}
.trst-cntnt p{color:#ffffffd9;line-height:1.7;margin:0 0 20px}
.trst-bdgs{display:flex;gap:16px;margin-top:32px}
.trst-bdg{background:#8d09be33;border:2px solid #8D09BE;padding:12px 24px;border-radius:8px;color:#FFF;font-size:.95rem;font-weight:600}
.mtvtn-sec{background:linear-gradient(195deg,#0d0015 0%,#1a0520 100%);padding:80px 20px}
.mtvtn-cntnr{max-width:1024px;margin:0 auto}
.mtvtn-hdr{font-size:2.2rem;color:#FFF;text-align:center;margin:0 0 56px;position:relative}
.mtvtn-hdr::before{content:'';position:absolute;bottom:-16px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);border-radius:2px}
.mtvtn-grd{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.mtvtn-crd{background:#ff02a00d;padding:32px;border-radius:10px;border-left:4px solid #FF02A0;transition:all .3s}
.mtvtn-crd:hover{background:#ff02a01a;transform:translateX(8px)}
.mtvtn-crd h3{font-size:1.5rem;color:#FFF;margin:0 0 16px}
.mtvtn-crd p{color:#fffc;line-height:1.6;margin:0}
.cta-sec{background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);padding:64px 20px;text-align:center}
.cta-cntnr{max-width:1024px;margin:0 auto}
.cta-ttl{font-size:2rem;color:#FFF;margin:0 0 16px}
.cta-txt{color:#fffffff2;font-size:1.1rem;margin:0 0 32px;line-height:1.6}
.cta-btn{background:#FFF;color:#8D09BE;padding:16px 48px;font-size:1.1rem;border:none;border-radius:8px;cursor:pointer;text-decoration:none;display:inline-block;box-shadow:0 8px 24px #0000004d;transition:all .3s;font-weight:700}
.cta-btn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #0006}
@media (max-width: 768px) {
.hero-ttl{font-size:2rem}
.hero-pts li{font-size:1rem}
.schdl-grd{grid-template-columns:1fr}
.prctc-wrp{grid-template-columns:1fr}
.rlvnc-flx{flex-direction:column}
.otcms-grd{grid-template-columns:1fr}
.trst-wrp{flex-direction:column}
.mtvtn-grd{grid-template-columns:1fr}
}
body{background:#0a0a12;color:#e8e8f0;margin:0;padding:0}
.mnsct{max-width:1024px;margin:0 auto;padding:0 20px}
.ttlblck{position:relative;min-height:420px;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:80px;padding:60px 20px}
.ttlblck::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);opacity:.08;z-index:1}
.ttlblck::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:linear-gradient(#ff02a00d 1px,transparent 1px),linear-gradient(90deg,#8d09be0d 1px,transparent 1px);background-size:40px 40px;z-index:2}
.ttlcntnt{position:relative;z-index:3;text-align:center;max-width:800px}
.ttlcntnt h1{font-size:3.2rem;margin:0 0 24px;font-weight:700;background:linear-gradient(125deg,#FF02A0,#8D09BE,#FFF);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}
.ttlcntnt .qte{font-size:1.25rem;color:#b8b8d0;line-height:1.6;font-style:italic;margin:0}
.cllgshps{position:absolute;width:100%;height:100%;top:0;left:0;z-index:2;pointer-events:none}
.shp{position:absolute;background:linear-gradient(145deg,#ff02a026,#8d09be26);backdrop-filter:blur(2px);border:1px solid #ff02a033}
.shp:nth-child(1){width:180px;height:180px;top:8%;left:5%;border-radius:50%;transform:rotate(-15deg)}
.shp:nth-child(2){width:140px;height:140px;bottom:12%;right:8%;border-radius:8px;transform:rotate(25deg)}
.shp:nth-child(3){width:100px;height:100px;top:50%;right:15%;border-radius:50%;transform:translateY(-50%) rotate(10deg)}
.shp:nth-child(4){width:120px;height:120px;bottom:25%;left:10%;border-radius:8px;transform:rotate(-30deg)}
.cntctinfblck{margin-bottom:100px}
.cntctinfblck .mnsct{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.infcrd{background:linear-gradient(135deg,#141420cc,#1e1e2d99);border:1px solid #ff02a033;border-radius:10px;padding:40px 28px;text-align:center;position:relative;overflow:hidden;transition:all .3s ease}
.infcrd::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ff02a01a,transparent);transition:left .6s ease}
.infcrd:hover::before{left:100%}
.infcrd:hover{transform:translateY(-8px);border-color:#8d09be80;box-shadow:0 12px 40px #ff02a033}
.infcrd .icnwrpr{width:60px;height:60px;margin:0 auto 20px;background:linear-gradient(135deg,#FF02A0,#8D09BE);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#FFF}
.infcrd h3{font-size:1.3rem;margin:0 0 12px;color:#FFF}
.infcrd p{font-size:.95rem;color:#b8b8d0;margin:0;line-height:1.5}
.infcrd a{color:#FF02A0;text-decoration:none;transition:color .3s ease}
.infcrd a:hover{color:#8D09BE}
.frmblck{margin-bottom:80px}
.frmcntnr{background:linear-gradient(145deg,#141420e6,#1e1e2db3);border:1px solid #8d09be40;border-radius:12px;padding:60px;box-shadow:0 16px 48px #0006;position:relative;overflow:hidden}
.frmcntnr::before{content:'';position:absolute;top:-50%;right:-50%;width:200%;height:200%;background:radial-gradient(circle,#ff02a00d 0%,transparent 70%);animation:pls 8s ease-in-out infinite}
@keyframes pls {
0%,100%{transform:translate(0,0) scale(1)}
50%{transform:translate(-20px,20px) scale(1.1)}
}
.frmcntnr h2{font-size:2.2rem;margin:0 0 16px;color:#FFF;text-align:center}
.frmcntnr .sbttl{text-align:center;color:#b8b8d0;font-size:1.05rem;margin:0 0 48px;line-height:1.6}
.stpfrm{position:relative;z-index:1}
.stpindctr{display:flex;justify-content:space-between;margin-bottom:50px;position:relative}
.stpindctr::before{content:'';position:absolute;top:20px;left:10%;right:10%;height:2px;background:#ff02a033;z-index:1}
.stpitm{flex:1;text-align:center;position:relative;z-index:2}
.stpnmbr{width:42px;height:42px;border-radius:50%;background:#1e1e2dcc;border:2px solid #ff02a04d;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;font-weight:600;color:#b8b8d0;font-size:1.1rem;transition:all .3s ease}
.stpitm.actv .stpnmbr{background:linear-gradient(135deg,#FF02A0,#8D09BE);border-color:#8D09BE;color:#FFF;box-shadow:0 4px 16px #ff02a066}
.stplbl{font-size:.9rem;color:#b8b8d0}
.stpitm.actv .stplbl{color:#FFF}
.frmstps{position:relative}
.stpcntnt{display:none;animation:fdIn .4s ease}
@keyframes fdIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
input[type="radio"][name="step"]{display:none}
#step1:checked ~ .frmstps #stpcntnt1,#step2:checked ~ .frmstps #stpcntnt2,#step3:checked ~ .frmstps #stpcntnt3{display:block}
#step1:checked ~ .stpindctr .stpitm:nth-child(1),#step2:checked ~ .stpindctr .stpitm:nth-child(2),#step3:checked ~ .stpindctr .stpitm:nth-child(3){pointer-events:none}
#step1:checked ~ .stpindctr .stpitm:nth-child(1) .stpnmbr,#step2:checked ~ .stpindctr .stpitm:nth-child(2) .stpnmbr,#step3:checked ~ .stpindctr .stpitm:nth-child(3) .stpnmbr{background:linear-gradient(135deg,#FF02A0,#8D09BE);border-color:#8D09BE;color:#FFF;box-shadow:0 4px 16px #ff02a066}
#step1:checked ~ .stpindctr .stpitm:nth-child(1) .stplbl,#step2:checked ~ .stpindctr .stpitm:nth-child(2) .stplbl,#step3:checked ~ .stpindctr .stpitm:nth-child(3) .stplbl{color:#FFF}
.frmgrp{margin-bottom:28px}
.frmgrp label{display:block;margin-bottom:10px;font-size:1rem;color:#FFF;font-weight:500}
.frmgrp input[type="text"],.frmgrp input[type="tel"]{width:100%;padding:16px 20px;background:#14142099;border:2px solid #ff02a033;border-radius:8px;color:#FFF;font-size:1rem;transition:all .3s ease;box-sizing:border-box}
.frmgrp input[type="text"]:focus,.frmgrp input[type="tel"]:focus{outline:none;border-color:#FF02A0;background:#141420e6;box-shadow:0 0 0 4px #ff02a01a}
.nxtbtn{display:inline-block;padding:16px 40px;background:linear-gradient(135deg,#FF02A0,#8D09BE);color:#FFF;border:none;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;box-shadow:0 8px 24px #ff02a04d}
.nxtbtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff02a066}
.chckbxwrpr{display:flex;align-items:flex-start;margin-bottom:28px}
.chckbxwrpr input[type="checkbox"]{width:20px;height:20px;margin-right:12px;cursor:pointer;accent-color:#FF02A0;flex-shrink:0;margin-top:2px}
.chckbxwrpr label{font-size:.95rem;color:#b8b8d0;line-height:1.5;cursor:pointer}
.chckbxwrpr a{color:#FF02A0;text-decoration:none;transition:color .3s ease}
.chckbxwrpr a:hover{color:#8D09BE}
.sbmtbtn{width:100%;padding:18px;background:linear-gradient(135deg,#FF02A0,#8D09BE);color:#FFF;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ff02a04d}
.sbmtbtn:hover{transform:translateY(-2px);box-shadow:0 12px 32px #ff02a080}
.btngrp{display:flex;gap:16px;justify-content:center}
.bckbtn{display:inline-block;padding:16px 40px;background:#1e1e2d99;color:#FFF;border:2px solid #ff02a04d;border-radius:8px;font-size:1.05rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none}
.bckbtn:hover{background:#1e1e2de6;border-color:#FF02A0}
@media (max-width: 768px) {
.ttlcntnt h1{font-size:2.2rem}
.ttlcntnt .qte{font-size:1.05rem}
.cntctinfblck .mnsct{grid-template-columns:1fr;gap:24px}
.frmcntnr{padding:40px 24px}
.frmcntnr h2{font-size:1.8rem}
.stpindctr{flex-direction:column;gap:20px}
.stpindctr::before{display:none}
.btngrp{flex-direction:column}
.shp{display:none}
}
@media (max-width: 480px) {
.ttlcntnt h1{font-size:1.8rem}
.ttlblck{min-height:320px;padding:40px 20px}
.infcrd{padding:32px 20px}
.frmcntnr{padding:32px 20px}
.frmcntnr h2{font-size:1.6rem}
}
.abtpg{background:#0a0a14;color:#e8e8ee}
.abtpg .ttlblck{position:relative;padding:120px 20px;overflow:hidden;background:linear-gradient(145deg,#1a0f2e 0%,#0a0a14 50%,#1a0f2e 100%);background-size:200% 200%;animation:grdntpls 8s ease infinite}
@keyframes grdntpls {
0%{background-position:0 50%}
50%{background-position:100% 50%}
100%{background-position:0 50%}
}
.abtpg .ttlblck .cntnrwrp{max-width:1024px;margin:0 auto;position:relative;z-index:2}
.abtpg .ttlblck .imganchr{width:420px;height:280px;margin:0 auto 40px;position:relative;border-radius:8px;overflow:hidden;box-shadow:0 16px 48px #8d09be4d}
.abtpg .ttlblck .imganchr::after{content:'';position:absolute;inset:0;background:linear-gradient(135deg,#ff02a026 0%,#8d09be26 100%);pointer-events:none}
.abtpg .ttlblck .imganchr img{width:100%;height:100%;object-fit:cover;display:block}
.abtpg .ttlblck .txtsct{text-align:center}
.abtpg .ttlblck h1{font-size:48px;font-weight:700;margin:0 0 24px;background:linear-gradient(125deg,#FF02A0 0%,#8D09BE 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1.2}
.abtpg .ttlblck .intrprg{font-size:18px;line-height:1.7;color:#c8c8d6;max-width:720px;margin:0 auto}
.stryblck{padding:100px 20px;background:#0f0f1a}
.stryblck .cntnrwrp{max-width:1024px;margin:0 auto}
.stryblck .grdlyt{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:start}
.stryblck .txtcol h2{font-size:36px;font-weight:700;margin:0 0 20px;color:#FF02A0}
.stryblck .txtcol h2::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);margin-bottom:16px;border-radius:2px}
.stryblck .txtcol p{font-size:16px;line-height:1.8;color:#b8b8c8;margin:0 0 20px}
.stryblck .imgcol{position:relative}
.stryblck .imgcol .imgwrp{position:relative;border-radius:12px;overflow:hidden;box-shadow:0 20px 60px #00000080}
.stryblck .imgcol .imgwrp img{width:100%;height:auto;display:block}
.stryblck .imgcol .dcrtv{position:absolute;width:180px;height:180px;border:3px solid #8D09BE;border-radius:50%;top:-40px;right:-40px;opacity:.3}
.prcsblck{padding:100px 20px;background:linear-gradient(180deg,#0f0f1a 0%,#1a0f2e 100%);position:relative}
.prcsblck::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:2px;background:linear-gradient(90deg,transparent 0%,#FF02A0 50%,transparent 100%)}
.prcsblck .cntnrwrp{max-width:1024px;margin:0 auto}
.prcsblck h2{text-align:center;font-size:40px;font-weight:700;margin:0 0 60px;color:#e8e8ee}
.prcsblck h2::after{content:'';display:block;width:100px;height:3px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);margin:20px auto 0;border-radius:2px}
.prcsblck .stpgrd{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}
.prcsblck .stpbx{background:#ff02a00d;border:1px solid #8d09be4d;border-radius:8px;padding:40px 30px;position:relative;transition:all .3s ease;cursor:default}
.prcsblck .stpbx:hover{background:#ff02a014;border-color:#8d09be80;transform:translateY(-4px);box-shadow:0 12px 32px #ff02a033}
.prcsblck .stpbx .nmbr{font-size:56px;font-weight:800;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;line-height:1;margin:0 0 20px}
.prcsblck .stpbx h3{font-size:22px;font-weight:700;color:#e8e8ee;margin:0 0 16px}
.prcsblck .stpbx p{font-size:15px;line-height:1.7;color:#b8b8c8;margin:0}
.prcsblck .stpbx .dcrcrcl{position:absolute;width:40px;height:40px;border:2px solid #FF02A0;border-radius:50%;top:-20px;right:30px;opacity:.4}
.prcsblck .mtrcssct{margin-top:80px;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.prcsblck .mtrccrd{background:#8d09be1a;border:1px solid #ff02a033;border-radius:8px;padding:30px;text-align:center;position:relative;overflow:hidden}
.prcsblck .mtrccrd::before{content:'';position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%)}
.prcsblck .mtrccrd .mtrcnmbr{font-size:48px;font-weight:800;color:#FF02A0;line-height:1;margin:0 0 12px}
.prcsblck .mtrccrd .mtrclbl{font-size:16px;font-weight:600;color:#c8c8d6;margin:0;text-transform:uppercase;letter-spacing:1px}
.vlsblck{padding:100px 20px;background:#0a0a14}
.vlsblck .cntnrwrp{max-width:1024px;margin:0 auto}
.vlsblck .hdrtxt{text-align:center;margin-bottom:60px}
.vlsblck h2{font-size:38px;font-weight:700;margin:0 0 16px;background:linear-gradient(120deg,#FF02A0 0%,#8D09BE 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.vlsblck .sbttl{font-size:17px;line-height:1.6;color:#b8b8c8;max-width:640px;margin:0 auto}
.vlsblck .vlgrd{display:grid;grid-template-columns:repeat(2,1fr);gap:50px 40px}
.vlsblck .vlitm{display:flex;flex-direction:row;gap:20px}
.vlsblck .vlitm .icnwrp{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,#ff02a026 0%,#8d09be26 100%);border:2px solid #ff02a04d;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:24px;color:#FF02A0;transition:all .3s ease}
.vlsblck .vlitm:hover .icnwrp{background:linear-gradient(135deg,#ff02a040 0%,#8d09be40 100%);border-color:#ff02a080;transform:scale(1.05)}
.vlsblck .vlitm .cntntprt{flex:1}
.vlsblck .vlitm h3{font-size:20px;font-weight:700;color:#e8e8ee;margin:0 0 12px}
.vlsblck .vlitm p{font-size:15px;line-height:1.7;color:#b8b8c8;margin:0}
.tmblck{padding:100px 20px;background:linear-gradient(160deg,#1a0f2e 0%,#0f0f1a 50%,#0a0a14 100%)}
.tmblck .cntnrwrp{max-width:1024px;margin:0 auto}
.tmblck h2{text-align:center;font-size:42px;font-weight:700;margin:0 0 20px;color:#e8e8ee}
.tmblck .hdrdsc{text-align:center;font-size:17px;line-height:1.7;color:#b8b8c8;max-width:680px;margin:0 auto 60px}
.tmblck .imggrd{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.tmblck .imgcrd{position:relative;border-radius:8px;overflow:hidden;aspect-ratio:1;box-shadow:0 16px 48px #0006;transition:transform .3s ease,box-shadow .3s ease}
.tmblck .imgcrd:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 60px #ff02a04d}
.tmblck .imgcrd img{width:100%;height:100%;object-fit:cover;display:block}
.tmblck .imgcrd::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,#8d09be4d 100%);opacity:0;transition:opacity .3s ease}
.tmblck .imgcrd:hover::after{opacity:1}
@media (max-width: 768px) {
.abtpg .ttlblck{padding:80px 20px}
.abtpg .ttlblck h1{font-size:36px;margin-bottom:20px}
.abtpg .ttlblck .imganchr{width:100%;max-width:360px;height:240px}
.abtpg .ttlblck .intrprg{font-size:16px}
.stryblck{padding:60px 20px}
.stryblck .grdlyt{grid-template-columns:1fr;gap:40px}
.stryblck .txtcol h2{font-size:28px}
.stryblck .imgcol .dcrtv{width:120px;height:120px;top:-20px;right:-20px}
.prcsblck{padding:60px 20px}
.prcsblck h2{font-size:32px;margin-bottom:40px}
.prcsblck .stpgrd{grid-template-columns:1fr;gap:30px}
.prcsblck .mtrcssct{grid-template-columns:1fr;gap:20px;margin-top:60px}
.vlsblck{padding:60px 20px}
.vlsblck h2{font-size:30px}
.vlsblck .vlgrd{grid-template-columns:1fr;gap:30px}
.tmblck{padding:60px 20px}
.tmblck h2{font-size:32px}
.tmblck .imggrd{grid-template-columns:1fr;gap:20px}
}
@media (min-width: 769px) and (max-width: 1024px) {
.stryblck .grdlyt{gap:40px}
.prcsblck .mtrcssct{gap:20px}
.vlsblck .vlgrd{gap:40px 30px}
.tmblck .imggrd{grid-template-columns:repeat(2,1fr)}
}
.pgrm-hro{background:linear-gradient(128deg,#0a0513 0%,#1a0d2e 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.pgrm-hro::before{content:'';position:absolute;width:400px;height:400px;background:radial-gradient(circle,#8d09be4d 0%,transparent 70%);top:-100px;right:-100px;filter:blur(60px)}
.hro-wrpr{max-width:1024px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative}
.hro-cntnt{flex:1}
.hro-cntnt h1{font-size:48px;line-height:1.2;color:#fff;margin:0 0 24px;font-weight:700}
.hro-cntnt h1::before{content:'';display:block;width:60px;height:4px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);margin-bottom:20px;box-shadow:0 0 12px #ff02a080}
.hro-cntnt p{font-size:18px;line-height:1.7;color:#b8b8c8;margin:0}
.hro-mg-wrpr{flex:0 0 320px;position:relative}
.hro-mg-shp{width:320px;height:380px;clip-path:polygon(30% 0%,100% 0%,100% 70%,70% 100%,0% 100%,0% 30%);overflow:hidden;position:relative;border:2px solid #ff02a04d;box-shadow:0 8px 32px #8d09be66 inset 0 0 20px #ff02a01a}
.hro-mg-shp img{width:100%;height:100%;object-fit:cover}
.hro-mg-shp::after{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#ff02a026 0%,transparent 60%);animation:glow-pulse 3s ease-in-out infinite}
@keyframes glow-pulse {
0%,100%{opacity:.3}
50%{opacity:.7}
}
.prgm-dtls{background:#0d0716;padding:90px 20px;position:relative}
.dtls-cntnr{max-width:1024px;margin:0 auto}
.dtls-hdr{text-align:center;margin-bottom:70px}
.dtls-hdr h2{font-size:38px;color:#fff;margin:0 0 20px;font-weight:700;position:relative;display:inline-block}
.dtls-hdr h2::after{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#8D09BE 0%,#FF02A0 100%);box-shadow:0 0 10px #ff02a099}
.dtls-hdr p{font-size:17px;color:#9a9aaa;line-height:1.6;max-width:720px;margin:24px auto 0}
.dtls-grd{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}
.dtls-crd{background:linear-gradient(135deg,#1a0d2e 0%,#0f0820 100%);padding:40px 32px;border-radius:8px;border:1px solid #8d09be33;position:relative;transition:all .3s ease}
.dtls-crd::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);opacity:0;transition:opacity .3s ease}
.dtls-crd:hover{transform:translateY(-4px);border-color:#ff02a066;box-shadow:0 12px 32px #8d09be4d}
.dtls-crd:hover::before{opacity:1}
.dtls-crd h3{font-size:24px;color:#fff;margin:0 0 16px;font-weight:600}
.dtls-crd p{font-size:16px;color:#a8a8b8;line-height:1.7;margin:0}
.trck-sctn{background:linear-gradient(165deg,#1a0d2e 0%,#0a0513 100%);padding:90px 20px;position:relative;overflow:hidden}
.trck-sctn::before{content:'';position:absolute;width:500px;height:500px;background:radial-gradient(circle,#ff02a026 0%,transparent 70%);bottom:-200px;left:-200px;filter:blur(80px)}
.trck-wrpr{max-width:1024px;margin:0 auto;position:relative}
.trck-ttl{text-align:center;margin-bottom:60px}
.trck-ttl h2{font-size:36px;color:#fff;margin:0 0 18px;font-weight:700}
.trck-ttl p{font-size:17px;color:#9a9aaa;margin:0}
.trck-lnup{display:flex;justify-content:space-between;position:relative;padding:40px 0}
.trck-lnup::before{content:'';position:absolute;top:65px;left:10%;right:10%;height:2px;background:linear-gradient(90deg,#8D09BE 0%,#FF02A0 50%,#8D09BE 100%);z-index:1}
.trck-stg{flex:1;text-align:center;position:relative;z-index:2}
.stg-nmbr{width:56px;height:56px;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px;font-weight:700;color:#fff;box-shadow:0 4px 16px #ff02a066 0 0 20px #8d09be4d;border:3px solid #0a0513}
.stg-nmbr[data-state="active"]{animation:pulse-neon 2s ease-in-out infinite}
@keyframes pulse-neon {
0%,100%{box-shadow:0 4px 16px #ff02a066 0 0 20px #8d09be4d}
50%{box-shadow:0 4px 24px #ff02a0b3 0 0 32px #8d09be99}
}
.stg-lbl{font-size:18px;color:#fff;font-weight:600;margin:0 0 10px}
.stg-dsc{font-size:15px;color:#a8a8b8;line-height:1.5;margin:0}
.ftr-sctn{background:#0d0716;padding:90px 20px}
.ftr-cntnr{max-width:1024px;margin:0 auto}
.ftr-splt{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.ftr-txt h2{font-size:34px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.3}
.ftr-txt p{font-size:17px;color:#9a9aaa;line-height:1.7;margin:0 0 18px}
.ftr-txt p:last-of-type{margin-bottom:0}
.ftr-prgrss{background:linear-gradient(135deg,#1a0d2e 0%,#0f0820 100%);padding:48px;border-radius:10px;border:1px solid #8d09be40;box-shadow:0 8px 24px #0000004d}
.prgrss-tm{margin-bottom:32px}
.prgrss-tm:last-child{margin-bottom:0}
.prgrss-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.prgrss-nm{font-size:16px;color:#fff;font-weight:600}
.prgrss-pct{font-size:18px;color:#FF02A0;font-weight:700}
.prgrss-br{height:10px;background:#ffffff14;border-radius:6px;overflow:hidden;position:relative}
.prgrss-fll{height:100%;background:linear-gradient(90deg,#FF02A0 0%,#8D09BE 100%);border-radius:6px;position:relative;box-shadow:0 0 12px #ff02a080}
.prgrss-fll[data-width="85"]{width:85%}
.prgrss-fll[data-width="72"]{width:72%}
.prgrss-fll[data-width="90"]{width:90%}
.prgrss-fll[data-width="68"]{width:68%}
.cta-sctn{background:linear-gradient(142deg,#1a0d2e 0%,#0a0513 100%);padding:100px 20px;position:relative;overflow:hidden}
.cta-sctn::before{content:'';position:absolute;width:600px;height:600px;background:radial-gradient(circle,#8d09be40 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);filter:blur(100px)}
.cta-wrpr{max-width:1024px;margin:0 auto;text-align:center;position:relative}
.cta-wrpr h2{font-size:42px;color:#fff;margin:0 0 24px;font-weight:700;line-height:1.2}
.cta-wrpr p{font-size:18px;color:#a8a8b8;margin:0 0 40px;max-width:680px;margin-left:auto;margin-right:auto;line-height:1.7}
.cta-btnwrpr{display:flex;gap:20px;justify-content:center;align-items:center}
.btn-prm{padding:16px 48px;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);color:#fff;text-decoration:none;font-size:18px;font-weight:600;border-radius:6px;display:inline-block;transition:all .3s ease;border:2px solid transparent;box-shadow:0 4px 16px #ff02a066;position:relative;z-index:10}
.btn-prm:hover{transform:translateY(-2px);box-shadow:0 6px 24px #ff02a099}
.btn-scndry{padding:16px 48px;background:transparent;color:#fff;text-decoration:none;font-size:18px;font-weight:600;border-radius:6px;display:inline-block;transition:all .3s ease;border:2px solid #ff02a080;position:relative;z-index:10}
.btn-scndry:hover{border-color:#FF02A0;background:#ff02a01a;transform:translateY(-2px)}
@media (max-width: 768px) {
.hro-wrpr{flex-direction:column;gap:40px}
.hro-mg-wrpr{flex:0 0 280px}
.hro-mg-shp{width:280px;height:340px}
.hro-cntnt h1{font-size:36px}
.dtls-grd{grid-template-columns:1fr;gap:24px}
.trck-lnup{flex-direction:column;gap:40px}
.trck-lnup::before{display:none}
.ftr-splt{grid-template-columns:1fr;gap:50px}
.cta-wrpr h2{font-size:32px}
.cta-btnwrpr{flex-direction:column}
.btn-prm,.btn-scndry{width:100%;text-align:center}
}
@media (min-width: 769px) and (max-width: 1024px) {
.hro-wrpr{gap:40px}
.hro-mg-wrpr{flex:0 0 280px}
.hro-mg-shp{width:280px;height:340px}
.dtls-grd{grid-template-columns:repeat(2,1fr)}
.trck-lnup{flex-wrap:wrap;gap:40px 20px}
.trck-stg{flex:0 0 calc(50% - 10px)}
.trck-lnup::before{display:none}
}
*{margin:0;padding:0;box-sizing:border-box}
main{background:#0a0a0f;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}
.sccsswrpr{position:relative;width:100%;max-width:1024px;margin:0 auto;padding:60px 20px;z-index:10}
.hero-sccs{position:relative;text-align:center;padding:80px 40px;background:linear-gradient(135deg,#8d09be26 0%,#ff02a026 100%);border-radius:12px;border:1px solid #ff02a04d;box-shadow:0 24px 48px #ff02a033 0 8px 16px #8d09be4d}
.hero-sccs::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(45deg,#8D09BE,#FF02A0,#8D09BE);border-radius:12px;z-index:-1;opacity:.6;filter:blur(12px)}
.geomshp{position:absolute;width:180px;height:180px;border-radius:50%;background:radial-gradient(circle,#ff02a066 0%,transparent 70%);filter:blur(40px);animation:pls 3s ease-in-out infinite}
.geomshp:nth-child(1){top:-90px;left:-90px}
.geomshp:nth-child(2){bottom:-90px;right:-90px;background:radial-gradient(circle,#8d09be66 0%,transparent 70%);animation-delay:1.5s}
@keyframes pls {
0%,100%{transform:scale(1);opacity:.6}
50%{transform:scale(1.2);opacity:1}
}
.icnwrpr{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#8D09BE 0%,#FF02A0 100%);border-radius:50%;margin-bottom:32px;position:relative;box-shadow:0 12px 32px #ff02a080}
.icnwrpr::after{content:'';position:absolute;width:120px;height:120px;border:2px solid #FF02A0;border-radius:50%;animation:rngrpple 2s ease-out infinite}
@keyframes rngrpple {
0%{transform:scale(1);opacity:1}
100%{transform:scale(1.4);opacity:0}
}
.icnwrpr .oi{font-size:48px;color:#FFF}
.hero-sccs h1{font-size:42px;font-weight:700;color:#FFF;margin-bottom:24px;text-shadow:0 4px 16px #ff02a099;line-height:1.3}
.hero-sccs p{font-size:18px;color:#ffffffd9;line-height:1.7;max-width:640px;margin:0 auto 40px}
.btngrp{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnprmry{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:linear-gradient(135deg,#FF02A0 0%,#8D09BE 100%);color:#FFF;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;border:none;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 24px #ff02a066;position:relative;z-index:5}
.btnprmry:hover{transform:translateY(-3px);box-shadow:0 12px 32px #ff02a099}
.btnsecndry{display:inline-flex;align-items:center;gap:10px;padding:16px 36px;background:transparent;color:#FFF;font-size:16px;font-weight:600;text-decoration:none;border-radius:8px;border:2px solid #FF02A0;cursor:pointer;transition:all .3s ease;position:relative;z-index:5}
.btnsecndry:hover{background:#ff02a01a;border-color:#8D09BE}
.infbx{margin-top:80px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}
.infcard{background:linear-gradient(135deg,#8d09be14 0%,#ff02a014 100%);border:1px solid #ff02a033;border-radius:8px;padding:32px 24px;text-align:center;transition:all .3s ease;position:relative;overflow:hidden}
.infcard::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#ff02a033,transparent);transition:left .5s ease}
.infcard:hover::before{left:100%}
.infcard:hover{border-color:#FF02A0;box-shadow:0 8px 24px #ff02a04d}
.infcard .oi{font-size:32px;color:#FF02A0;margin-bottom:16px}
.infcard h3{font-size:20px;font-weight:600;color:#FFF;margin-bottom:12px}
.infcard p{font-size:15px;color:#ffffffbf;line-height:1.6}
.bckgrndshps{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;z-index:1}
.shprect{position:absolute;width:300px;height:300px;background:linear-gradient(45deg,#ff02a00d,#8d09be0d);border-radius:50%;filter:blur(60px);animation:fltr 8s ease-in-out infinite}
.shprect:nth-child(1){top:10%;left:5%;animation-delay:0s}
.shprect:nth-child(2){top:60%;right:10%;animation-delay:2s}
.shprect:nth-child(3){bottom:10%;left:30%;animation-delay:4s}
@keyframes fltr {
0%,100%{transform:translate(0,0) scale(1)}
33%{transform:translate(30px,-30px) scale(1.1)}
66%{transform:translate(-20px,20px) scale(0.9)}
}
@media (max-width: 768px) {
.hero-sccs{padding:60px 24px}
.hero-sccs h1{font-size:32px}
.hero-sccs p{font-size:16px}
.btngrp{flex-direction:column;align-items:center}
.btnprmry,.btnsecndry{width:100%;max-width:300px}
.infbx{grid-template-columns:1fr;margin-top:60px}
.icnwrpr{width:80px;height:80px}
.icnwrpr .oi{font-size:36px}
}
@media (max-width: 480px) {
.sccsswrpr{padding:40px 16px}
.hero-sccs h1{font-size:28px}
.infcard{padding:24px 20px}
}