.how[data-v-bd0d11bc]{background:#000;color:#fff;padding:100px 0}.how .qr-code-holder[data-v-bd0d11bc]{aspect-ratio:2/1;height:1080px;margin:40px auto;position:relative;width:min(400px,100%)}@media (max-width:420px){.how .qr-code-holder[data-v-bd0d11bc]{height:880px;width:min(320px,100%)}}.how .qr-code-holder .qr-cover[data-v-bd0d11bc]{height:100%;left:0;position:absolute;top:0;width:100%;z-index:2}.how .qr-code-holder .qr-cover img[data-v-bd0d11bc]{box-shadow:0 0 60px #000c}.how .qr-code-holder .qr-inner[data-v-bd0d11bc]{position:sticky;top:200px;z-index:1}@media (max-width:420px){.how .qr-code-holder .qr-inner[data-v-bd0d11bc]{top:240px}}.how .subtitle[data-v-bd0d11bc]{font-size:20px}.how .title[data-v-bd0d11bc]{font-size:32px;font-weight:400;line-height:1.2}.how .step[data-v-bd0d11bc]{margin-bottom:50px;padding-bottom:30px;padding-left:60px;position:relative}.how .step .step-content h3[data-v-bd0d11bc]{font-size:32px;font-weight:700;margin-bottom:10px}.how .step .step-content p[data-v-bd0d11bc]{font-size:18px!important;font-weight:400}.how .step .step-number[data-v-bd0d11bc]{bottom:0;left:0;position:absolute;top:0}.how .step .step-number span[data-v-bd0d11bc]{align-items:center;background:#000;border:1px solid hsla(0,0%,100%,.5);border-radius:50%;color:#fff;display:inline-flex;font-size:24px;font-weight:700;height:42px;justify-content:center;position:relative;transform:translateY(-4px);width:42px;z-index:2}.how .step .step-number .line[data-v-bd0d11bc]{box-shadow:0 0 40px 2px #d8b1fa;height:calc(100% - 42px);left:50%;position:absolute;top:60px;width:2px}