/* ═══════════════════════════════════════════
   RESOURCES — Premium Cards Light
   ═══════════════════════════════════════════ */
.res-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}

.res-card{background:var(--white);border:1px solid var(--border2);border-radius:var(--radius-lg);overflow:hidden;transition:all .5s var(--ease);cursor:pointer;box-shadow:var(--shadow)}
.res-card:hover{border-color:var(--border);transform:translateY(-6px);box-shadow:var(--glow)}

.res-card-img{width:100%;height:210px;object-fit:cover;filter:brightness(0.92);transition:all .6s var(--ease)}
.res-card:hover .res-card-img{transform:scale(1.06);filter:brightness(0.85)}

.res-card-body{padding:32px}
.res-card-tag{font-size:10px;letter-spacing:0.2em;text-transform:uppercase;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;font-weight:600;margin-bottom:14px;display:block}
.res-card-title{font-size:18px;font-weight:700;line-height:1.35;margin-bottom:12px;transition:all .4s;color:var(--text-heading)}
.res-card:hover .res-card-title{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent}
.res-card-desc{font-size:14px;color:var(--muted);line-height:1.8;font-weight:400}
.res-card-cta{display:inline-flex;align-items:center;gap:6px;margin-top:20px;font-size:12px;letter-spacing:0.12em;text-transform:uppercase;font-weight:600;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;color:transparent;transition:gap .4s var(--ease)}
.res-card:hover .res-card-cta{gap:12px}

@media(max-width:1024px){
  .res-grid{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:768px){
  .res-grid{grid-template-columns:1fr;gap:20px}
  .res-card-img{height:200px}
  .res-card-body{padding:28px}
}

@media(max-width:640px){
  .res-grid{gap:18px}
  .res-card{border-radius:18px}
  .res-card:hover{transform:none}
  .res-card-img{height:180px}
  .res-card-body{padding:24px}
  .res-card-title{font-size:17px}
}