.resources-page-container{max-width:var(--container-max);margin:0 auto;padding:var(--space-8) var(--container-px) var(--space-20)}.resources-hero{display:flex;flex-direction:column;justify-content:center;position:relative;padding:var(--space-12) 0 var(--space-8);margin-bottom:var(--space-8)}.resources-hero:before{content:"";position:absolute;top:20%;left:10%;width:650px;height:400px;background:radial-gradient(circle,rgba(37,99,235,.08) 0%,rgba(16,185,129,.04) 50%,transparent 70%);pointer-events:none;z-index:0;filter:blur(80px)}.resources-hero-content{width:100%;position:relative;z-index:1;flex:1;display:flex;flex-direction:column;justify-content:center}.back-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:var(--fw-semibold);color:var(--color-text-secondary);text-decoration:none;margin-bottom:var(--space-6);transition:color var(--duration-fast)}.back-link:hover{color:var(--color-accent)}.resources-title{font-size:clamp(2.5rem,5vw,4.25rem);font-weight:var(--fw-extrabold);color:var(--color-text-primary);letter-spacing:-.035em;margin:0 0 var(--space-4) 0;line-height:1.05}.resources-subtitle{font-size:clamp(1.05rem,1.5vw,1.25rem);color:var(--color-text-secondary);max-width:50rem;margin:0 0 var(--space-8) 0;line-height:1.68}.hero-scroll-cue{display:inline-flex;align-items:center;gap:8px;margin:var(--space-6) auto 0;text-decoration:none;font-size:var(--text-xs);font-weight:var(--fw-bold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-muted);transition:color .2s ease,transform .2s ease;cursor:pointer;position:relative;z-index:2;padding:8px 16px;border-radius:var(--radius-full);background:#0f172a08;border:1px solid var(--color-border)}:global(.dark) .hero-scroll-cue{background:#ffffff08}.hero-scroll-cue:hover{color:var(--color-accent);transform:translateY(2px);border-color:#2563eb4d}.scroll-cue-icon{animation:scrollBounce 2s infinite ease-in-out}@keyframes scrollBounce{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.resources-toolbar{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);background:var(--color-surface-1);border:1px solid var(--color-border);box-shadow:var(--shadow-sm)}@media(min-width:768px){.resources-toolbar{flex-direction:row;align-items:center;justify-content:space-between}}.pills-scroll-container{display:flex;gap:var(--space-2);overflow-x:auto;padding-bottom:var(--space-1);-webkit-overflow-scrolling:touch;scrollbar-width:none;flex:1}.pills-scroll-container::-webkit-scrollbar{display:none}.filter-pill{padding:6px 14px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--fw-semibold);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-secondary);cursor:pointer;white-space:nowrap;transition:all var(--duration-fast) var(--ease-smooth);font-family:var(--font-sans)}.filter-pill:hover{color:var(--color-text-primary);border-color:var(--color-accent-glow)}.filter-pill.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);font-weight:var(--fw-bold);box-shadow:0 2px 8px #2563eb40}.sort-select-wrapper{display:flex;align-items:center}.sort-select{padding:7px 12px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-surface-2);color:var(--color-text-primary);font-size:var(--text-xs);font-weight:var(--fw-medium);font-family:var(--font-sans);cursor:pointer;min-height:38px;outline:none;transition:border-color var(--duration-fast)}.sort-select:focus{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent-subtle)}.resources-bento-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:640px){.resources-bento-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-5)}}@media(min-width:1024px){.resources-bento-grid{grid-template-columns:repeat(12,1fr);gap:var(--space-6)}.resources-bento-grid .grid-card[data-bento=hero]{grid-column:span 8;grid-row:span 2}.resources-bento-grid .grid-card[data-bento=hero] .campaign-card-inner{height:100%}.resources-bento-grid .grid-card[data-bento=hero] .campaign-thumbnail-wrapper{aspect-ratio:16/9;max-height:340px}.resources-bento-grid .grid-card[data-bento=hero] .campaign-title{font-size:clamp(var(--text-xl),2.1vw,var(--text-3xl));-webkit-line-clamp:3}.resources-bento-grid .grid-card[data-bento=hero] .campaign-excerpt{-webkit-line-clamp:4;font-size:var(--text-base)}.resources-bento-grid .grid-card[data-bento=side]{grid-column:span 4;grid-row:span 1}.resources-bento-grid .grid-card[data-bento=side] .campaign-content{padding:var(--space-5);gap:.35rem}.resources-bento-grid .grid-card[data-bento=side] .campaign-title{font-size:var(--text-base);-webkit-line-clamp:2}.resources-bento-grid .grid-card[data-bento=side] .campaign-excerpt{font-size:var(--text-sm);-webkit-line-clamp:2}.resources-bento-grid .grid-card[data-bento=side] .campaign-thumbnail-wrapper{aspect-ratio:16/9}.resources-bento-grid .grid-card[data-bento=wide]{grid-column:span 4;grid-row:span 1}.resources-bento-grid .grid-card[data-bento=duo]{grid-column:span 6;grid-row:span 1}.resources-bento-grid .grid-card[data-bento=duo] .campaign-title{font-size:var(--text-lg)}.resources-bento-grid .grid-card[data-bento=page-card]{grid-column:span 4;grid-row:span 1}}.grid-card{height:100%;animation:fadeInCard .35s var(--ease-smooth) both}@keyframes fadeInCard{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.empty-state-panel{text-align:center;padding:var(--space-16) var(--space-4);background:var(--color-surface-1);border:1px solid var(--color-border);border-radius:var(--radius-outer);margin-top:var(--space-8)}.empty-state-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.empty-state-title{font-size:var(--text-xl);font-weight:var(--fw-bold);color:var(--color-text-primary);margin:0 0 var(--space-2) 0}.empty-state-desc{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0 0 var(--space-5) 0}.empty-state-btn{padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);background:var(--color-accent);color:#fff;font-weight:var(--fw-semibold);font-size:var(--text-sm);font-family:var(--font-sans);border:none;cursor:pointer;transition:background-color var(--duration-fast)}.empty-state-btn:hover{background:var(--color-accent-hover)}.pagination-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-2);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--color-border-subtle)}.pagination-btn{display:inline-flex;align-items:center;gap:.4rem;padding:.55rem .95rem;border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--fw-semibold);font-family:var(--font-sans);cursor:pointer;transition:background-color var(--duration-fast),color var(--duration-fast),border-color var(--duration-fast)}.pagination-btn:hover:not(:disabled){background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-accent)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-pages{flex-wrap:wrap;justify-content:center;display:flex;align-items:center;gap:.35rem}.page-number-btn{min-width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-surface-1);border:1px solid var(--color-border);color:var(--color-text-secondary);font-size:var(--text-xs);font-weight:var(--fw-semibold);font-family:var(--font-sans);cursor:pointer;transition:all var(--duration-fast) var(--ease-smooth)}.page-number-btn:hover{background:var(--color-surface-2);color:var(--color-text-primary);border-color:var(--color-accent-glow)}.page-number-btn.active{background:var(--color-accent);color:#fff;border-color:var(--color-accent);font-weight:var(--fw-bold);box-shadow:0 2px 8px #2563eb4d}