.hero-cardpro{position:relative;width:100%;display:flex;justify-content:center;perspective:1000px}.cardpro-stack{position:relative;display:flex;flex-direction:column;align-items:flex-start;padding-left:6px;transform-style:preserve-3d;will-change:transform}.cardpro-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;z-index:0;pointer-events:none}.cardpro{position:relative;z-index:1;display:flex;align-items:center;gap:.9rem;padding:.95rem 1.25rem .95rem 1.35rem;border-radius:14px;width:fit-content;min-width:264px;max-width:100%;transform:translate(var(--dx, 0));background:linear-gradient(180deg,#ffffff0b,#ffffff02),#1f1f22;border:1px solid rgba(255,255,255,.07);box-shadow:0 1px #ffffff0d inset,0 12px 28px -18px #000000b3;transition:border-color .45s cubic-bezier(.4,0,.2,1),background-color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)}.cardpro+.cardpro{margin-top:20px}.cardpro:last-child{margin-top:28px}.cardpro:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(180deg,#ffffff1a,#fff0 42%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.55;transition:opacity .45s cubic-bezier(.4,0,.2,1)}.cardpro:after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:3px;border-radius:0 3px 3px 0;background:var(--accent);opacity:0;transform:scaleY(.4);transform-origin:center;transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)}.cardpro-num{flex:none;width:1.55rem;font-size:.72rem;font-weight:700;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--text-3);transition:color .45s cubic-bezier(.4,0,.2,1)}.cardpro-ic{flex:none;width:42px;height:42px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--text-2);background:#ffffff0a;border:1px solid rgba(255,255,255,.09);box-shadow:0 1px #ffffff0a inset;transition:color .45s cubic-bezier(.4,0,.2,1),background-color .45s cubic-bezier(.4,0,.2,1),border-color .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1)}.cardpro-ic svg{width:20px;height:20px;display:block}.cardpro-body{display:flex;flex-direction:column;gap:3px}.cardpro-title{font-weight:600;font-size:.98rem;line-height:1.15;letter-spacing:-.011em;color:#f0f0f09e;transition:color .45s cubic-bezier(.4,0,.2,1)}.cardpro-sub{font-size:.8rem;line-height:1.35;color:var(--text-3);transition:color .45s cubic-bezier(.4,0,.2,1)}.cardpro.active{border-color:#00f4a34d;background:linear-gradient(180deg,#00f4a30d,#ffffff02),#202124;box-shadow:0 1px #ffffff0f inset,0 0 0 1px #00f4a30f,0 14px 34px -18px #000000bf,0 6px 20px -12px #00f4a33d}.cardpro.active:after{opacity:1;transform:scaleY(1);box-shadow:0 0 10px #00f4a380}.cardpro.active .cardpro-num{color:var(--accent)}.cardpro.active .cardpro-ic{color:var(--accent);background:#00f4a31f;border-color:#00f4a373;box-shadow:0 0 0 1px #00f4a31f,0 2px 10px #00f4a32e}.cardpro.completed{border-color:#00f4a329;background:linear-gradient(180deg,#00f4a307,#ffffff02),#1f2022;box-shadow:0 1px #ffffff0d inset,0 12px 28px -18px #000000b3}.cardpro.completed:after{opacity:.55;transform:scaleY(.82)}.cardpro.completed .cardpro-num{color:#00f4a3b8}.cardpro.completed .cardpro-ic{color:var(--accent);background:#00f4a314;border-color:#00f4a347}.cardpro.active .cardpro-title,.cardpro.completed .cardpro-title,.cardpro.final .cardpro-title{color:var(--text-1)}.cardpro.active .cardpro-sub,.cardpro.completed .cardpro-sub,.cardpro.final .cardpro-sub{color:var(--text-2)}.cardpro.final{border-color:#00f4a352;background:linear-gradient(180deg,#00f4a30e,#ffffff02),#202226;box-shadow:0 1px #ffffff12 inset,0 0 0 1px #00f4a317,0 16px 40px -18px #000000bf,0 6px 22px -14px #00f4a34d}.cardpro.final:before{opacity:.8}.cardpro.final:after{opacity:1;transform:scaleY(1);box-shadow:0 0 12px #00f4a38c}.cardpro.final .cardpro-num{color:var(--accent)}.cardpro.final .cardpro-ic{color:var(--accent);background:#00f4a324;border-color:#00f4a380;box-shadow:0 0 0 1px #00f4a326,0 3px 14px #00f4a338}.cardpro-badge{margin-left:.55rem;flex:none;width:22px;height:22px;border-radius:50%;background:var(--accent);color:#0a0a0a;font-size:.72rem;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 10px #00f4a366;opacity:0;transform:scale(.7);transition:opacity .45s cubic-bezier(.4,0,.2,1),transform .45s cubic-bezier(.34,1.56,.64,1)}.cardpro.final .cardpro-badge{opacity:1;transform:scale(1)}@media(max-width:860px){.cardpro-stack{align-items:center}.cardpro{transform:translate(calc(var(--dx, 0) * .35));min-width:0}}@media(prefers-reduced-motion:reduce){.cardpro,.cardpro:before,.cardpro:after,.cardpro-ic,.cardpro-num,.cardpro-title,.cardpro-sub,.cardpro-badge{transition:none}}