.masonry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;grid-auto-flow:dense}@media (max-width:1024px){.masonry-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.masonry-grid{grid-template-columns:1fr;grid-auto-rows:auto}}.resource-card{border-radius:20px;padding:24px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 4px 12px rgba(0,0,0,.08);display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}.resource-card:hover{transform:translateY(-8px);box-shadow:0 12px 40px rgba(0,0,0,.15)}.resource-card.card-blue{background:linear-gradient(135deg,#eff6ff,#dbeafe)}.resource-card.card-purple{background:linear-gradient(135deg,#f3e8ff,#e9d5ff)}.resource-card.card-pink{background:linear-gradient(135deg,#fce7f3,#fbcfe8)}.resource-card.card-teal{background:linear-gradient(135deg,#ccfbf1,#99f6e4)}.card-tag{display:inline-flex;align-items:center;justify-content:center;padding:6px 14px;border-radius:20px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;margin:0 0 16px;width:-moz-fit-content;width:fit-content;box-shadow:0 1px 3px rgba(0,0,0,.1);flex-shrink:0;height:28px;line-height:1}.badge-featured{background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none}.badge-core{background:linear-gradient(135deg,#8b5cf6,#7c3aed);color:white;border:none}.badge-integration{background:white;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.badge-whitepaper{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:white;border:none}.badge-guide{background:linear-gradient(135deg,#6366f1,#4f46e5);color:white;border:none}.badge-defense{background:linear-gradient(135deg,#10b981,#059669);color:white;border:none}.badge-pricing{background:linear-gradient(135deg,#ec4899,#db2777);color:white;border:none}.badge-security{background:white;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.badge-ai-innovation{background:white;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.badge-transformation{background:white;color:#8b5cf6;border:1px solid rgba(139,92,246,.2)}.badge-intelligence{background:white;color:#ec4899;border:1px solid rgba(236,72,153,.2)}.badge-deployment{background:white;color:#f59e0b;border:1px solid rgba(245,158,11,.2)}.badge-scalability{background:white;color:#10b981;border:1px solid rgba(16,185,129,.2)}.badge-performance{background:white;color:#3b82f6;border:1px solid rgba(59,130,246,.2)}.badge-enterprise{background:white;color:#d97706;border:1px solid rgba(217,119,6,.2)}.badge-solution{color:#2563eb}.badge-optimizing,.badge-solution{background:rgba(255,255,255,.95);border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 6px rgba(0,0,0,.15)}.badge-optimizing{color:#4338ca}.resource-card ul{list-style:none;padding-left:0!important}.resource-card ul li{position:relative;padding-left:24px!important;display:flex;align-items:flex-start}.resource-card ul li:before{content:"✓";position:absolute;left:0;top:0;font-weight:700;color:#3b82f6}.resource-card.card-purple ul li:before,.resource-card.card-teal ul li:before,.resource-card[data-theme=dark] ul li:before{color:rgba(255,255,255,.9)}@media (max-width:1024px){.resource-card{padding:24px}}@media (max-width:640px){.resource-card{padding:20px}.card-tag{font-size:.625rem;padding:4px 10px;height:24px}}