/* ─── COSV5 V3 — Resources Page ─── */

.resources-hero{position:relative;padding:100px 0 0;text-align:center;overflow:hidden}
.resources-hero::before{content:'';position:absolute;top:-200px;left:50%;width:600px;height:600px;transform:translateX(-50%);border-radius:50%;background:radial-gradient(ellipse,rgba(124,58,237,.08),transparent 60%);pointer-events:none}
.resources-hero h1{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:700;letter-spacing:-.03em;margin-bottom:8px}
.resources-hero .gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.resources-hero p{color:var(--text2);font-size:.92rem;margin-bottom:4px}

/* Filters */
.filters{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin:28px 0 12px;padding:0 24px}
.filter-btn{padding:6px 16px;border-radius:20px;border:1px solid rgba(255,255,255,.06);background:rgba(255,255,255,.03);color:var(--text2);font:.78rem var(--font-mono);cursor:pointer;transition:all .3s var(--ease)}
.filter-btn:hover{border-color:rgba(124,58,237,.2);color:var(--text)}
.filter-btn.active{background:var(--accent-gradient);color:#fff;border-color:transparent}

/* Stats Bar */
.stats-bar{text-align:center;margin:24px 0;font-size:.78rem;color:var(--text3)}

/* Page container */
.page-container{max-width:var(--max-w);margin:0 auto;padding:0 24px 40px}

/* Resource list */
.resource-list{display:flex;flex-direction:column;gap:8px;padding-bottom:40px}
.resource-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--card);border:1px solid rgba(255,255,255,.04);border-radius:var(--radius-sm);transition:all .25s var(--ease);position:relative;border-left:3px solid transparent}
.resource-item:nth-child(1){border-left-color:var(--accent)}
.resource-item:nth-child(2){border-left-color:var(--accent2)}
.resource-item:nth-child(3){border-left-color:var(--accent3)}
.resource-item:nth-child(4){border-left-color:var(--gold)}
.resource-item:nth-child(5n+5){border-left-color:rgba(124,58,237,.5)}
.resource-item:hover{background:var(--card-hover);border-color:rgba(124,58,237,.15);border-left-color:var(--accent)}

/* Resource list animations */
.resource-list .resource-item{animation:fadeInItem .3s var(--ease) both}
@keyframes fadeInItem{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}

/* Empty state */
.resource-empty{text-align:center;padding:60px 24px;color:var(--text3);font-size:.9rem;line-height:1.6}

/* Responsive */
@media(max-width:768px){
  .resources-hero{padding:80px 0 0}
  .resource-item{gap:10px;padding:12px 14px}
  .resource-date{font-size:.62rem}
  .filter-btn{padding:5px 12px;font-size:.72rem}
  .resource-meta span{font-size:.6rem}
}
@media(max-width:480px){
  .resource-meta{display:none}
}