.spc[data-v-d8e2f247],.spc-inner[data-v-d8e2f247]{height:100%}.spc-inner[data-v-d8e2f247]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:22px;color:inherit;cursor:pointer;display:flex;flex-direction:column;overflow:hidden;position:relative;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.spc:hover .spc-inner[data-v-d8e2f247]{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));box-shadow:var(--shadow-md);transform:translateY(-3px)}.spc--list .spc-inner[data-v-d8e2f247]{flex-direction:row}.spc--list .spc-media[data-v-d8e2f247]{flex-shrink:0;min-width:260px;width:260px}.spc--list .spc-body[data-v-d8e2f247]{padding:20px 20px 0}.spc--list .spc-footer[data-v-d8e2f247]{padding:0 20px 20px}.spc--list .spc-img-wrap[data-v-d8e2f247]{aspect-ratio:5/3}.spc--list:hover .spc-inner[data-v-d8e2f247]{transform:translateY(-2px)}.spc-media[data-v-d8e2f247]{background:var(--color-bg-muted);flex-shrink:0}.spc-img-wrap[data-v-d8e2f247],.spc-media[data-v-d8e2f247]{overflow:hidden;position:relative}.spc-img-wrap[data-v-d8e2f247]{width:100%}.spc--big .spc-img-wrap[data-v-d8e2f247],.spc-img-wrap[data-v-d8e2f247]{aspect-ratio:16/9}.spc-img[data-v-d8e2f247]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .35s ease;width:100%}.spc:hover .spc-img[data-v-d8e2f247]{transform:scale(1.04)}.spc-placeholder[data-v-d8e2f247]{inset:0;position:absolute}.spc-badge[data-v-d8e2f247]{align-items:center;border-radius:999px;box-sizing:border-box;display:inline-flex;font-family:JetBrains Mono,Courier New,monospace;font-size:11px;font-weight:500;justify-content:center;left:14px;letter-spacing:.04em;line-height:1;min-height:26px;padding:0 11px;position:absolute;top:14px;white-space:nowrap;z-index:3}.spc-badge--discount[data-v-d8e2f247]{background:var(--color-primary);box-shadow:0 8px 18px -6px color-mix(in srgb,var(--color-primary) 50%,transparent);color:#fff}.spc-badge--promo[data-v-d8e2f247]{background:#f59e0b;color:#0d0c1f}.spc-badge--webinar-date[data-v-d8e2f247]{background:color-mix(in srgb,#0ea5e9 88%,#0369a1);bottom:14px;box-shadow:0 8px 18px -6px color-mix(in srgb,#0369a1 45%,transparent);color:#fff;font-size:10px;left:14px;letter-spacing:.02em;top:auto}.spc-badge-cat[data-v-d8e2f247]{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:color-mix(in srgb,var(--color-surface) 90%,transparent);border:1px solid var(--color-border);border-radius:999px;box-sizing:border-box;color:var(--color-text-muted);display:inline-flex;font-family:JetBrains Mono,Courier New,monospace;font-size:10px;font-weight:500;justify-content:center;letter-spacing:.08em;line-height:1;min-height:26px;padding:0 12px;position:absolute;right:14px;text-transform:uppercase;top:14px;white-space:nowrap;z-index:3}.spc-body[data-v-d8e2f247]{display:flex;flex:1;flex-direction:column;gap:10px;padding:18px 20px 10px}.spc-meta[data-v-d8e2f247]{color:var(--color-text-muted);display:flex;flex-wrap:wrap;font-family:JetBrains Mono,Courier New,monospace;font-size:10.5px;font-weight:500;gap:8px;letter-spacing:.08em;row-gap:4px;text-transform:uppercase}.spc-meta[data-v-d8e2f247],.spc-meta>span[data-v-d8e2f247]{align-items:center;line-height:1}.spc-meta>span[data-v-d8e2f247]{display:inline-flex}.spc-sep[data-v-d8e2f247]{background:var(--color-text-muted);border-radius:50%;flex-shrink:0;height:3px;opacity:.4;width:3px}.spc-title[data-v-d8e2f247]{color:var(--color-text);display:-webkit-box;font-family:var(--font-heading);font-size:20px;font-weight:600;letter-spacing:-.015em;-webkit-line-clamp:2;line-height:1.15;margin:0;text-wrap:balance;-webkit-box-orient:vertical;overflow:hidden}.spc--big .spc-title[data-v-d8e2f247]{font-size:26px;-webkit-line-clamp:3}.spc-pills[data-v-d8e2f247]{display:flex;flex-wrap:wrap;gap:6px}.spc-pill[data-v-d8e2f247]{align-items:center;background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:1px solid color-mix(in srgb,var(--color-primary) 28%,transparent);border-radius:999px;box-sizing:border-box;color:var(--color-primary);display:inline-flex;font-family:JetBrains Mono,Courier New,monospace;font-size:10px;font-weight:500;justify-content:center;letter-spacing:.08em;line-height:1;min-height:26px;padding:0 12px;text-transform:uppercase;white-space:nowrap}.spc-desc[data-v-d8e2f247]{color:var(--color-text-muted);display:-webkit-box;font-size:13px;-webkit-line-clamp:2;line-height:1.5;margin:0;-webkit-box-orient:vertical;overflow:hidden}.spc--big .spc-desc[data-v-d8e2f247]{-webkit-line-clamp:3}.spc-rating[data-v-d8e2f247]{align-items:center;display:flex;gap:8px;margin-top:auto;padding-top:4px}.spc-stars[data-v-d8e2f247]{display:flex;gap:2px}.spc-star[data-v-d8e2f247]{color:color-mix(in srgb,var(--color-text) 12%,var(--color-border));height:11px;width:11px}.spc-star.filled[data-v-d8e2f247]{color:var(--color-primary)}.spc-rating-text[data-v-d8e2f247]{color:var(--color-text-muted);font-family:JetBrains Mono,Courier New,monospace;font-size:11px;letter-spacing:.04em}.spc-rating-text.none[data-v-d8e2f247]{font-style:italic}.spc-footer[data-v-d8e2f247]{align-items:center;border-top:1px dashed var(--color-border);display:flex;gap:12px;justify-content:space-between;padding:14px 20px 18px}.spc-price-block[data-v-d8e2f247]{display:flex;flex-direction:column;gap:2px}.spc-price[data-v-d8e2f247]{color:var(--color-text);font-family:var(--font-heading);font-size:22px;font-weight:600;letter-spacing:-.015em;line-height:1}.spc-price.free[data-v-d8e2f247]{color:var(--color-primary)}.spc-price-old[data-v-d8e2f247]{color:var(--color-text-muted);font-size:11.5px;text-decoration:line-through}.spc-go-btn[data-v-d8e2f247]{align-items:center;background:var(--color-primary-light);border:0;border-radius:10px;color:var(--color-primary);cursor:pointer;display:inline-flex;flex-shrink:0;font-family:inherit;font-size:12.5px;font-weight:500;gap:6px;padding:9px 14px;transition:background .15s,color .15s,gap .15s;white-space:nowrap}.spc-go-btn[data-v-d8e2f247]:hover{background:var(--color-primary);color:#fff;gap:10px}:root:is([data-theme=dark],.theme-dark) .spc:hover .spc-inner{box-shadow:0 12px 40px -18px #000000a6,0 0 0 1px color-mix(in srgb,var(--color-primary) 22%,transparent)}
