.resources-page[data-v-51d88877]{padding:0}.resources-hero[data-v-51d88877]{background:linear-gradient(120deg,var(--primary-color) 0,#2a3f7a 60%,#fb8c00 100%);color:#fff;margin-bottom:.2rem;padding:4rem 2rem;text-align:center}.hero-content[data-v-51d88877]{margin:0 auto;max-width:1200px}.hero-content h1[data-v-51d88877]{font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-content h2[data-v-51d88877]{font-size:1.2rem;font-weight:400;line-height:1.5;margin:0 auto;max-width:1200px;opacity:.9}.resources-navigation[data-v-51d88877]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin-bottom:1rem;padding:2rem}.nav-filters[data-v-51d88877]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:1200px}.nav-filter-btn[data-v-51d88877]{align-items:center;background:#fff;border:2px solid var(--gray-200);border-radius:15px;box-shadow:0 4px 12px #0000000d;color:var(--gray-700);cursor:pointer;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.nav-filter-btn[data-v-51d88877]:hover{border-color:var(--primary-color);box-shadow:0 8px 20px #16223d26;color:var(--primary-color);transform:translateY(-2px)}.nav-filter-btn.active[data-v-51d88877]{background:var(--primary-color);border-color:var(--primary-color);box-shadow:0 8px 20px #16223d4d;color:#fff}.resources-container[data-v-51d88877]{margin:0 auto;max-width:1200px;padding:0 2rem}.resources-grid[data-v-51d88877]{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.error-state[data-v-51d88877],.no-results-state[data-v-51d88877]{color:#666;grid-column:1/-1;padding:3rem;text-align:center}.btn-retry[data-v-51d88877]{background-color:var(--primary-color);border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s}.btn-retry[data-v-51d88877]:hover{background-color:#1a3a6c}.skeleton[data-v-51d88877]{animation:pulse 1.5s ease-in-out infinite;background-color:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 5px 20px #0000001a;display:flex;flex-direction:column;height:100%;overflow:hidden}.skeleton-image[data-v-51d88877]{animation:loading-51d88877 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;height:200px}.resource-content[data-v-51d88877]{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.skeleton-category[data-v-51d88877],.skeleton-description[data-v-51d88877],.skeleton-footer[data-v-51d88877],.skeleton-meta[data-v-51d88877],.skeleton-title[data-v-51d88877]{animation:loading-51d88877 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:1rem;margin-bottom:.8rem}.skeleton-title[data-v-51d88877]{height:1.5rem}.skeleton-description[data-v-51d88877]{height:3rem}@keyframes loading-51d88877{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:1100px){.resources-grid[data-v-51d88877]{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.resources-grid[data-v-51d88877]{grid-template-columns:1fr}.hero-content h1[data-v-51d88877]{font-size:2.2rem}.resources-navigation[data-v-51d88877]{padding:1.5rem 1rem}.nav-filters[data-v-51d88877]{gap:.75rem}.nav-filter-btn[data-v-51d88877]{font-size:.9rem;padding:.6rem 1rem}}[data-v-51d88877]:root{--gray-700:#374151;--gray-200:#e5e7eb}