*{box-sizing:inherit;margin:0;padding:0}
html{box-sizing:border-box;scroll-behavior:smooth}
body{font-family:'Exo 2',sans-serif;background:linear-gradient(165deg,#0a0e1f 0%,#1a1f3a 50%,#0f1528 100%);color:#F5FDFF;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}
body::-webkit-scrollbar{width:4px}
body::-webkit-scrollbar-track{background:#0f31b21a}
body::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0F31B2,#3499F9);border-radius:20px}
body::-webkit-scrollbar-thumb:hover{background:#3499F9}
.hdrWrap{max-width:1400px;margin:0 auto;width:100%;padding:0 20px}
.topBar{display:flex;align-items:center;justify-content:space-between;padding:25px 0;gap:30px;background:#0f31b214;backdrop-filter:blur(10px);border-radius:28px;margin-top:15px;padding-left:30px;padding-right:30px;box-shadow:0 8px 24px #3499f926 inset 0 1px 0 #f5fdff1a}
.lgBox{flex-shrink:0}
.lgImg{height:85px;width:85px;display:block;border-radius:18px;box-shadow:0 4px 16px #3499f940;background:#f5fdff0d;padding:8px}
.cmpnyName{flex-grow:1;text-align:center}
.cmpnyName h1{font-family:'Ubuntu Mono',monospace;font-size:38px;font-weight:700;background:linear-gradient(135deg,#3499F9,#0F31B2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:2px;text-shadow:0 2px 8px #3499f94d}
.mainNv{display:flex;gap:8px;flex-shrink:0}
.nvLink{font-family:'Ubuntu Mono',monospace;padding:12px 20px;color:#F5FDFF;text-decoration:none;border-radius:16px;font-size:15px;font-weight:400;transition:all .3s ease;border:1px solid transparent}
.nvLink:hover{background:#3499f926;border-color:#3499f966;box-shadow:0 4px 12px #3499f933}
main{flex:1;width:100%}
.ftrWrap{background:linear-gradient(135deg,#0f31b233,#3499f91a);backdrop-filter:blur(15px);margin-top:80px;border-top:1px solid #3499f933;box-shadow:0 -6px 30px #0f31b24d 0 -2px 10px #3499f933}
.ftrContent{max-width:1400px;margin:0 auto;padding:60px 20px 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:50px}
.ftrSection.col-1{display:flex;flex-direction:column;gap:25px}
.ftrLogo{margin-bottom:10px}
.ftrLgImg{height:110px;width:110px;border-radius:22px;box-shadow:0 6px 20px #3499f94d;background:#f5fdff14;padding:12px}
.contactInfo{display:flex;flex-direction:column;gap:15px}
.contactItem{display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:1.6}
.contactItem i{color:#3499F9;font-size:18px;margin-top:2px;flex-shrink:0}
.contactItem a{color:#F5FDFF;text-decoration:none;transition:color .3s ease}
.contactItem a:hover{color:#3499F9}
.ftrHeading{font-family:'Ubuntu Mono',monospace;font-size:20px;font-weight:700;margin-bottom:20px;color:#3499F9;text-shadow:0 2px 6px #3499f966}
.ftrNav{display:flex;flex-direction:column;gap:12px}
.ftrLink{color:#F5FDFF;text-decoration:none;font-size:15px;transition:all .3s ease;padding:8px 0;border-left:2px solid transparent;padding-left:12px}
.ftrLink:hover{color:#3499F9;border-left-color:#3499F9;padding-left:18px}
.ftrText{font-size:14px;line-height:1.8;color:#f5fdffd9}
.ftrBottom{border-top:1px solid #3499f933;padding:25px 20px;max-width:1400px;margin:0 auto}
.copyright{text-align:center;font-size:13px;color:#f5fdffb3;font-family:'Ubuntu Mono',monospace}
.ckPopup{position:fixed;bottom:-500px;left:50%;transform:translateX(-50%);z-index:9999;transition:bottom .5s cubic-bezier(0.68,-0.55,0.265,1.55);max-width:600px;width:90%}
.ckPopup[data-showing="true"]{bottom:30px}
.ckBox{background:linear-gradient(145deg,#0f31b2f2,#1a1f3af2);backdrop-filter:blur(20px);border-radius:24px;padding:30px;box-shadow:0 12px 40px #0f31b280 0 4px 12px #3499f94d inset 0 1px 0 #f5fdff1a;border:1px solid #3499f94d}
.ckTabs{display:flex;gap:10px;margin-bottom:25px;border-bottom:2px solid #3499f933}
.ckTab{background:none;border:none;color:#f5fdff99;padding:10px 20px;font-family:'Ubuntu Mono',monospace;font-size:14px;cursor:pointer;transition:all .3s ease;border-bottom:2px solid transparent;margin-bottom:-2px}
.ckTab:hover{color:#F5FDFF}
.ckTab.active{color:#3499F9;border-bottom-color:#3499F9}
.ckContent{animation:fadeIn .3s ease}
.ckContent.hidden{display:none}
@keyframes fadeIn {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
.ckTitle{font-family:'Ubuntu Mono',monospace;font-size:22px;font-weight:700;margin-bottom:15px;color:#F5FDFF}
.ckDesc{font-size:14px;line-height:1.7;margin-bottom:25px;color:#f5fdffe6}
.ckActions{display:flex;gap:15px;margin-top:25px}
.ckBtn{flex:1;padding:14px 24px;border-radius:16px;font-family:'Ubuntu Mono',monospace;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;border:2px solid}
.ckBtn.accept{background:transparent;border-color:#3499F9;color:#3499F9}
.ckBtn.accept:hover{background:#3499f926;box-shadow:0 4px 16px #3499f94d}
.ckBtn.decline{background:transparent;border-color:#f5fdff66;color:#F5FDFF}
.ckBtn.decline:hover{background:#f5fdff1a;border-color:#F5FDFF}
.ckCategory{margin-bottom:20px;padding:15px;background:#0f31b233;border-radius:16px;border:1px solid #3499f933}
.ckCatHeader{margin-bottom:8px}
.ckLabel{display:flex;align-items:center;gap:12px;cursor:pointer;font-size:15px;font-weight:700;color:#F5FDFF}
.ckCheck{width:20px;height:20px;cursor:pointer;accent-color:#3499F9}
.ckCheck:disabled{cursor:not-allowed}
.ckCatDesc{font-size:13px;color:#f5fdffb3;margin-left:32px;line-height:1.5}
.ckOptOut{margin:25px 0;padding:18px;background:#3499f91a;border-radius:16px;border:2px solid #3499f94d}
.ckPolicy{margin-top:20px;text-align:center}
.ckPolicyLink{color:#3499F9;text-decoration:none;font-size:13px;transition:color .3s ease}
.ckPolicyLink:hover{color:#F5FDFF;text-decoration:underline}
@media (max-width: 992px) {
.topBar{flex-direction:column;text-align:center;gap:20px;padding:20px}
.cmpnyName h1{font-size:32px}
.mainNv{flex-wrap:wrap;justify-content:center}
.ftrContent{grid-template-columns:1fr;gap:40px}
}
@media (max-width: 576px) {
.lgImg{height:65px;width:65px}
.cmpnyName h1{font-size:26px}
.mainNv{flex-direction:column;width:100%}
.nvLink{text-align:center}
.ckBox{padding:20px}
.ckActions{flex-direction:column}
.ckPopup{width:95%}
.ftrLgImg{height:90px;width:90px}
}
.legal-container{max-width:1400px;margin:0 auto;padding:80px 20px;background:linear-gradient(135deg,#0a0a0f 0%,#151520 100%);color:#e8e8f0;line-height:1.8}
.legal-container h1{font-size:3.2em;font-weight:700;color:#F5FDFF;margin:0 0 60px;padding-bottom:30px;border-bottom:3px solid #3499F9;text-shadow:0 4px 12px #3499f94d;line-height:1.2}
.legal-container h2{font-size:2.4em;font-weight:600;color:#F5FDFF;margin:70px 0 30px;padding-left:20px;border-left:5px solid #3499F9;line-height:1.3}
.legal-container h3{font-size:1.9em;font-weight:600;color:#d4e9ff;margin:50px 0 25px;line-height:1.4}
.legal-container h4{font-size:1.5em;font-weight:600;color:#c5dff7;margin:40px 0 20px;line-height:1.4}
.legal-container h5{font-size:1.25em;font-weight:600;color:#b8d5f0;margin:35px 0 18px;line-height:1.5}
.legal-container h6{font-size:1.1em;font-weight:600;color:#a8cae8;margin:30px 0 15px;text-transform:uppercase;letter-spacing:.5px;line-height:1.5}
.legal-container p{font-size:1.1em;color:#d0d0e0;margin:0 0 24px;line-height:1.9;max-width:900px}
.legal-container p + p{margin-top:24px}
.legal-container ul{margin:30px 0;padding-left:0;list-style:none}
.legal-container ul li{font-size:1.1em;color:#d0d0e0;margin:0 0 18px;padding-left:40px;position:relative;line-height:1.8}
.legal-container ul li::before{content:'';position:absolute;left:0;top:12px;width:8px;height:8px;background:linear-gradient(135deg,#0F31B2 0%,#3499F9 100%);border-radius:50%;box-shadow:0 2px 8px #3499f980}
.legal-container ol{margin:30px 0;padding-left:30px;counter-reset:policy-counter;list-style:none}
.legal-container ol li{font-size:1.1em;color:#d0d0e0;margin:0 0 18px;padding-left:20px;position:relative;line-height:1.8;counter-increment:policy-counter}
.legal-container ol li::before{content:counter(policy-counter) ".";position:absolute;left:-30px;top:0;font-weight:700;color:#3499F9;font-size:1.1em}
.legal-container ul ul,.legal-container ul ol,.legal-container ol ul,.legal-container ol ol{margin-top:15px;margin-bottom:15px}
.legal-container a{color:#3499F9;text-decoration:none;border-bottom:2px solid transparent;transition:all .3s ease;font-weight:500}
.legal-container a:hover{color:#F5FDFF;border-bottom-color:#3499F9;text-shadow:0 0 8px #3499f966}
.legal-container a:focus{outline:2px solid #3499F9;outline-offset:4px;border-radius:4px}
.legal-container hr{border:none;height:2px;background:linear-gradient(90deg,transparent 0%,#3499F9 50%,transparent 100%);margin:60px 0;box-shadow:0 2px 10px #3499f94d}
@media (max-width: 1024px) {
.legal-container{padding:60px 30px}
.legal-container h1{font-size:2.6em;margin-bottom:50px}
.legal-container h2{font-size:2em;margin-top:60px}
.legal-container h3{font-size:1.6em}
.legal-container h4{font-size:1.35em}
}
@media (max-width: 768px) {
.legal-container{padding:40px 20px}
.legal-container h1{font-size:2.2em;margin-bottom:40px;padding-bottom:20px}
.legal-container h2{font-size:1.7em;margin-top:50px;margin-bottom:25px;padding-left:15px}
.legal-container h3{font-size:1.4em;margin-top:40px}
.legal-container h4{font-size:1.2em}
.legal-container h5{font-size:1.1em}
.legal-container h6{font-size:1em}
.legal-container p,.legal-container ul li,.legal-container ol li{font-size:1em}
.legal-container ul li{padding-left:30px}
.legal-container ol{padding-left:25px}
.legal-container hr{margin:45px 0}
}
@media (max-width: 480px) {
.legal-container{padding:30px 15px}
.legal-container h1{font-size:1.9em;margin-bottom:35px}
.legal-container h2{font-size:1.5em;margin-top:40px}
.legal-container h3{font-size:1.25em}
.legal-container ul li{padding-left:25px}
.legal-container ul li::before{width:6px;height:6px;top:10px}
}
.titleWrap{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:flex-end;background:linear-gradient(135deg,#0F31B2,#1a2f6b)}
.titleWrap .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.18;filter:brightness(0.8) contrast(1.1);transform:scale(1.05)}
.titleWrap .txtArea{position:relative;z-index:2;max-width:1400px;width:100%;margin:0 auto;padding:0 32px 120px;color:#F5FDFF}
.titleWrap .mainHd{font-size:68px;font-weight:700;margin:0 0 28px;line-height:1.1;text-shadow:0 4px 12px #0f31b266;letter-spacing:-.5px}
.titleWrap .shortInfo{font-size:20px;line-height:1.6;max-width:720px;margin:0;opacity:.95}
.titleWrap::before{content:'';position:absolute;bottom:0;left:0;width:100%;height:45%;background:linear-gradient(to top,#0f31b2d9,transparent);z-index:1}
.specWrap{max-width:1400px;margin:0 auto;padding:140px 32px;background:#0a0f1f}
.specWrap .secHd{font-size:46px;font-weight:700;margin:0 0 68px;color:#F5FDFF;text-align:center;position:relative;display:inline-block;width:100%}
.specWrap .secHd::after{content:'';position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);width:80px;height:4px;background:linear-gradient(90deg,#3499F9,#0F31B2);border-radius:20px}
.specWrap .gridSpec{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}
.specWrap .specItem{background:linear-gradient(145deg,#141b35,#0d1226);padding:42px 36px;border-radius:24px;border:1px solid #3499f926;transition:all .35s ease;position:relative;overflow:hidden}
.specWrap .specItem::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,#3499f914,transparent);opacity:0;transition:opacity .35s ease}
.specWrap .specItem:hover{border-color:#3499f966;transform:translateY(-6px);box-shadow:0 12px 32px #0f31b24d}
.specWrap .specItem:hover::before{opacity:1}
.specWrap .specItem .itemHd{font-size:24px;font-weight:600;color:#3499F9;margin:0 0 18px;position:relative}
.specWrap .specItem .itemTxt{font-size:16px;line-height:1.7;color:#f5fdffd9;margin:0 0 24px}
.specWrap .specItem .detailList{list-style:none;padding:0;margin:0}
.specWrap .specItem .detailList li{font-size:15px;color:#f5fdffbf;padding:10px 0 10px 26px;position:relative;line-height:1.6;border-bottom:1px solid #3499f914}
.specWrap .specItem .detailList li:last-child{border-bottom:none}
.specWrap .specItem .detailList li::before{content:'→';position:absolute;left:0;color:#3499F9;font-weight:700}
.compatWrap{background:linear-gradient(165deg,#0d1428,#1a1f3d);padding:120px 32px;position:relative;overflow:hidden}
.compatWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:800px;height:800px;background:radial-gradient(circle,#0f31b21f,transparent);border-radius:50%}
.compatWrap .innerBox{max-width:1400px;margin:0 auto;position:relative;z-index:2}
.compatWrap .topArea{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;margin-bottom:80px}
.compatWrap .leftCol .hdText{font-size:44px;font-weight:700;color:#F5FDFF;margin:0 0 24px;line-height:1.2}
.compatWrap .leftCol .subText{font-size:18px;line-height:1.7;color:#f5fdffcc;margin:0}
.compatWrap .rightCol img{width:100%;height:auto;border-radius:28px;box-shadow:0 16px 48px #0f31b259;border:2px solid #3499f933}
.compatWrap .platformGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.compatWrap .platBox{background:#141b3599;padding:32px 24px;border-radius:20px;text-align:center;border:1px solid #3499f91f;transition:all .3s ease;backdrop-filter:blur(8px)}
.compatWrap .platBox:hover{background:#141b35e6;border-color:#3499f959;transform:scale(1.05);box-shadow:0 8px 24px #3499f933}
.compatWrap .platBox .iconArea{width:64px;height:64px;margin:0 auto 20px;background:linear-gradient(135deg,#0F31B2,#3499F9);border-radius:16px;display:flex;align-items:center;justify-content:center}
.compatWrap .platBox .iconArea svg{width:36px;height:36px;fill:#F5FDFF}
.compatWrap .platBox .platName{font-size:18px;font-weight:600;color:#F5FDFF;margin:0 0 8px}
.compatWrap .platBox .platDesc{font-size:14px;color:#f5fdffb3;margin:0;line-height:1.5}
@media (max-width: 1024px) {
.titleWrap .mainHd{font-size:52px}
.specWrap .gridSpec{grid-template-columns:repeat(2,1fr);gap:36px}
.compatWrap .topArea{grid-template-columns:1fr;gap:48px}
.compatWrap .platformGrid{grid-template-columns:repeat(2,1fr);gap:24px}
}
@media (max-width: 768px) {
.titleWrap{height:85vh}
.titleWrap .txtArea{padding:0 24px 80px}
.titleWrap .mainHd{font-size:38px;margin-bottom:20px}
.titleWrap .shortInfo{font-size:17px}
.specWrap{padding:100px 24px}
.specWrap .secHd{font-size:36px;margin-bottom:52px}
.specWrap .gridSpec{grid-template-columns:1fr;gap:28px}
.compatWrap{padding:90px 24px}
.compatWrap .leftCol .hdText{font-size:34px}
.compatWrap .platformGrid{grid-template-columns:1fr;gap:20px}
}
@media (max-width: 480px) {
.titleWrap .mainHd{font-size:32px}
.titleWrap .shortInfo{font-size:16px}
.specWrap .secHd{font-size:28px}
.specWrap .specItem{padding:32px 24px}
.compatWrap .leftCol .hdText{font-size:28px}
}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#0a0f1f4d}
::-webkit-scrollbar-thumb{background:#3499F9;border-radius:20px;transition:background .3s ease}
::-webkit-scrollbar-thumb:hover{background:#0F31B2}
.heroWrap{background:linear-gradient(135deg,#0a1f7d 0%,#0F31B2 50%,#1a4acc 100%);padding:80px 20px 100px;position:relative;overflow:hidden}
.heroWrap::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#3499f926 0%,transparent 70%);border-radius:50%}
.heroGrid{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
.heroH1{font-size:68px;font-weight:700;color:#F5FDFF;margin:0 0 12px;line-height:1.1;letter-spacing:-1px}
.heroH2{font-size:42px;font-weight:400;color:#3499F9;margin:0 0 28px;line-height:1.2}
.heroDesc{font-size:20px;line-height:1.6;color:#f5fdffd9;margin:0 0 40px;max-width:520px}
.heroBtns{display:flex;gap:16px;flex-wrap:wrap}
.bt{display:inline-block;padding:16px 32px;font-size:17px;font-weight:600;text-decoration:none;border-radius:24px;transition:all .3s ease;cursor:pointer}
.bt1{background:#3499F9;color:#0F31B2;box-shadow:0 8px 20px #3499f94d}
.bt1:hover{background:#5db3ff;box-shadow:0 12px 28px #3499f966;transform:translateY(-2px)}
.bt2{background:transparent;color:#F5FDFF;border:2px solid #f5fdff4d}
.bt2:hover{border-color:#F5FDFF;background:#f5fdff0d;transform:translateY(-2px)}
.heroImgBox{position:relative;border-radius:28px;overflow:hidden;box-shadow:0 20px 60px #0006}
.heroImg{width:100%;height:480px;object-fit:cover;display:block;filter:brightness(0.9)}
.heroImgBox::after{content:'';position:absolute;bottom:0;left:0;right:0;height:50%;background:linear-gradient(to top,#0f31b299,transparent)}
.heroDot{position:absolute;width:12px;height:12px;background:#3499F9;border-radius:50%;box-shadow:0 0 20px #3499f999}
.heroDot1{top:20px;left:20px}
.heroDot2{bottom:20px;right:20px}
.trustWrap{background:#0a0e1f;padding:100px 20px}
.trustCnt{max-width:1400px;margin:0 auto}
.trustHead{text-align:center;margin-bottom:60px}
.trustH{font-size:48px;font-weight:700;color:#F5FDFF;margin:0 0 16px}
.trustSub{font-size:20px;color:#f5fdffb3;margin:0;max-width:700px;margin-left:auto;margin-right:auto}
.trustGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}
.trustCard{background:linear-gradient(145deg,#0f31b226,#3499f914);border:1px solid #3499f933;border-radius:24px;padding:40px;transition:all .3s ease}
.trustCard:hover{border-color:#3499f980;box-shadow:0 12px 40px #3499f933;transform:translateY(-4px)}
.trustIc{margin-bottom:24px}
.trustCh{font-size:24px;font-weight:600;color:#F5FDFF;margin:0 0 12px}
.trustCp{font-size:16px;line-height:1.6;color:#f5fdffbf;margin:0}
.actWrap{background:#050814;padding:100px 20px;position:relative}
.actWrap::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,#3499F9,transparent)}
.actCnt{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1fr 1.2fr;gap:60px}
.actH{font-size:42px;font-weight:700;color:#F5FDFF;margin:0 0 20px}
.actIntro{font-size:18px;line-height:1.6;color:#f5fdffb3;margin:0 0 36px}
.actImg{width:100%;height:340px;object-fit:cover;border-radius:20px;border:2px solid #3499f933}
.actItem{background:#0f31b21f;border-left:4px solid #3499F9;padding:28px;border-radius:16px;margin-bottom:24px;transition:all .3s ease}
.actItem:hover{background:#0f31b233;border-left-width:6px}
.actBadge{display:inline-block;padding:6px 14px;border-radius:12px;font-size:13px;font-weight:600;margin-bottom:12px;text-transform:uppercase;letter-spacing:.5px}
.actBadgeGreen{background:#2ecc7133;color:#2ecc71;border:1px solid #2ecc714d}
.actBadgeBlue{background:#3499f933;color:#3499F9;border:1px solid #3499f94d}
.actBadgeGray{background:#95a5a633;color:#95a5a6;border:1px solid #95a5a64d}
.actTitle{font-size:22px;font-weight:600;color:#F5FDFF;margin:0 0 10px}
.actTxt{font-size:16px;line-height:1.5;color:#f5fdffbf;margin:0 0 16px}
.actMeta{display:flex;gap:20px;flex-wrap:wrap}
.actMetaItem{font-size:14px;color:#f5fdff99;display:flex;align-items:center;gap:6px}
.hlpWrap{background:linear-gradient(165deg,#0F31B2 0%,#0a1f7d 100%);padding:100px 20px}
.hlpCnt{max-width:1400px;margin:0 auto}
.hlpH{font-size:46px;font-weight:700;color:#F5FDFF;margin:0 0 60px;text-align:center}
.hlpGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.hlpBox{background:#f5fdff0f;border:1px solid #f5fdff1f;border-radius:20px;padding:36px}
.hlpBoxWide{grid-column:span 2}
.hlpBoxH{font-size:24px;font-weight:600;color:#3499F9;margin:0 0 20px}
.hlpList{list-style:none;padding:0;margin:0}
.hlpListItem{font-size:16px;color:#f5fdffcc;padding:10px 0;padding-left:28px;position:relative}
.hlpListItem::before{content:'→';position:absolute;left:0;color:#3499F9;font-weight:700}
.hlpNote{font-size:15px;color:#3499F9;margin:16px 0 0;padding:12px;background:#3499f91a;border-radius:12px;border-left:3px solid #3499F9}
.hlpBoxTxt{font-size:17px;line-height:1.6;color:#f5fdffcc;margin:0 0 24px}
.hlpContact{display:flex;gap:32px;flex-wrap:wrap}
.hlpContactItem{font-size:16px;color:#F5FDFF;display:flex;align-items:center;gap:8px}
.priceWrap{background:#0a0e1f;padding:100px 20px}
.priceCnt{max-width:1400px;margin:0 auto}
.priceH{font-size:48px;font-weight:700;color:#F5FDFF;margin:0 0 12px;text-align:center}
.priceSub{font-size:20px;color:#f5fdffb3;text-align:center;margin:0 0 60px}
.priceGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-bottom:40px}
.priceCard{background:#0f31b21a;border:2px solid #3499f933;border-radius:28px;padding:40px 32px;display:flex;flex-direction:column;position:relative;transition:all .3s ease}
.priceCard:hover{border-color:#3499f980;box-shadow:0 16px 48px #3499f940;transform:translateY(-6px)}
.priceCardMain{background:linear-gradient(145deg,#0f31b240,#3499f926);border-color:#3499F9;border-width:3px}
.priceBadge{position:absolute;top:-16px;right:32px;background:#3499F9;color:#0F31B2;padding:8px 20px;border-radius:16px;font-size:14px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}
.priceTop{text-align:center;margin-bottom:32px}
.priceCardH{font-size:26px;font-weight:600;color:#F5FDFF;margin:0 0 24px}
.priceAmount{display:flex;align-items:baseline;justify-content:center;gap:4px;margin-bottom:8px}
.priceNum{font-size:56px;font-weight:700;color:#3499F9;line-height:1}
.priceCur{font-size:32px;font-weight:600;color:#3499F9}
.priceLabel{font-size:16px;color:#f5fdff99;margin:0}
.priceFeatures{list-style:none;padding:0;margin:0 0 32px;flex-grow:1}
.priceFeature{font-size:16px;color:#f5fdffcc;padding:12px 0;padding-left:28px;position:relative;border-bottom:1px solid #f5fdff0d}
.priceFeature:last-child{border-bottom:none}
.priceFeature::before{content:'✓';position:absolute;left:0;color:#3499F9;font-weight:700;font-size:18px}
.priceBt{display:block;padding:16px;background:#3499F9;color:#0F31B2;text-align:center;text-decoration:none;border-radius:20px;font-size:17px;font-weight:700;transition:all .3s ease}
.priceBt:hover{background:#5db3ff;box-shadow:0 8px 24px #3499f966;transform:translateY(-2px)}
.priceNote{font-size:15px;color:#f5fdff99;text-align:center;margin:0}
.accessWrap{background:#050814;padding:100px 20px}
.accessCnt{max-width:1400px;margin:0 auto;display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:center}
.accessH{font-size:44px;font-weight:700;color:#F5FDFF;margin:0 0 48px}
.accessSteps{display:flex;flex-direction:column;gap:32px}
.accessStep{display:grid;grid-template-columns:60px 1fr;gap:20px;align-items:flex-start}
.accessNum{width:60px;height:60px;background:linear-gradient(135deg,#0F31B2,#3499F9);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;font-weight:700;color:#F5FDFF;box-shadow:0 8px 24px #3499f966}
.accessStepH{font-size:22px;font-weight:600;color:#F5FDFF;margin:0 0 8px}
.accessStepTxt{font-size:16px;line-height:1.5;color:#f5fdffbf;margin:0}
.accessImg{width:100%;height:440px;object-fit:cover;border-radius:24px;box-shadow:0 20px 60px #00000080;margin-bottom:28px}
.accessInfo{background:#0f31b226;border-left:4px solid #3499F9;padding:24px;border-radius:16px}
.accessInfoH{font-size:20px;font-weight:600;color:#3499F9;margin:0 0 12px}
.accessInfoTxt{font-size:16px;line-height:1.5;color:#f5fdffbf;margin:0}
.techWrap{background:linear-gradient(175deg,#0F31B2 0%,#0a1f7d 100%);padding:100px 20px 120px}
.techCnt{max-width:1400px;margin:0 auto}
.techH{font-size:48px;font-weight:700;color:#F5FDFF;margin:0 0 60px;text-align:center}
.techGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px}
.techCard{background:#f5fdff0d;border:1px solid #f5fdff1a;border-radius:24px;overflow:hidden;transition:all .3s ease}
.techCard:hover{border-color:#3499f966;box-shadow:0 12px 40px #3499f940}
.techCardWide{grid-column:span 2;display:grid;grid-template-columns:1fr}
.techCardFull{grid-column:span 2;background:#f5fdff0d;border:1px solid #f5fdff1a;border-radius:24px;padding:44px}
.techCardImg{width:100%;height:260px;object-fit:cover}
.techCardTxt{padding:32px}
.techCardTxtWide{padding:44px}
.techCardH{font-size:26px;font-weight:600;color:#F5FDFF;margin:0 0 12px}
.techCardP{font-size:16px;line-height:1.6;color:#f5fdffbf;margin:0}
.techList{list-style:none;padding:0;margin:20px 0 0;display:flex;gap:16px;flex-wrap:wrap}
.techListItem{font-size:15px;color:#3499F9;padding:8px 16px;background:#3499f91a;border:1px solid #3499f933;border-radius:16px}
.techCertMeta{display:flex;gap:20px;margin-top:24px;flex-wrap:wrap}
.techCertMetaItem{font-size:15px;color:#F5FDFF;padding:10px 18px;background:#3499f926;border-radius:14px;border:1px solid #3499f940}
@media (max-width: 1024px) {
.heroGrid{grid-template-columns:1fr;gap:40px}
.heroH1{font-size:52px}
.heroH2{font-size:34px}
.trustGrid{grid-template-columns:1fr}
.actCnt{grid-template-columns:1fr}
.hlpGrid{grid-template-columns:1fr}
.hlpBoxWide{grid-column:span 1}
.priceGrid{grid-template-columns:1fr}
.accessCnt{grid-template-columns:1fr;gap:50px}
.techGrid{grid-template-columns:1fr}
.techCardWide{grid-column:span 1}
.techCardFull{grid-column:span 1}
}
@media (max-width: 768px) {
.heroWrap{padding:60px 20px 80px}
.heroH1{font-size:38px}
.heroH2{font-size:26px}
.heroDesc{font-size:17px}
.heroBtns{flex-direction:column}
.bt{width:100%;text-align:center}
.heroImg{height:320px}
.trustH{font-size:36px}
.trustSub{font-size:17px}
.actH{font-size:32px}
.actImg{height:240px}
.hlpH{font-size:34px}
.priceH{font-size:36px}
.accessH{font-size:34px}
.techH{font-size:36px}
.techCardImg{height:200px}
}
.heroContact{position:relative;width:100%;height:100vh;overflow:hidden;display:flex;align-items:flex-end;padding:0;margin:0}
.heroContact .bgImg{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;filter:saturate(0.3) brightness(0.4) contrast(1.2);z-index:1}
.heroContact .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f31b2a6 0%,#3499f973 100%);z-index:2}
.heroContact .txtWrap{position:relative;z-index:3;max-width:1400px;width:100%;margin:0 auto;padding:0 24px 80px}
.heroContact .mainTxt{font-size:68px;font-weight:700;line-height:1.1;color:#F5FDFF;margin:0;text-shadow:0 8px 24px #0006}
.heroContact .mainTxt .highlight{color:#3499F9;position:relative;display:inline-block}
.heroContact .mainTxt .highlight::after{content:'';position:absolute;bottom:-8px;left:0;width:100%;height:6px;background:linear-gradient(90deg,#3499F9,#0F31B2);border-radius:24px;box-shadow:0 4px 16px #3499f980}
.contentWrap{max-width:1400px;margin:0 auto;padding:0 24px}
.infoSection{padding:120px 0;background:linear-gradient(180deg,#0a0e1f 0%,#151b2e 100%)}
.infoSection .gridLayout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.infoSection .leftCol h2{font-size:42px;font-weight:700;color:#F5FDFF;margin:0 0 24px;line-height:1.2}
.infoSection .leftCol p{font-size:18px;line-height:1.7;color:#f5fdffbf;margin:0 0 36px}
.infoSection .contactDetails{display:flex;flex-direction:column;gap:28px}
.infoSection .detailItem{display:flex;align-items:center;gap:18px;padding:24px;background:#0f31b214;border-radius:20px;border:1px solid #3499f926;transition:all .3s ease}
.infoSection .detailItem:hover{background:#0f31b226;border-color:#3499f959;transform:translateX(8px);box-shadow:0 8px 32px #3499f91f}
.infoSection .detailItem .iconBox{width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0F31B2,#3499F9);border-radius:16px;flex-shrink:0;box-shadow:0 6px 20px #3499f940}
.infoSection .detailItem .iconBox i{font-size:26px;color:#F5FDFF}
.infoSection .detailItem .txtBox h3{font-size:16px;font-weight:600;color:#f5fdff99;margin:0 0 6px;text-transform:uppercase;letter-spacing:.5px}
.infoSection .detailItem .txtBox a,.infoSection .detailItem .txtBox p{font-size:19px;font-weight:500;color:#F5FDFF;margin:0;text-decoration:none;transition:color .3s ease}
.infoSection .detailItem .txtBox a:hover{color:#3499F9}
.formBox{background:#151b2e99;border:1px solid #3499f933;border-radius:28px;padding:48px;box-shadow:0 12px 48px #0006}
.formBox h3{font-size:32px;font-weight:700;color:#F5FDFF;margin:0 0 32px}
.formBox form{display:flex;flex-direction:column;gap:24px}
.formBox .fieldGroup{display:flex;flex-direction:column;gap:10px}
.formBox .fieldGroup label{font-size:15px;font-weight:600;color:#f5fdffb3;text-transform:uppercase;letter-spacing:.5px}
.formBox .fieldGroup input[type="text"],.formBox .fieldGroup input[type="email"],.formBox .fieldGroup textarea{width:100%;padding:16px 20px;background:#0f31b214;border:2px solid #3499f933;border-radius:16px;font-size:16px;color:#F5FDFF;transition:all .3s ease;font-family:inherit}
.formBox .fieldGroup input[type="text"]:focus,.formBox .fieldGroup input[type="email"]:focus,.formBox .fieldGroup textarea:focus{outline:none;border-color:#3499F9;background:#0f31b21f;box-shadow:0 0 0 4px #3499f91a}
.formBox .fieldGroup textarea{min-height:140px;resize:vertical}
.formBox .typeSelect{display:none}
.formBox .typeLabels{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.formBox .typeLbl{padding:18px 24px;background:#0f31b214;border:2px solid #3499f933;border-radius:16px;text-align:center;cursor:pointer;transition:all .3s ease;font-size:16px;font-weight:600;color:#f5fdffb3}
.formBox .typeLbl:hover{border-color:#3499f966;background:#0f31b21f}
.formBox .typeSelect:checked + .typeLbl{background:linear-gradient(135deg,#0F31B2,#3499F9);border-color:#3499F9;color:#F5FDFF;box-shadow:0 6px 20px #3499f94d}
.formBox .additionalField{display:none}
.formBox #typeGeneral:checked ~ .generalField{display:flex}
.formBox #typeSupport:checked ~ .supportField{display:flex}
.formBox .privacyBox{display:flex;align-items:start;gap:12px;margin-top:8px}
.formBox .privacyBox input[type="checkbox"]{margin-top:4px;width:20px;height:20px;cursor:pointer;flex-shrink:0}
.formBox .privacyBox label{font-size:14px;color:#f5fdffa6;line-height:1.6;cursor:pointer}
.formBox .privacyBox label a{color:#3499F9;text-decoration:none;transition:color .3s ease}
.formBox .privacyBox label a:hover{color:#F5FDFF;text-decoration:underline}
.formBox .submitBtn{padding:18px 48px;background:linear-gradient(135deg,#0F31B2,#3499F9);border:none;border-radius:20px;font-size:18px;font-weight:700;color:#F5FDFF;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;box-shadow:0 8px 24px #3499f94d}
.formBox .submitBtn:hover{transform:translateY(-3px);box-shadow:0 12px 36px #3499f973}
.formBox .submitBtn:active{transform:translateY(-1px)}
.mapSection{padding:100px 0;background:linear-gradient(180deg,#151b2e 0%,#0d1120 100%)}
.mapSection .mapWrap{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}
.mapSection .locationTxt h2{font-size:44px;font-weight:700;color:#F5FDFF;margin:0 0 20px;line-height:1.2}
.mapSection .locationTxt p{font-size:18px;line-height:1.7;color:#f5fdffbf;margin:0 0 32px}
.mapSection .addressCard{background:#0f31b21a;border:1px solid #3499f933;border-radius:24px;padding:32px;margin-bottom:28px}
.mapSection .addressCard h3{font-size:20px;font-weight:700;color:#3499F9;margin:0 0 16px;text-transform:uppercase;letter-spacing:1px}
.mapSection .addressCard p{font-size:17px;line-height:1.6;color:#F5FDFF;margin:0}
.mapSection .hoursCard{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.mapSection .hourItem{padding:20px;background:#3499f914;border-radius:16px;border:1px solid #3499f926}
.mapSection .hourItem h4{font-size:15px;font-weight:600;color:#f5fdff99;margin:0 0 8px;text-transform:uppercase;letter-spacing:.5px}
.mapSection .hourItem p{font-size:18px;font-weight:600;color:#F5FDFF;margin:0}
.mapSection .visualBox{position:relative;border-radius:28px;overflow:hidden;height:500px;box-shadow:0 16px 64px #00000080}
.mapSection .visualBox img{width:100%;height:100%;object-fit:cover;object-position:center}
.mapSection .visualBox::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#0f31b266 0%,#3499f94d 100%);z-index:1}
@media (max-width: 1024px) {
.heroContact .mainTxt{font-size:52px}
.infoSection .gridLayout{grid-template-columns:1fr;gap:60px}
.mapSection .mapWrap{grid-template-columns:1fr;gap:50px}
.formBox{padding:36px}
}
@media (max-width: 768px) {
.heroContact{height:70vh}
.heroContact .mainTxt{font-size:38px}
.heroContact .txtWrap{padding:0 20px 50px}
.infoSection{padding:80px 0}
.infoSection .leftCol h2{font-size:32px}
.formBox{padding:28px}
.formBox h3{font-size:26px}
.formBox .typeLabels{grid-template-columns:1fr}
.mapSection{padding:70px 0}
.mapSection .locationTxt h2{font-size:34px}
.mapSection .hoursCard{grid-template-columns:1fr}
.mapSection .visualBox{height:350px}
}
@media (max-width: 480px) {
.heroContact .mainTxt{font-size:32px}
.infoSection .leftCol h2{font-size:28px}
.infoSection .leftCol p{font-size:16px}
.infoSection .detailItem{padding:18px}
.formBox{padding:24px}
.formBox h3{font-size:24px}
.mapSection .locationTxt h2{font-size:28px}
}
::-webkit-scrollbar{width:5px}
::-webkit-scrollbar-track{background:#0f31b20d}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,#0F31B2,#3499F9);border-radius:10px}
::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#3499F9,#0F31B2)}
.lp-hero{background:linear-gradient(135deg,#0a1b4d 0%,#0F31B2 50%,#1a2855 100%);padding:80px 20px;position:relative;overflow:hidden}
.lp-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle at 20% 30%,#3499f926 0%,transparent 50%),radial-gradient(circle at 80% 70%,#0f31b233 0%,transparent 50%);pointer-events:none}
.lp-hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23F5FDFF' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");opacity:.4}
.heroWrap{max-width:1400px;margin:0 auto;display:flex;align-items:center;gap:60px;position:relative;z-index:1}
.heroImg{flex:0 0 420px;position:relative}
.heroImg img{width:100%;height:480px;object-fit:cover;border-radius:24px;border:3px solid #3499f966;box-shadow:0 12px 40px #0f31b280 inset 0 2px 8px #f5fdff1a;filter:contrast(1.1) saturate(0.9)}
.heroTxt{flex:1}
.heroTxt h1{font-size:52px;font-weight:700;color:#F5FDFF;margin:0 0 24px;line-height:1.2;text-shadow:0 2px 12px #0f31b299}
.heroTxt p{font-size:19px;line-height:1.7;color:#f5fdffe6;margin:0 0 16px}
.heroTxt p:last-of-type{margin-bottom:0}
@media (max-width: 1024px) {
.heroWrap{flex-direction:column;gap:40px}
.heroImg{flex:0 0 auto;width:100%;max-width:500px}
.heroImg img{height:380px}
.heroTxt h1{font-size:42px}
}
@media (max-width: 768px) {
.lp-hero{padding:60px 20px}
.heroImg img{height:300px}
.heroTxt h1{font-size:36px}
.heroTxt p{font-size:17px}
}
.modArea{background:#0a0f1f;padding:90px 20px;position:relative}
.modArea::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent 0%,#3499F9 50%,transparent 100%)}
.modWrap{max-width:1400px;margin:0 auto}
.modHead{text-align:center;margin-bottom:60px}
.modHead h2{font-size:44px;font-weight:700;color:#F5FDFF;margin:0 0 20px;position:relative;display:inline-block}
.modHead h2::after{content:'';position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);width:60%;height:4px;background:linear-gradient(90deg,#0F31B2,#3499F9);border-radius:24px}
.modHead p{font-size:18px;color:#f5fdffcc;max-width:700px;margin:0 auto;line-height:1.6}
.modGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.modCard{background:linear-gradient(145deg,#121829,#0d1420);border:2px solid #3499f933;border-radius:28px;padding:40px 32px;position:relative;transition:all .4s ease}
.modCard::before{content:'';position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#3499F9,#0F31B2);border-radius:28px;opacity:0;transition:opacity .4s ease;z-index:-1}
.modCard:hover{transform:translateY(-8px);border-color:transparent;box-shadow:0 16px 48px #3499f94d}
.modCard:hover::before{opacity:1}
.modIcon{width:70px;height:70px;background:linear-gradient(135deg,#0F31B2,#3499F9);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:24px;box-shadow:0 8px 24px #0f31b266}
.modIcon svg{width:36px;height:36px;fill:#F5FDFF}
.modCard h3{font-size:24px;font-weight:600;color:#F5FDFF;margin:0 0 16px}
.modCard p{font-size:16px;line-height:1.7;color:#f5fdffbf;margin:0}
@media (max-width: 1024px) {
.modGrid{grid-template-columns:repeat(2,1fr);gap:32px}
}
@media (max-width: 768px) {
.modArea{padding:70px 20px}
.modHead h2{font-size:36px}
.modGrid{grid-template-columns:1fr;gap:24px}
.modCard{padding:32px 24px}
}
.pathSec{background:linear-gradient(180deg,#0d1524 0%,#0a0f1f 100%);padding:90px 20px}
.pathBox{max-width:1400px;margin:0 auto}
.pathBox h2{font-size:42px;font-weight:700;color:#F5FDFF;margin:0 0 50px;text-align:center}
.stepFlow{display:flex;flex-direction:column;gap:0}
.stepItem{display:flex;align-items:flex-start;gap:40px;padding:40px 0;position:relative}
.stepItem:not(:last-child)::after{content:'';position:absolute;left:40px;top:100px;bottom:-40px;width:3px;background:linear-gradient(180deg,#3499F9 0%,#3499f933 100%)}
.stepNum{flex:0 0 80px;width:80px;height:80px;background:linear-gradient(135deg,#3499F9,#0F31B2);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:700;color:#F5FDFF;box-shadow:0 8px 28px #3499f980 inset 0 2px 6px #f5fdff33;position:relative;z-index:2}
.stepTxt{flex:1;padding-top:8px}
.stepTxt h3{font-size:26px;font-weight:600;color:#F5FDFF;margin:0 0 12px}
.stepTxt p{font-size:17px;line-height:1.7;color:#f5fdffcc;margin:0}
@media (max-width: 768px) {
.pathSec{padding:70px 20px}
.pathBox h2{font-size:34px;margin-bottom:40px}
.stepItem{gap:24px;padding:32px 0}
.stepItem:not(:last-child)::after{left:30px;top:80px}
.stepNum{flex:0 0 60px;width:60px;height:60px;font-size:26px}
.stepTxt h3{font-size:22px}
.stepTxt p{font-size:16px}
}
.benefitZone{background:#0a0f1f;padding:90px 20px;position:relative;overflow:hidden}
.benefitZone::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;background:radial-gradient(circle,#3499f914 0%,transparent 70%);pointer-events:none}
.benefitCont{max-width:1400px;margin:0 auto;position:relative;z-index:1}
.benefitCont h2{font-size:44px;font-weight:700;color:#F5FDFF;margin:0 0 60px;text-align:center}
.benefitLayout{display:grid;grid-template-columns:repeat(2,1fr);gap:50px;align-items:start}
.benefitCol{display:flex;flex-direction:column;gap:32px}
.benefitBox{background:linear-gradient(135deg,#121829 0%,#0d1420 100%);border-left:5px solid #3499F9;border-radius:0 20px 20px 0;padding:36px 32px;box-shadow:0 8px 32px #0f31b24d;transition:all .3s ease}
.benefitBox:hover{transform:translateX(8px);box-shadow:0 12px 40px #3499f966;border-left-width:8px}
.benefitBox h3{font-size:22px;font-weight:600;color:#F5FDFF;margin:0 0 14px;display:flex;align-items:center;gap:12px}
.benefitBox h3::before{content:'';width:8px;height:8px;background:#3499F9;border-radius:50%;box-shadow:0 0 12px #3499f9cc}
.benefitBox p{font-size:16px;line-height:1.7;color:#f5fdffbf;margin:0}
@media (max-width: 1024px) {
.benefitLayout{grid-template-columns:1fr;gap:32px}
}
@media (max-width: 768px) {
.benefitZone{padding:70px 20px}
.benefitCont h2{font-size:36px;margin-bottom:40px}
.benefitBox{padding:28px 24px}
.benefitBox h3{font-size:20px}
}
.ctaZone{background:linear-gradient(135deg,#0F31B2 0%,#1a2855 50%,#3499F9 100%);padding:100px 20px;position:relative;overflow:hidden}
.ctaZone::before{content:'';position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,#f5fdff1a 0%,transparent 70%);border-radius:50%}
.ctaZone::after{content:'';position:absolute;bottom:-40%;left:-15%;width:500px;height:500px;background:radial-gradient(circle,#3499f926 0%,transparent 70%);border-radius:50%}
.ctaInner{max-width:900px;margin:0 auto;text-align:center;position:relative;z-index:1}
.ctaInner h2{font-size:48px;font-weight:700;color:#F5FDFF;margin:0 0 24px;line-height:1.2;text-shadow:0 4px 16px #0000004d}
.ctaInner p{font-size:20px;line-height:1.6;color:#f5fdfff2;margin:0 0 40px}
.ctaBtnGroup{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}
.btnPrimary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;font-size:18px;font-weight:600;color:#0F31B2;background:#F5FDFF;border:none;border-radius:28px;text-decoration:none;box-shadow:0 8px 28px #f5fdff4d;transition:all .3s ease;cursor:pointer;position:relative;z-index:2}
.btnPrimary:hover{transform:translateY(-4px);box-shadow:0 12px 36px #f5fdff66;background:#fff}
.btnSecondary{display:inline-flex;align-items:center;gap:10px;padding:18px 40px;font-size:18px;font-weight:600;color:#F5FDFF;background:transparent;border:3px solid #F5FDFF;border-radius:28px;text-decoration:none;transition:all .3s ease;cursor:pointer;position:relative;z-index:2}
.btnSecondary:hover{background:#f5fdff26;transform:translateY(-4px);box-shadow:0 8px 24px #f5fdff33}
@media (max-width: 768px) {
.ctaZone{padding:80px 20px}
.ctaInner h2{font-size:36px}
.ctaInner p{font-size:18px}
.ctaBtnGroup{flex-direction:column;align-items:center}
.btnPrimary,.btnSecondary{width:100%;max-width:320px;justify-content:center}
}
::-webkit-scrollbar{width:5px;height:5px}
::-webkit-scrollbar-track{background:#0a0f1f}
::-webkit-scrollbar-thumb{background:#3499F9;border-radius:24px}
::-webkit-scrollbar-thumb:hover{background:#0F31B2}
.tlBlk{background:linear-gradient(135deg,#0F31B2 0%,#1a3fb8 50%,#3499F9 100%);position:relative;overflow:hidden;padding:90px 0 110px}
.tlBlk::before{content:'';position:absolute;top:-120px;right:-80px;width:340px;height:340px;background:radial-gradient(circle,#3499f926 0%,transparent 70%);border-radius:50%}
.tlBlk::after{content:'';position:absolute;bottom:-90px;left:-60px;width:280px;height:280px;background:radial-gradient(circle,#f5fdff14 0%,transparent 70%);border-radius:50%}
.tlWrap{max-width:1400px;margin:0 auto;padding:0 30px;display:flex;align-items:center;gap:70px;position:relative;z-index:2}
.tlTxt{flex:1;max-width:620px}
.tlMain{font-size:52px;font-weight:700;color:#F5FDFF;line-height:1.2;margin:0 0 18px;letter-spacing:-.5px}
.tlSub{font-size:54px;font-weight:700;color:#3499F9;line-height:1.2;margin:0 0 28px}
.tlDesc{font-size:19px;color:#f5fdffe0;line-height:1.7;margin:0}
.tlImg{flex:0 0 480px;position:relative}
.tlImg img{width:580px;height:420px;object-fit:cover;border-radius:24px;box-shadow:0 18px 48px #00000059 0 6px 16px #3499f933;margin-left:-100px}
.stryBlk{background:#0a0e1f;padding:110px 0;position:relative}
.stryWrap{max-width:1400px;margin:0 auto;padding:0 30px}
.stryGrid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;align-items:start}
.strySide{position:sticky;top:100px}
.stryHd{font-size:44px;font-weight:700;color:#F5FDFF;line-height:1.3;margin:0 0 24px}
.stryHd::before{content:'';display:block;width:60px;height:5px;background:linear-gradient(90deg,#3499F9,#0F31B2);margin-bottom:28px;border-radius:20px}
.stryLead{font-size:18px;color:#f5fdffbf;line-height:1.8;margin:0 0 32px}
.stryMeta{background:linear-gradient(135deg,#0f31b233,#3499f926);padding:28px;border-radius:20px;border:1px solid #3499f940}
.stryYr{font-size:16px;color:#3499F9;font-weight:600;margin:0 0 10px;letter-spacing:1px}
.stryFact{font-size:15px;color:#f5fdffb3;line-height:1.6;margin:0}
.stryCont{display:flex;flex-direction:column;gap:38px}
.stryCard{background:linear-gradient(135deg,#0f31b21f,#3499f914);padding:38px 42px;border-radius:24px;border:1px solid #3499f92e;transition:all .35s ease;position:relative;overflow:hidden}
.stryCard::before{content:'';position:absolute;top:0;left:0;width:5px;height:100%;background:linear-gradient(180deg,#3499F9,#0F31B2);opacity:0;transition:opacity .35s ease}
.stryCard:hover{transform:translateX(8px);border-color:#3499f959;box-shadow:0 12px 32px #3499f926}
.stryCard:hover::before{opacity:1}
.stryCard h3{font-size:24px;font-weight:600;color:#F5FDFF;margin:0 0 16px}
.stryCard p{font-size:16px;color:#f5fdffbf;line-height:1.7;margin:0}
.valBlk{background:#0d1124;padding:100px 0;position:relative}
.valWrap{max-width:1400px;margin:0 auto;padding:0 30px}
.valHd{text-align:center;margin-bottom:70px}
.valHd h2{font-size:42px;font-weight:700;color:#F5FDFF;margin:0 0 18px}
.valHd p{font-size:18px;color:#f5fdffb3;margin:0;max-width:600px;margin:0 auto;line-height:1.6}
.valGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px}
.valItem{background:linear-gradient(145deg,#0f31b226,#3499f914);padding:46px 36px;border-radius:28px;text-align:center;border:2px solid #3499f933;position:relative;overflow:hidden;transition:all .4s ease}
.valItem::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,#3499f91a 0%,transparent 70%);opacity:0;transition:opacity .4s ease}
.valItem:hover{transform:translateY(-8px);border-color:#3499f966;box-shadow:0 16px 40px #3499f92e}
.valItem:hover::before{opacity:1}
.valIcn{width:70px;height:70px;margin:0 auto 24px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0F31B2,#3499F9);border-radius:50%;position:relative;z-index:1}
.valIcn svg{width:36px;height:36px;fill:#F5FDFF}
.valItem h3{font-size:22px;font-weight:600;color:#F5FDFF;margin:0 0 14px;position:relative;z-index:1}
.valItem p{font-size:15px;color:#f5fdffb8;line-height:1.7;margin:0;position:relative;z-index:1}
.apprBlk{background:linear-gradient(135deg,#0a0d1c 0%,#0d1226 100%);padding:100px 0;position:relative}
.apprWrap{max-width:1400px;margin:0 auto;padding:0 30px}
.apprFlex{display:flex;gap:60px;align-items:center}
.apprImg{flex:0 0 520px}
.apprImg img{width:100%;height:480px;object-fit:cover;border-radius:26px;box-shadow:0 20px 50px #0006 0 8px 20px #0f31b233}
.apprTxt{flex:1}
.apprTxt h2{font-size:40px;font-weight:700;color:#F5FDFF;margin:0 0 26px;line-height:1.3}
.apprTxt h2::after{content:'';display:block;width:90px;height:4px;background:linear-gradient(90deg,#3499F9,transparent);margin-top:20px;border-radius:10px}
.apprList{list-style:none;padding:0;margin:0 0 34px}
.apprList li{padding:20px 0;border-bottom:1px solid #3499f926;font-size:16px;color:#f5fdffcc;line-height:1.7;position:relative;padding-left:36px}
.apprList li::before{content:'';position:absolute;left:0;top:24px;width:20px;height:20px;background:linear-gradient(135deg,#3499F9,#0F31B2);border-radius:50%;box-shadow:0 4px 12px #3499f94d}
.apprList li:last-child{border-bottom:none}
.apprTxt p{font-size:17px;color:#f5fdffbf;line-height:1.8;margin:0}
.ctaBlk{background:linear-gradient(135deg,#0F31B2 0%,#1d45c0 50%,#3499F9 100%);padding:90px 0;position:relative;overflow:hidden}
.ctaBlk::before{content:'';position:absolute;top:-100px;left:-100px;width:400px;height:400px;background:radial-gradient(circle,#f5fdff1a 0%,transparent 70%);border-radius:50%}
.ctaBlk::after{content:'';position:absolute;bottom:-120px;right:-120px;width:450px;height:450px;background:radial-gradient(circle,#3499f926 0%,transparent 70%);border-radius:50%}
.ctaWrap{max-width:1400px;margin:0 auto;padding:0 30px;position:relative;z-index:2}
.ctaFlex{display:flex;align-items:center;justify-content:space-between;gap:50px}
.ctaTxt{flex:1}
.ctaTxt h2{font-size:46px;font-weight:700;color:#F5FDFF;margin:0 0 20px;line-height:1.2}
.ctaTxt p{font-size:19px;color:#f5fdffd9;line-height:1.6;margin:0}
.ctaBtns{display:flex;gap:18px;flex-wrap:wrap}
.btnPrimary{display:inline-block;background:#F5FDFF;color:#0F31B2;padding:18px 42px;border-radius:24px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid #F5FDFF;box-shadow:0 8px 24px #00000040;position:relative;z-index:10}
.btnPrimary:hover{transform:translateY(-3px);box-shadow:0 12px 32px #00000059;background:#fff}
.btnSecondary{display:inline-block;background:transparent;color:#F5FDFF;padding:18px 42px;border-radius:24px;font-size:17px;font-weight:600;text-decoration:none;transition:all .3s ease;border:2px solid #F5FDFF;position:relative;z-index:10}
.btnSecondary:hover{background:#f5fdff26;transform:translateY(-3px);box-shadow:0 8px 24px #f5fdff33}
@media (max-width: 1200px) {
.tlWrap{gap:50px}
.tlImg{flex:0 0 420px}
.tlImg img{width:500px;height:360px;margin-left:-80px}
.stryGrid{gap:60px}
.apprFlex{gap:50px}
.apprImg{flex:0 0 460px}
}
@media (max-width: 992px) {
.tlWrap{flex-direction:column;gap:50px}
.tlImg{flex:0 0 auto;width:100%}
.tlImg img{width:100%;height:380px;margin-left:0}
.tlMain{font-size:44px}
.tlSub{font-size:46px}
.stryGrid{grid-template-columns:1fr;gap:50px}
.strySide{position:static}
.valGrid{grid-template-columns:repeat(2,1fr)}
.apprFlex{flex-direction:column}
.apprImg{flex:0 0 auto;width:100%}
.apprImg img{height:400px}
.ctaFlex{flex-direction:column;text-align:center}
}
@media (max-width: 768px) {
.tlBlk{padding:70px 0 80px}
.tlMain{font-size:36px}
.tlSub{font-size:38px}
.tlDesc{font-size:17px}
.stryBlk{padding:80px 0}
.stryHd{font-size:36px}
.stryCard{padding:30px 28px}
.valBlk{padding:80px 0}
.valHd h2{font-size:34px}
.valGrid{grid-template-columns:1fr;gap:28px}
.apprBlk{padding:80px 0}
.apprTxt h2{font-size:34px}
.ctaBlk{padding:70px 0}
.ctaTxt h2{font-size:36px}
.ctaBtns{justify-content:center;width:100%}
.btnPrimary,.btnSecondary{flex:1;text-align:center}
}
@media (max-width: 480px) {
.tlWrap,.stryWrap,.valWrap,.apprWrap,.ctaWrap{padding:0 20px}
.tlMain{font-size:30px}
.tlSub{font-size:32px}
.stryHd{font-size:30px}
.stryCard h3{font-size:20px}
.valHd h2{font-size:28px}
.apprTxt h2{font-size:28px}
.apprImg img{height:320px}
.ctaTxt h2{font-size:30px}
.ctaBtns{flex-direction:column}
.btnPrimary,.btnSecondary{width:100%}
}
.successWrap{max-width:1400px;margin:3rem auto;padding:0 1.5rem}
.successBox{background:linear-gradient(145deg,#0a1a4e,#0F31B2);border-radius:28px;padding:4rem 2.5rem;position:relative;overflow:hidden;box-shadow:0 12px 48px #0f31b240}
.successBox::before{content:'';position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,#3499f926,transparent 70%);pointer-events:none}
.successBox::after{content:'';position:absolute;bottom:-30%;left:-15%;width:400px;height:400px;background:radial-gradient(circle,#f5fdff14,transparent 65%);pointer-events:none}
.successContent{position:relative;z-index:2;text-align:center;max-width:700px;margin:0 auto}
.iconWrap{display:inline-flex;align-items:center;justify-content:center;width:120px;height:120px;background:linear-gradient(135deg,#3499F9,#0F31B2);border-radius:50%;margin-bottom:2.5rem;box-shadow:0 8px 32px #3499f94d inset 0 -4px 12px #0003;position:relative;animation:pulseIcon 2s ease-in-out infinite}
@keyframes pulseIcon {
0%,100%{transform:scale(1)}
50%{transform:scale(1.05)}
}
.iconWrap::before{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;border:2px solid #3499f94d;border-radius:50%;animation:ringExpand 2s ease-in-out infinite}
@keyframes ringExpand {
0%,100%{transform:translate(-50%,-50%) scale(1);opacity:.5}
50%{transform:translate(-50%,-50%) scale(1.15);opacity:0}
}
.iconWrap svg{width:56px;height:56px;fill:#F5FDFF;filter:drop-shadow(0 2px 8px #00000026)}
.successContent h1{font-size:2.8rem;font-weight:700;color:#F5FDFF;margin:0 0 1.5rem;line-height:1.2;letter-spacing:-.02em}
.successContent p{font-size:1.15rem;color:#f5fdffd9;line-height:1.7;margin:0 0 2rem}
.detailsGrid{display:grid;grid-template-columns:1fr;gap:1rem;margin:2.5rem 0;text-align:left}
.detailItem{background:#f5fdff14;padding:1.5rem;border-radius:18px;border:1px solid #3499f933;transition:all .3s ease}
.detailItem:hover{background:#f5fdff1f;border-color:#3499f966;transform:translateY(-2px)}
.detailItem h3{font-size:.95rem;font-weight:600;color:#3499F9;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.05em}
.detailItem p{font-size:1rem;color:#F5FDFF;margin:0;font-weight:500}
.actionBtns{display:flex;flex-direction:column;gap:1rem;margin-top:2.5rem}
.primaryBtn{display:inline-flex;align-items:center;justify-content:center;padding:1.1rem 2.5rem;background:linear-gradient(135deg,#3499F9,#0F31B2);color:#F5FDFF;font-size:1.05rem;font-weight:600;text-decoration:none;border-radius:20px;border:2px solid transparent;box-shadow:0 8px 24px #3499f94d;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}
.primaryBtn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,#f5fdff33,transparent);transition:left .5s ease}
.primaryBtn:hover::before{left:100%}
.primaryBtn:hover{transform:translateY(-3px);box-shadow:0 12px 32px #3499f966;border-color:#f5fdff4d}
.secondaryBtn{display:inline-flex;align-items:center;justify-content:center;padding:1.1rem 2.5rem;background:transparent;color:#F5FDFF;font-size:1rem;font-weight:500;text-decoration:none;border-radius:20px;border:2px solid #3499f980;transition:all .3s ease;cursor:pointer}
.secondaryBtn:hover{background:#3499f926;border-color:#3499F9;transform:translateY(-2px)}
.decorFrame{position:absolute;top:2rem;left:2rem;width:80px;height:80px;border-top:3px solid #3499f966;border-left:3px solid #3499f966;border-radius:8px 0 0 0;pointer-events:none}
.decorFrame2{position:absolute;bottom:2rem;right:2rem;width:80px;height:80px;border-bottom:3px solid #3499f966;border-right:3px solid #3499f966;border-radius:0 0 8px 0;pointer-events:none}
@media (min-width: 768px) {
.successBox{padding:5rem 4rem}
.successContent h1{font-size:3.5rem}
.detailsGrid{grid-template-columns:repeat(2,1fr);gap:1.5rem}
.actionBtns{flex-direction:row;justify-content:center;gap:1.5rem}
}
@media (min-width: 1024px) {
.successWrap{margin:5rem auto}
.successBox{padding:6rem 5rem}
}