.res-card{background:#fff;border:1px solid var(--border-light);border-radius:18px;padding:24px;height:100%;transition:var(--transition);display:flex;flex-direction:column;gap:14px}
.res-card:hover{transform:translateY(-3px);box-shadow:0 12px 30px rgba(59,40,204,0.08);border-color:var(--primary)}
.res-thumb{background:linear-gradient(135deg,#EDE9FF,#DDD5FF);border-radius:12px;height:160px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:3rem;position:relative;overflow:hidden}
.res-thumb::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,0.5) 0%,transparent 60%)}
.res-type{display:inline-flex;align-items:center;gap:6px;font-size:0.7rem;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:0.06em}
.res-title{font-size:1rem;font-weight:700;color:var(--text-dark);margin:0;line-height:1.35}
.res-desc{font-size:0.82rem;color:var(--text-muted);line-height:1.55;margin:0}
.res-meta{display:flex;justify-content:space-between;align-items:center;padding-top:12px;border-top:1px solid var(--border-light);margin-top:auto;font-size:0.75rem;color:var(--text-muted)}
.res-btn{background:var(--gradient-btn);color:#fff;font-weight:600;font-size:0.8rem;padding:7px 14px;border-radius:8px;border:none;display:inline-flex;align-items:center;gap:6px;text-decoration:none;transition:var(--transition)}
.res-btn:hover{color:#fff;transform:translateY(-1px);box-shadow:0 6px 18px rgba(59,40,204,0.3)}