.how-card[data-v-3cdecdb0]{border:1px solid rgba(37,99,235,.16);transition:transform .5s cubic-bezier(.22,1,.36,1),border-color .5s ease,box-shadow .5s ease,background .5s ease}.how-card--0[data-v-3cdecdb0]{--card-accent:#3b82f6;--card-accent-soft:rgba(59,130,246,.1);--card-accent-tint:rgba(59,130,246,.04);--card-accent-border:rgba(59,130,246,.18)}.how-card--1[data-v-3cdecdb0]{--card-accent:#a855f7;--card-accent-soft:rgba(168,85,247,.1);--card-accent-tint:rgba(168,85,247,.04);--card-accent-border:rgba(168,85,247,.18)}.how-card--2[data-v-3cdecdb0]{--card-accent:#f97316;--card-accent-soft:rgba(249,115,22,.1);--card-accent-tint:rgba(249,115,22,.04);--card-accent-border:rgba(249,115,22,.18)}.how-card--3[data-v-3cdecdb0]{--card-accent:#10b981;--card-accent-soft:rgba(16,185,129,.1);--card-accent-tint:rgba(16,185,129,.04);--card-accent-border:rgba(16,185,129,.18)}.how-card.is-active[data-v-3cdecdb0]{transform:translateY(-8px) scale(1.03);border-color:var(--card-accent);background:var(--card-accent-tint);box-shadow:0 22px 48px #0f172a14,0 0 0 4px var(--card-accent-soft),0 0 30px var(--card-accent-soft)}.how-card.is-active .how-card-num[data-v-3cdecdb0]{opacity:.6;transform:scale(1.1)}.how-card.is-active .how-card-icon[data-v-3cdecdb0]{transform:scale(1.12) rotate(-3deg);background:var(--card-accent);color:#fff;border-color:var(--card-accent);box-shadow:0 14px 30px #0f172a1f,0 0 0 8px var(--card-accent-soft)}.how-card.is-active .how-card-icon-glow[data-v-3cdecdb0]{opacity:1;animation:how-glow-pulse-3cdecdb0 1.4s ease-in-out infinite}.how-card.is-done .how-card-icon[data-v-3cdecdb0]{background:var(--card-accent);color:transparent;border-color:var(--card-accent)}.how-card.is-done .how-card-check[data-v-3cdecdb0]{opacity:1;transform:scale(1)}.how-card-num[data-v-3cdecdb0]{font-size:32px;font-weight:900;line-height:1;letter-spacing:-.04em;background:linear-gradient(135deg,var(--card-accent) 0,transparent 110%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;opacity:.2;transition:opacity .5s ease,transform .5s cubic-bezier(.22,1,.36,1)}@media (min-width: 718px){.how-card-num[data-v-3cdecdb0]{font-size:42px}}.how-card-icon[data-v-3cdecdb0]{background:var(--card-accent-soft);border:1.5px solid var(--card-accent-border);color:var(--card-accent);box-shadow:0 10px 22px #0f172a0d,inset 0 1px #fff6;transition:transform .5s cubic-bezier(.22,1,.36,1),background .5s ease,color .5s ease,border-color .5s ease,box-shadow .5s ease}.how-card-icon-glow[data-v-3cdecdb0]{position:absolute;inset:-10px;border-radius:22px;background:radial-gradient(circle,var(--card-accent) 0,transparent 65%);opacity:0;z-index:-1;pointer-events:none}.how-card-check[data-v-3cdecdb0]{color:#fff;opacity:0;transform:scale(.4);transition:opacity .4s ease .1s,transform .5s cubic-bezier(.34,1.56,.64,1) .1s}.how-card-check[data-v-3cdecdb0] .q-icon{font-size:22px!important}@keyframes how-glow-pulse-3cdecdb0{0%,to{opacity:.55;transform:scale(1)}50%{opacity:.9;transform:scale(1.15)}}.how-card-step[data-v-3cdecdb0]{font-size:11.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--card-accent);margin-bottom:8px}.how-card-title[data-v-3cdecdb0]{display:block;margin:0 0 10px;font-size:17px;font-weight:800;line-height:1.25;letter-spacing:-.01em;color:#000}@media (min-width: 718px){.how-card-title[data-v-3cdecdb0]{font-size:19px}}.how-card-desc[data-v-3cdecdb0]{display:block;margin:0;padding:0;line-height:1.55;color:#546172}.how-card-line[data-v-3cdecdb0]{top:50%;right:-40px;width:36px;height:6px;transform:translateY(-50%);z-index:3}.how-card-line-track[data-v-3cdecdb0]{background-image:radial-gradient(circle,rgba(15,23,42,.32) 1.5px,transparent 2px);background-size:8px 6px;background-repeat:repeat-x;background-position:50%}.how-card-line-fill[data-v-3cdecdb0]{top:50%;left:0;height:3px;width:0;transform:translateY(-50%);background:var(--card-accent);box-shadow:0 0 6px var(--card-accent);border-radius:999px;transition:width .5s cubic-bezier(.22,1,.36,1)}.how-card.is-active .how-card-line-fill[data-v-3cdecdb0]{width:100%;transition:width 2.8s linear}.how-card.is-done .how-card-line-fill[data-v-3cdecdb0]{width:100%}@media (max-width: 1370px){.how-card-line[data-v-3cdecdb0]{display:none}}@media (max-width: 718px){.how-card.is-active[data-v-3cdecdb0]{transform:translateY(-4px) scale(1.02)}}
