.container-cards{perspective:2000px;width:100%;height:100%;position:relative}.card{--c-bg:transparent;--c-inner-bg:transparent;--c-text:#2f486d;--c-text-muted:#2f486db3;--c-text-muted-light:#2f486d80;--separator:#2f486d33;--title:#1e293b;--shadow-dark:#2f486d1a;--shadow-light:#ffffff4d;--glass-border:linear-gradient(-45deg, #2f486d26, #2f486d05, #2f486d26)}.dark .card{--c-bg:#0e11174d;--c-inner-bg:#0e111766;--c-text:#e0e0e0;--c-text-muted:#666;--c-text-muted-light:#555;--separator:#ffffff0f;--title:#f0f0f0;--shadow-dark:#0006;--shadow-light:#0000001a;--glass-border:linear-gradient(-45deg, #22222212, #ffffff1a, #33333312)}.a{z-index:19;width:33.33%;height:33.33%;position:absolute}.tl{top:0;left:0}.t{top:0;left:33.33%}.tr{top:0;left:auto;right:0}.l{top:33.33%;left:0}.c{top:33.33%;left:33.33%}.r{top:33.33%;left:auto;right:0}.bl{top:auto;bottom:0;left:0}.b{top:auto;bottom:0;left:33.33%}.br{inset:auto 0 0 auto}.tl:hover~.card{transform:rotateX(-12deg)rotateY(12deg)}.t:hover~.card{transform:rotateX(-12deg)}.tr:hover~.card{transform:rotateX(-12deg)rotateY(-12deg)}.l:hover~.card{transform:rotateY(12deg)}.c:hover~.card{transform:rotateX(0)rotateY(0)scale(1.02)}.r:hover~.card{transform:rotateY(-12deg)}.bl:hover~.card{transform:rotateX(12deg)rotateY(12deg)}.b:hover~.card{transform:rotateX(12deg)}.br:hover~.card{transform:rotateX(12deg)rotateY(-12deg)}.tl:hover~.card .light-shadow{box-shadow:inset 32px 32px 80px 5px var(--glow-color,#ffffff0d), inset -32px -32px 80px 5px var(--shadow-dark)}.t:hover~.card .light-shadow{box-shadow:inset 0 32px 80px var(--glow-color,#ffffff0d), inset 0 -32px 80px var(--shadow-dark)}.tr:hover~.card .light-shadow{box-shadow:inset -32px 32px 80px 5px var(--glow-color,#ffffff0d), inset 32px -32px 80px 5px var(--shadow-dark)}.l:hover~.card .light-shadow{box-shadow:inset 32px 0 80px var(--glow-color,#ffffff0d), inset -32px 0 80px var(--shadow-light)}.c:hover~.card .light-shadow{box-shadow:inset 0 0 60px var(--glow-color,#ffffff0d), inset 0 0 60px var(--shadow-light)}.r:hover~.card .light-shadow{box-shadow:inset -32px 0 80px var(--glow-color,#ffffff0d), inset 32px 0 80px var(--shadow-light)}.bl:hover~.card .light-shadow{box-shadow:inset 32px -32px 80px 5px var(--glow-color-strong,#ffffff1a)}.b:hover~.card .light-shadow{box-shadow:inset 0 -32px 80px 5px var(--glow-color-strong,#ffffff1a)}.br:hover~.card .light-shadow{box-shadow:inset -32px -32px 80px 5px var(--glow-color-strong,#ffffff1a)}.a:hover~.card .svg-border .border-main,.a:hover~.card .svg-border .border-glow,.card:hover .svg-border .border-main,.card:hover .svg-border .border-glow{stroke-dasharray:0 60 200 999;stroke-dashoffset:10px}.card{width:100%;min-height:360px;color:var(--c-text);background-color:var(--c-bg);-webkit-backdrop-filter:blur(16px);transform-style:preserve-3d;z-index:10;border-radius:1.25rem;flex-direction:column;justify-content:flex-end;padding:1rem;transition:transform .7s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:visible}.card:hover{transform:rotateX(3deg)rotateY(6deg)}.card-inner-bg{background:var(--c-inner-bg);z-index:-1;border-radius:1.25rem;position:absolute;inset:0;overflow:hidden}.card-inner-glow{filter:blur(40px);opacity:.12;animation:20s cubic-bezier(.36,.2,.64,.8) infinite card-glow-spin;position:absolute;inset:-600%;transform:translateZ(-10px)}@keyframes card-glow-spin{50%{rotate:180deg}to{rotate:360deg}}.card-glass-border{background-image:var(--glass-border);clip-path:inset(0 round 1.25rem);pointer-events:none;z-index:12;background-origin:border-box;border:2px double #0000;border-radius:1.25rem;position:absolute;inset:0}.svg-border{pointer-events:none;z-index:0;width:calc(100% + 16px);height:calc(100% + 16px);position:absolute;top:-8px;left:-8px;overflow:visible}.svg-border path{fill:none;stroke-linecap:round;stroke-width:3px;transition:stroke-dasharray 1s,stroke-dashoffset 1s}.svg-border .border-dots{stroke-dasharray:10 26;stroke-dashoffset:0;animation:50s linear infinite card-border-dots}.svg-border .border-glow{filter:blur(5px);opacity:.25;stroke-dasharray:0 0 160 999}.svg-border .border-main{stroke-dasharray:0 0 160 999}@keyframes card-border-dots{0%{stroke-dashoffset:360px}}.card .light-shadow{pointer-events:none;z-index:13;border-radius:1.25rem;transition:all .6s cubic-bezier(.175,.885,.32,1.275);position:absolute;inset:0}.card .card-badge{z-index:14;text-transform:uppercase;letter-spacing:.2em;color:#fff;border-radius:0 0 8px 8px;padding:4px 12px;font-size:8px;font-weight:800;position:absolute;top:0;right:14px}.card-float-icon{z-index:2;position:relative;transform:translateZ(25px)}.card-float-meta{z-index:2;position:relative;transform:translateZ(18px)}.card-float-title{z-index:2;position:relative;transform:translateZ(30px)}.card-float-bottom{z-index:2;position:relative;transform:translateZ(22px)}.card-float-cta{z-index:3;position:relative;transform:translateZ(35px)}.card .card-icon{border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:.25rem;padding:.5rem;display:flex}.card .card-category{text-transform:uppercase;letter-spacing:.15em;align-items:center;gap:.35rem;padding:0 .25rem;font-size:11px;font-weight:700;display:flex}.card .card-category svg{opacity:.8;width:14px;height:14px}.card .card-info{gap:.5rem;padding:.4rem .25rem;display:flex}.card .card-info-item{text-transform:uppercase;letter-spacing:.12em;width:100%;font-size:8px}.card .card-info-item .label{color:var(--c-text-muted);margin-bottom:2px;font-weight:600}.card .card-info-item .value{color:var(--c-text);font-size:10px;font-weight:700}.card .separator-line{border-top:2px dashed var(--separator);width:100%;margin:.4rem 0}.card .card-title-section{flex-direction:column;padding:.35rem .25rem;display:flex}.card .card-title-section .card-subtitle{color:var(--c-text-muted);font-size:11px;font-weight:500}.card .card-title-section .card-title{color:var(--title);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;font-size:16px;font-weight:800;line-height:1.3;display:-webkit-box;overflow:hidden}.card .card-bottom{align-items:flex-end;gap:.5rem;width:100%;display:flex}.card .card-bottom .card-stats{flex-direction:column;flex:1;gap:3px;display:flex}.card .card-bottom .stat-row{color:var(--c-text-muted);align-items:center;gap:4px;font-size:9px;display:flex}.card .card-bottom .stat-row svg{width:11px;height:11px}.card .card-bottom .card-price-section{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.card .card-bottom .original-price{color:var(--c-text-muted-light);font-size:10px;text-decoration:line-through}.card .card-bottom .current-price{font-size:18px;font-weight:900;line-height:1}.card .card-bottom .price-note{color:var(--c-text-muted-light);text-transform:uppercase;letter-spacing:.1em;font-size:8px}.card .card-cta{text-transform:uppercase;letter-spacing:.12em;align-items:center;gap:4px;padding:.35rem .25rem;font-size:10px;font-weight:700;transition:all .3s;display:flex}.card .card-cta svg{width:12px;height:12px;transition:transform .3s}.container-cards:hover .card-cta svg{transform:translate(3px)}.card-progress-wrap{z-index:2;margin-top:.35rem;padding:0 .25rem;position:relative;transform:translateZ(10px)}.card-progress{background:color-mix(in srgb, var(--foreground) 4%, transparent);border-radius:2px;width:100%;height:3px;overflow:hidden}.card-progress-fill{border-radius:inherit;background-size:200%;width:65%;height:3px;animation:4s linear infinite card-progress-anim}@keyframes card-progress-anim{0%{background-position:200%,0%}}.card[data-tier=emerald]{--glow-color:#10b98126;--glow-color-strong:#10b98140;border:1px solid #10b9811f}.card[data-tier=emerald]:hover{border-color:#10b9814d}.card[data-tier=emerald] .card-inner-glow{background:conic-gradient(from 45deg,#10b981 5%,#0000 10% 40%,#10b981 45% 55%,#0000 60% 90%,#10b981 95%)}.card[data-tier=emerald] .svg-border .border-dots{stroke:#10b9810f}.card[data-tier=emerald] .svg-border .border-glow,.card[data-tier=emerald] .svg-border .border-main{stroke:#10b981}.card[data-tier=emerald] .card-icon{color:#34d399;background:#10b9811f}.card[data-tier=emerald] .card-category{color:#34d399}.card[data-tier=emerald] .card-badge{background:#10b981}.card[data-tier=emerald] .current-price,.card[data-tier=emerald] .card-cta{color:#34d399}.card[data-tier=emerald] .card-progress-fill{background-color:#0000;background-image:linear-gradient(90deg,#0000,#10b98180,#0000),linear-gradient(90deg,#0000,#10b981b3,#0000);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.card[data-tier=indigo]{--glow-color:#6366f126;--glow-color-strong:#6366f140;border:1px solid #6366f11f}.card[data-tier=indigo]:hover{border-color:#6366f14d}.card[data-tier=indigo] .card-inner-glow{background:conic-gradient(from 45deg,#6366f1 5%,#0000 10% 40%,#6366f1 45% 55%,#0000 60% 90%,#6366f1 95%)}.card[data-tier=indigo] .svg-border .border-dots{stroke:#6366f10f}.card[data-tier=indigo] .svg-border .border-glow,.card[data-tier=indigo] .svg-border .border-main{stroke:#6366f1}.card[data-tier=indigo] .card-icon{color:#818cf8;background:#6366f11f}.card[data-tier=indigo] .card-category{color:#818cf8}.card[data-tier=indigo] .card-badge{background:#6366f1}.card[data-tier=indigo] .current-price,.card[data-tier=indigo] .card-cta{color:#818cf8}.card[data-tier=indigo] .card-progress-fill{background-color:#0000;background-image:linear-gradient(90deg,#0000,#6366f180,#0000),linear-gradient(90deg,#0000,#6366f1b3,#0000);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.card[data-tier=violet]{--glow-color:#8b5cf626;--glow-color-strong:#8b5cf640;border:1px solid #8b5cf61f}.card[data-tier=violet]:hover{border-color:#8b5cf64d}.card[data-tier=violet] .card-inner-glow{background:conic-gradient(from 45deg,#8b5cf6 5%,#0000 10% 40%,#8b5cf6 45% 55%,#0000 60% 90%,#8b5cf6 95%)}.card[data-tier=violet] .svg-border .border-dots{stroke:#8b5cf60f}.card[data-tier=violet] .svg-border .border-glow,.card[data-tier=violet] .svg-border .border-main{stroke:#8b5cf6}.card[data-tier=violet] .card-icon{color:#a78bfa;background:#8b5cf61f}.card[data-tier=violet] .card-category{color:#a78bfa}.card[data-tier=violet] .card-badge{background:#8b5cf6}.card[data-tier=violet] .current-price,.card[data-tier=violet] .card-cta{color:#a78bfa}.card[data-tier=violet] .card-progress-fill{background-color:#0000;background-image:linear-gradient(90deg,#0000,#8b5cf680,#0000),linear-gradient(90deg,#0000,#8b5cf6b3,#0000);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.card[data-tier=amber]{--glow-color:#f59e0b26;--glow-color-strong:#f59e0b40;border:1px solid #f59e0b1f}.card[data-tier=amber]:hover{border-color:#f59e0b4d}.card[data-tier=amber] .card-inner-glow{background:conic-gradient(from 45deg,#f59e0b 5%,#0000 10% 40%,#f59e0b 45% 55%,#0000 60% 90%,#f59e0b 95%)}.card[data-tier=amber] .svg-border .border-dots{stroke:#f59e0b0f}.card[data-tier=amber] .svg-border .border-glow,.card[data-tier=amber] .svg-border .border-main{stroke:#f59e0b}.card[data-tier=amber] .card-icon{color:#fbbf24;background:#f59e0b1f}.card[data-tier=amber] .card-category{color:#fbbf24}.card[data-tier=amber] .card-badge{background:linear-gradient(135deg,#f59e0b,#d97706)}.card[data-tier=amber] .current-price,.card[data-tier=amber] .card-cta{color:#fbbf24}.card[data-tier=amber] .card-progress-fill{background-color:#0000;background-image:linear-gradient(90deg,#0000,#f59e0b80,#0000),linear-gradient(90deg,#0000,#f59e0bb3,#0000);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}.products-3d-grid{grid-template-columns:1fr;gap:1.5rem;display:grid}@media (min-width:640px){.products-3d-grid{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (min-width:1024px){.products-3d-grid{grid-template-columns:repeat(3,1fr);gap:2rem}}html:not(.dark) .card[data-tier]{--glow-color:#2f486d26;--glow-color-strong:#2f486d40;border-color:#2f486d33}html:not(.dark) .card[data-tier]:hover{border-color:#2f486d59}html:not(.dark) .card[data-tier] .card-inner-glow{background:conic-gradient(from 45deg,#2f486d 5%,#0000 10% 40%,#2f486d 45% 55%,#0000 60% 90%,#2f486d 95%)}html:not(.dark) .card[data-tier] .svg-border .border-dots{stroke:#2f486d26}html:not(.dark) .card[data-tier] .svg-border .border-glow,html:not(.dark) .card[data-tier] .svg-border .border-main{stroke:#2f486d}html:not(.dark) .card[data-tier] .card-icon{color:#2f486d;background:#2f486d1f}html:not(.dark) .card[data-tier] .card-category,html:not(.dark) .card[data-tier] .current-price,html:not(.dark) .card[data-tier] .card-cta{color:#2f486d}html:not(.dark) .card[data-tier] .card-badge{background:#2f486d}html:not(.dark) .card[data-tier] .card-progress-fill{background-color:#0000;background-image:linear-gradient(90deg,#0000,#2f486d99,#0000),linear-gradient(90deg,#0000,#2f486dcc,#0000);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:200%;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box}