.dex-gh__visual{height:clamp(46rem,40vw,58rem)}.dex-gh__browser{position:absolute;left:0;top:10%;width:92%;overflow:hidden;border-radius:1.8rem;border:1px solid rgba(170,200,240,.28);background:#0b1222;box-shadow:0 60px 120px -50px #000000f2,0 0 100px -30px #0086fd8c;transform:perspective(1800px) rotateY(-9deg) rotateX(3deg);transform-origin:left center;animation:dex-ph-float2 10s ease-in-out infinite}.dex-gh__bar{display:flex;align-items:center;gap:.7rem;height:3.4rem;padding:0 1.4rem;background:linear-gradient(180deg,#1b2844,#121c33);border-bottom:1px solid rgba(255,255,255,.07)}.dex-gh__bar i{width:1.1rem;height:1.1rem;border-radius:50%;background:#3a4a6b}.dex-gh__bar i:first-child{background:#ff6b6b}.dex-gh__bar i:nth-child(2){background:#ffc24b}.dex-gh__bar i:nth-child(3){background:#3ddc84}.dex-gh__bar span{flex:1;height:1.6rem;margin-left:1.2rem;border-radius:999px;background:#ffffff0f}.dex-gh__browser img{display:block;width:100%;height:auto}.dex-ph__phone.dex-gh__phone{left:auto;right:0;top:28%;width:clamp(17rem,14vw,21rem);z-index:3}@media screen and (max-width:989px){.dex-gh__visual{height:clamp(30rem,72vw,44rem)}.dex-gh__browser{width:88%;top:4%}.dex-ph__phone.dex-gh__phone{width:clamp(13rem,32vw,17rem);top:22%;right:2%}}[data-dex-guide]{margin-inline:auto}[data-dex-guide] .dex-reqbox{padding:3.2rem;border:1px solid transparent;border-radius:2.8rem;background:linear-gradient(180deg,#162646d9,#0a1426e6) padding-box,linear-gradient(150deg,#7fd8ff80,#7fd8ff12 55%,#7fd8ff40) border-box;box-shadow:0 40px 90px -60px #000000f2}[data-dex-guide] .dex-reqbox__title{font-family:inherit;font-weight:800;font-size:clamp(2.4rem,2.4vw,3.2rem);letter-spacing:-.02em;color:#fff}[data-dex-guide] .dex-reqbox__title .dex-icon{box-sizing:content-box;width:2.2rem;height:2.2rem;padding:.9rem;border-radius:1.3rem;color:#fff;background:linear-gradient(135deg,#00c2ff,#0046f7);box-shadow:0 0 22px #00a0ff80}[data-dex-guide] .dex-reqbox .dex-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(28rem,1fr));gap:1.2rem;margin-top:2.4rem}[data-dex-guide] .dex-reqbox .dex-list li{display:flex;align-items:flex-start;gap:1.2rem;margin:0;padding:1.8rem;border-radius:1.8rem;border:1px solid rgba(127,216,255,.16);background:#ffffff09;font-size:1.5rem;line-height:1.55;color:#eaf4ffe0}[data-dex-guide] .dex-list .dex-icon{box-sizing:content-box;flex:none;width:1.4rem;height:1.4rem;margin-top:.1rem;padding:.4rem;border-radius:50%;color:#fff;stroke-width:3;background:linear-gradient(135deg,#00c2ff,#0046f7);box-shadow:0 0 12px #00a0ff73}[data-dex-guide] .dex-guide__toc{position:sticky;top:var(--dex-toc-top,1.2rem);z-index:6;display:flex;flex-wrap:nowrap;gap:.6rem;margin:3.2rem 0 2.4rem;padding:.7rem;overflow-x:auto;scrollbar-width:none;border-radius:999px;border:1px solid rgba(127,216,255,.22);background:#0a1426d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 20px 40px -24px #000000e6;transition:top .3s ease}[data-dex-guide] .dex-guide__toc::-webkit-scrollbar{display:none}[data-dex-guide] .dex-guide__toc a{flex:none;padding:.9rem 1.5rem;border:0;border-radius:999px;background:transparent;font-size:1.35rem;font-weight:700;white-space:nowrap;color:#eaf4ffb3;text-decoration:none;transition:background-color .3s ease,color .3s ease,box-shadow .3s ease}[data-dex-guide] .dex-guide__toc a:hover{color:#fff;background:#ffffff0f}[data-dex-guide] .dex-guide__toc a.is-done{color:#9be3ff}[data-dex-guide] .dex-guide__toc a.is-active{color:#fff;background:linear-gradient(135deg,#00c2ff,#0046f7);box-shadow:0 0 18px #00a0ff80}[data-dex-guide] .dex-guide__progress{position:absolute;left:2.4rem;right:2.4rem;bottom:0;height:2px;border-radius:2px;background:#7fd8ff1f;pointer-events:none}[data-dex-guide] .dex-guide__progress i{display:block;width:calc(var(--dex-gp,0) * 100%);height:100%;border-radius:2px;background:linear-gradient(90deg,#00c2ff,#3d8bff);box-shadow:0 0 10px #00c2ffb3;transition:width .25s linear}[data-dex-guide] .dex-gsteps{gap:2.4rem}[data-dex-guide] .dex-gstep{position:relative;scroll-margin-top:16rem;gap:2.8rem;padding:3.2rem;border:1px solid transparent;border-radius:2.8rem;background:linear-gradient(180deg,#162646b3,#0a1426e0) padding-box,linear-gradient(150deg,#7fd8ff4d,#7fd8ff0d 55%,#7fd8ff29) border-box;box-shadow:0 30px 70px -50px #000000f2;transition:box-shadow .5s ease,background .5s ease}[data-dex-guide] .dex-gstep.is-active{background:linear-gradient(180deg,#0e34788c,#0a1426e6) padding-box,linear-gradient(150deg,#00d4ffbf,#0a63e840 55%,#00d4ff73) border-box;box-shadow:0 40px 90px -50px #000000f2,0 0 70px -30px #0096ff99}[data-dex-guide] .dex-gstep:not(:last-child):after{content:"";position:absolute;left:calc(6rem - 1px);top:8.8rem;height:calc(100% - 3.2rem);width:2px;border-radius:2px;background:linear-gradient(180deg,#00c2ff8c,#00c2ff14);pointer-events:none;z-index:0}[data-dex-guide] .dex-gstep__num{position:relative;z-index:1;width:5.6rem;height:5.6rem;border-radius:1.7rem;font-size:2.3rem;font-weight:800;background:linear-gradient(135deg,#00c2ff,#0046f7);box-shadow:inset 0 1px #ffffff59,0 0 0 6px #00c2ff14,0 0 26px #00a0ff66;transition:box-shadow .5s ease,transform .5s ease}[data-dex-guide] .dex-gstep.is-active .dex-gstep__num{transform:scale(1.06);box-shadow:inset 0 1px #ffffff59,0 0 0 7px #00c2ff29,0 0 34px #00b4ffbf}[data-dex-guide] .dex-gstep__time{display:inline-flex;align-items:center;gap:.6rem;margin-bottom:1rem;padding:.5rem 1.2rem;border-radius:999px;background:#00d4ff1a;border:1px solid rgba(0,212,255,.25);font-size:1.25rem;font-weight:700;color:#9be3ff}[data-dex-guide] .dex-gstep__time:before{content:"";width:1.3rem;height:1.3rem;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") center/contain no-repeat}[data-dex-guide] .dex-gstep h3{font-weight:800;font-size:clamp(2.4rem,2.4vw,3rem);letter-spacing:-.02em;color:#fff}[data-dex-guide] .dex-gstep__text{color:#eaf4ffc7}[data-dex-guide] .dex-gstep__text strong{color:#fff}[data-dex-guide] .dex-gstep .dex-list{display:grid;gap:.9rem}[data-dex-guide] .dex-gstep .dex-list li{display:flex;align-items:flex-start;gap:1.1rem;margin:0;font-size:1.5rem;line-height:1.55;color:#eaf4ffdb}[data-dex-guide] .dex-gstep__tip{position:relative;padding:1.6rem 1.8rem 1.6rem 5.2rem;border-radius:1.6rem;border:1px solid rgba(255,194,75,.3);background:#ffc24b14;color:#ffd58a}[data-dex-guide] .dex-gstep__tip:before{content:"";position:absolute;left:1.8rem;top:1.7rem;width:2rem;height:2rem;background:#ffc24b;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10.3 3.9 1.8 18a2 2 0 0 0 1.7 3h17a2 2 0 0 0 1.7-3L13.7 3.9a2 2 0 0 0-3.4 0z'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E") center/contain no-repeat}[data-dex-guide] .dex-gstep__media:has(>img){position:relative;margin-top:2.4rem;padding-top:3.2rem;overflow:hidden;border-radius:1.8rem;border:1px solid rgba(170,200,240,.25);background:linear-gradient(180deg,#1b2844,#121c33) top/100% 3.2rem no-repeat,#0b1222;box-shadow:0 40px 80px -50px #000000f2,0 0 60px -30px #0086fd73}[data-dex-guide] .dex-gstep__media:has(>img):before{content:"";position:absolute;left:1.4rem;top:1.05rem;width:1.1rem;height:1.1rem;border-radius:50%;background:#ff6b6b;box-shadow:1.8rem 0 #ffc24b,3.6rem 0 #3ddc84}[data-dex-guide] .dex-gstep__media>img{display:block;width:100%;height:auto;border-radius:0}[data-dex-guide] .dex-gstep__media.dex-frame{border-radius:1.8rem;overflow:hidden;border:1px solid rgba(127,216,255,.3);box-shadow:0 40px 80px -50px #000000f2,0 0 60px -30px #0096ff80}[data-dex-guide] .dex-guide__after{margin-top:3.2rem;padding:3.2rem;border-radius:2.8rem;border:1px solid transparent;background:radial-gradient(120% 120% at 100% 0%,#0e3c8c99,#0a1426e6 60%) padding-box,linear-gradient(150deg,#7fd8ff80,#7fd8ff14) border-box}[data-dex-guide] .dex-guide__after a{color:#9be3ff}@media screen and (max-width:749px){[data-dex-guide] .dex-reqbox{padding:2.2rem}[data-dex-guide] .dex-reqbox .dex-list{grid-template-columns:1fr}[data-dex-guide] .dex-guide__toc{margin-inline:-.4rem;border-radius:1.8rem}[data-dex-guide] .dex-gstep{padding:2.2rem;scroll-margin-top:12rem}[data-dex-guide] .dex-gstep:not(:last-child):after{display:none}[data-dex-guide] .dex-gstep__num{width:4.6rem;height:4.6rem;font-size:1.9rem;border-radius:1.4rem}}@media(prefers-reduced-motion:reduce){.dex-gh__browser{animation:none}[data-dex-guide] .dex-guide__progress i{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/31/assets/dex-v33.css.map */