:root{--bg:#071528;--bg2:#0d1833;--card:#14213f;--line:#26375a;--text:#f4f7ff;--muted:#aebbd1;--blue:#17b9ed;--purple:#7967ff;--cyan:#28d4f2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"Microsoft YaHei",system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 40px));margin:auto}.nav{height:72px;position:sticky;top:0;z-index:30;background:#091326e8;border-bottom:1px solid #1b2b49;backdrop-filter:blur(18px);display:flex;align-items:center;padding:0 max(24px,calc((100vw - 1200px)/2));gap:32px}.logo{display:flex;align-items:center;gap:12px;white-space:nowrap}.logo-mark{width:46px;height:46px;border-radius:12px;background:linear-gradient(135deg,#a43cff,#6a68ff);display:grid;place-items:center;font-size:29px;box-shadow:0 0 24px #8854ff7a}.logo strong,.logo small{display:block}.logo strong{font-size:21px}.logo small{font-size:12px;color:#b4c0d4}.nav nav{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-left:auto}.nav nav a{padding:10px 14px;color:#b9c5d8;font-size:14px;font-weight:600;border-radius:9px;white-space:nowrap}.nav nav a:hover,.nav nav a.active{color:#32c8f0;background:#102746}.menu{display:none;margin-left:auto;background:transparent;color:white;border:1px solid #31425d;border-radius:8px;padding:7px 10px;font-size:20px}.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 10%,#16335a 0,#0a1730 38%,#071326 75%);padding:105px 20px 72px;text-align:center}.hero-inner{position:relative;z-index:2;width:min(1160px,100%);margin:auto}.glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.18}.g1{width:380px;height:380px;background:#05c8ff;left:-140px;top:100px}.g2{width:420px;height:420px;background:#7655ff;right:-160px;top:10px}.eyebrow,.section-head>span,.purchase>div>span{font-size:12px;letter-spacing:.18em;color:#39c9f3;font-weight:800}.hero h1{font-size:clamp(38px,5.5vw,66px);line-height:1.15;margin:15px 0 20px;background:linear-gradient(90deg,#29c6f2,#55a9ff,#866aff);-webkit-background-clip:text;color:transparent;letter-spacing:-.04em}.lead{font-size:20px;color:#ccd5e5;margin:0}.intro{max-width:1060px;margin:28px auto 20px;color:#aebbd0;font-size:15px}.intro a{color:#39c8ef;font-weight:700}.flow-card{max-width:700px;margin:26px auto 36px;border:1px solid #33456a;border-top:2px solid #23bce9;border-radius:12px;padding:18px 36px 20px;background:#14203bba;box-shadow:0 20px 70px #0004}.flow-card h3{margin:0 0 18px;font-size:17px}.flow-card h3 span{color:#23c5ee}.flow{display:grid;grid-template-columns:1fr 70px 1fr;align-items:center}.flow article{display:flex;align-items:flex-start;gap:10px;text-align:left;background:#162441;padding:12px;border-radius:10px;min-height:102px}.flow b,.steps b{width:26px;height:26px;border-radius:50%;background:#199ddf;display:grid;place-items:center;flex:0 0 auto}.flow h4{margin:0 0 6px}.flow p{margin:0;color:#aebbd0;font-size:13px}.flow em{font-style:normal;color:#26c5ec}.line{height:2px;background:linear-gradient(90deg,#2188d0,#2dd8ef);position:relative}.line:after{content:"";width:9px;height:9px;background:#29cdf0;border-radius:50%;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 12px #2dd8ef}.actions{display:flex;justify-content:center;gap:18px;flex-wrap:wrap}.btn{min-height:54px;padding:0 28px;border-radius:10px;border:1px solid #21bfe9;background:transparent;color:#f7fbff;font-size:16px;font-weight:800;display:inline-flex;align-items:center;justify-content:center;gap:11px;transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 28px #0ac8ff2e}.btn.primary{border:0;background:linear-gradient(135deg,#13c1ed,#1799dd);box-shadow:0 0 28px #1cbbe753}.btn.outline{background:#111d38}.promise{margin-top:27px;color:#81e4c6;font-size:14px}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-top:74px;padding-bottom:74px}.quick-grid article,.cards article{background:linear-gradient(145deg,#152440,#101c35);border:1px solid #263a5d;border-radius:16px;padding:28px;transition:.25s}.quick-grid article:hover,.cards article:hover{transform:translateY(-5px);border-color:#2e98ca}.icon{width:46px;height:46px;border-radius:12px;background:#16345a;display:grid;place-items:center;color:#2acbf0;font-size:21px;margin-bottom:18px}.quick-grid h3,.cards h3{font-size:18px;margin:0 0 10px}.quick-grid p,.cards p,.steps p,.video p,.purchase p{color:var(--muted);font-size:14px;margin:0}.section{padding:90px 0;scroll-margin-top:70px}.tinted{background:#0c1930}.section-head{text-align:center;margin-bottom:42px}.section-head h2{font-size:clamp(28px,4vw,40px);line-height:1.25;margin:8px 0}.cards.three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards article>span{font-size:31px;color:#314d78;font-weight:900}.steps{display:grid;gap:18px;max-width:920px;margin:auto}.steps article{display:flex;gap:22px;align-items:flex-start;padding:24px 28px;background:#111f3a;border:1px solid #2b3c5d;border-radius:14px}.steps b{width:42px;height:42px;font-size:18px;box-shadow:0 0 22px #219ee86b}.steps h3{margin:0 0 6px}.decision{background:linear-gradient(180deg,#0b1730,#0d1d37)}.cards i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#4f3a2b;color:#ffc374;font-style:normal;font-weight:800;margin-bottom:17px}.cards .good i{background:#173d3e;color:#65e8c1}.video{min-height:310px;border:1px solid #2a4267;border-radius:18px;background:radial-gradient(circle at center,#173a62,#101c35 65%);display:flex;flex-direction:column;align-items:center;justify-content:center}.play{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#1bc6ed,#7967ff);font-size:25px;padding-left:4px;box-shadow:0 0 35px #2bbdfb55}.video h3{margin:18px 0 6px}.video a{margin-top:14px;color:#36c8ef;font-weight:700}.faq{max-width:900px}.faq details{border:1px solid #293c5f;border-radius:12px;background:#111f39;margin:12px 0;overflow:hidden}.faq summary{cursor:pointer;padding:19px 22px;font-weight:700;list-style:none}.faq summary::-webkit-details-marker{display:none}.faq summary b{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#183c61;color:#2ec8f0;margin-right:12px}.faq details p{border-top:1px solid #293c5f;margin:0;padding:18px 62px;color:#aebbd0}.notice-section{background:#0b162b}.purchase{border:1px solid #31476a;border-radius:18px;padding:34px;display:grid;grid-template-columns:1fr 1.3fr auto;gap:30px;align-items:center;background:#121f39}.purchase h2{margin:5px 0}.purchase ul{color:#aebbd0;font-size:14px;margin:0;padding-left:20px}.purchase .btn{white-space:nowrap}footer{border-top:1px solid #213451;background:#071120;padding:38px 0}.footer{display:flex;align-items:center;gap:30px}.footer p{margin-left:auto;color:#8fa1bb;font-size:13px}.footer>a{color:#31c9ef;font-weight:700}.float{position:fixed;right:26px;bottom:28px;z-index:20}.float a{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#15bee9,#7167ff);font-size:24px;box-shadow:0 0 28px #2d9df480}.modal{position:fixed;inset:0;background:#000b;z-index:50;display:grid;place-items:center;padding:20px}.modal[hidden]{display:none}.modal-card{width:min(540px,100%);background:#111e37;border:1px solid #34476a;border-radius:18px;padding:34px;position:relative}.close{position:absolute;right:16px;top:12px;border:0;background:transparent;color:#9eabc0;font-size:28px}.warn{width:44px;height:44px;border-radius:50%;background:#49342a;color:#ffc06a;display:grid;place-items:center;font-size:24px;font-weight:900}.modal-card h2{margin:15px 0}.modal-card li{margin:10px 0;color:#b9c6d8}.modal-card label{display:flex;gap:9px;align-items:flex-start;background:#172743;padding:14px;border-radius:9px;margin:18px 0}.modal-card .btn{width:100%}.hint{text-align:center;color:#f5a770;font-size:13px}.modal-card input{accent-color:#20bae8;width:18px;height:18px}.btn:disabled{opacity:.45;cursor:not-allowed}
@media(max-width:1050px){.nav{padding:0 20px}.menu{display:block}.nav nav{display:none;position:absolute;top:72px;left:0;right:0;background:#091326;padding:12px 20px;flex-wrap:wrap;border-bottom:1px solid #223451}.nav.open nav{display:flex}.cards.three,.quick-grid{grid-template-columns:1fr}.purchase{grid-template-columns:1fr}.quick-grid{padding-top:55px;padding-bottom:55px}.section{padding:68px 0}}
@media(max-width:650px){.hero{padding:78px 18px 55px}.hero h1{font-size:38px}.lead{font-size:17px}.flow-card{padding:18px}.flow{grid-template-columns:1fr;gap:12px}.line{display:none}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.btn{padding:0 14px;font-size:14px}.section{padding:58px 0}.section-head{text-align:left;margin-bottom:27px}.steps article{padding:20px}.faq details p{padding:17px 24px}.footer{flex-direction:column;align-items:flex-start}.footer p{margin:0}.logo strong{font-size:18px}.logo-mark{width:40px;height:40px}.nav{height:64px}.nav nav{top:64px}.intro{font-size:14px}}
