.card-spotlight--resource{width:100%;border-color:var(--border-subtle);background-color:var(--bg-card);border-radius:var(--radius-md);position:relative}.card{display:flex;flex-direction:column;border-radius:inherit;overflow:hidden;text-decoration:none;color:inherit;position:relative;z-index:2}.card-spotlight--resource:hover{border-color:#8b5cf666;transform:translateY(-5px) scale(1.01);box-shadow:0 12px 40px #00000080,0 0 40px #8b5cf626}.card__inner{display:flex;flex-direction:column;height:100%}.card__img-wrap{width:100%;height:160px;overflow:hidden;background:var(--bg-secondary);display:grid;place-items:center;flex-shrink:0}.card__img{width:72px;height:72px;object-fit:contain;transition:transform .5s cubic-bezier(.16,1,.3,1)}.card:hover .card__img{transform:scale(1.15) rotate(2deg)}.card__img-fallback{font-family:var(--font-heading);font-weight:900;font-size:2.2rem;background:var(--grad-brand);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.card__body{padding:20px;display:flex;flex-direction:column;flex:1}.card__meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;font-size:.76rem}.card__badges{display:flex;gap:6px;flex-wrap:wrap}.card__rating{display:flex;align-items:center;gap:4px;font-weight:600;font-size:.85rem;color:var(--accent-amber)}.card__star{font-size:1rem}.card__title{font-family:var(--font-heading);font-size:1.1rem;font-weight:700;line-height:1.35;margin-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:var(--text-primary)}.card__desc{font-size:.88rem;color:var(--text-secondary);line-height:1.55;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:14px}.card__tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:16px}.card__tag{padding:3px 10px;border-radius:100px;background:var(--surface);color:var(--text-secondary);font-size:.72rem;font-weight:600;letter-spacing:.03em;text-transform:uppercase}.card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:14px;border-top:1px solid var(--border-subtle)}.card__category{font-size:.76rem;color:var(--text-muted);font-weight:500;padding:3px 10px;border-radius:100px;background:#a855f71a;color:var(--accent-violet);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.card__actions{display:flex;align-items:center;gap:14px}.card__link{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;font-weight:600;color:var(--accent-violet);transition:gap .2s}.card:hover .card__link{gap:8px}.card__visit{display:inline-flex;align-items:center;gap:4px;font-size:.82rem;font-weight:600;color:var(--accent-cyan);text-decoration:none;transition:gap .2s}.card__visit:hover{gap:7px}.card__quick-actions{position:absolute;top:10px;right:10px;display:flex;gap:6px;z-index:10;opacity:0;transform:translateY(-4px);transition:opacity .25s,transform .25s}.card-spotlight--resource:hover .card__quick-actions,.card__quick-actions:focus-within{opacity:1;transform:translateY(0)}.card__quick-btn.active{opacity:1}.card__quick-actions:has(.card__quick-btn.active){opacity:1;transform:translateY(0)}.card__quick-btn{width:32px;height:32px;border-radius:8px;display:grid;place-items:center;font-size:1rem;background:#060a13d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;transition:all .2s}.card__quick-btn:hover{background:var(--surface);color:var(--text-primary);border-color:#a855f74d}.card__quick-btn--bookmark.active{color:var(--accent-violet);background:#a855f726;border-color:#a855f74d}.card__quick-btn--compare.active{color:var(--accent-cyan);background:#0acdff26;border-color:#0acdff4d}.card__quick-btn:disabled{opacity:.3;cursor:not-allowed}