.resources-page[data-v-68c19c2f]{padding:0}.resources-hero[data-v-68c19c2f]{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-68c19c2f]{margin:0 auto;max-width:1200px}.hero-content h1[data-v-68c19c2f]{font-size:2.8rem;font-weight:700;line-height:1.2;margin-bottom:1rem}.hero-content h2[data-v-68c19c2f]{font-size:1.2rem;font-weight:400;line-height:1.5;margin:0 auto;max-width:1200px;opacity:.9}.resources-navigation[data-v-68c19c2f]{background:linear-gradient(135deg,#f8fafc,#e2e8f0);margin-bottom:1rem;padding:2rem}.nav-filters[data-v-68c19c2f]{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:1200px}.nav-filter-btn[data-v-68c19c2f]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:15px;box-shadow:0 4px 12px #0000000d;color:#4a5568;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-68c19c2f]:hover{border-color:#16223d;box-shadow:0 8px 20px #16223d26;color:#16223d;transform:translateY(-2px)}.nav-filter-btn.active[data-v-68c19c2f]{background:#16223d;border-color:#16223d;box-shadow:0 8px 20px #16223d4d;color:#fff}.resources-container[data-v-68c19c2f]{margin:0 auto;max-width:1200px;padding:0 2rem}.results-controls[data-v-68c19c2f]{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;margin-bottom:2rem;padding:1rem 0}.results-info .results-count[data-v-68c19c2f]{color:#666;font-size:.95rem;margin:0}.order-control[data-v-68c19c2f]{align-items:center;display:flex;gap:.75rem}.order-label[data-v-68c19c2f]{color:#4a5568;font-size:.9rem;font-weight:600}.order-select[data-v-68c19c2f]{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#4a5568;cursor:pointer;font-weight:500;min-width:160px;padding:.5rem 1rem;transition:all .3s ease}.order-select[data-v-68c19c2f]:focus,.order-select[data-v-68c19c2f]:hover{border-color:#16223d}.order-select[data-v-68c19c2f]:focus{box-shadow:0 0 0 3px #16223d1a;outline:none}.resources-grid[data-v-68c19c2f]{display:grid;gap:2rem;grid-template-columns:repeat(3,1fr);margin-bottom:3rem}.error-state[data-v-68c19c2f],.no-results-state[data-v-68c19c2f]{color:#666;grid-column:1/-1;padding:3rem;text-align:center}.btn-retry[data-v-68c19c2f]{background-color:#16223d;border:none;border-radius:6px;color:#fff;cursor:pointer;margin-top:1rem;padding:.8rem 1.5rem;transition:all .3s}.btn-retry[data-v-68c19c2f]:hover{background-color:#1a3a6c}.skeleton[data-v-68c19c2f]{animation:pulse-68c19c2f 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-68c19c2f]{animation:loading-68c19c2f 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;height:200px}.resource-content[data-v-68c19c2f]{display:flex;flex-direction:column;flex-grow:1;padding:1.5rem}.skeleton-category[data-v-68c19c2f],.skeleton-description[data-v-68c19c2f],.skeleton-footer[data-v-68c19c2f],.skeleton-meta[data-v-68c19c2f],.skeleton-teacher[data-v-68c19c2f],.skeleton-title[data-v-68c19c2f]{animation:loading-68c19c2f 1.5s infinite;background:linear-gradient(90deg,#f0f0f0 25%,#e0e0e0,#f0f0f0 75%);background-size:200% 100%;border-radius:4px;height:1rem;margin-bottom:.8rem}@keyframes loading-68c19c2f{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes pulse-68c19c2f{0%,to{opacity:1}50%{opacity:.8}}.pagination[data-v-68c19c2f]{gap:1rem;justify-content:center;margin:3rem 0}.pagination[data-v-68c19c2f],.pagination-btn[data-v-68c19c2f]{align-items:center;display:flex}.pagination-btn[data-v-68c19c2f]{background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#16223d;cursor:pointer;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .3s ease}.pagination-btn[data-v-68c19c2f]:hover:not(:disabled){background:#f8fafc;border-color:#16223d}.pagination-btn[data-v-68c19c2f]:disabled{cursor:not-allowed;opacity:.5}.pagination-numbers[data-v-68c19c2f]{display:flex;gap:.5rem}.pagination-number[data-v-68c19c2f]{align-items:center;background:#fff;border:2px solid #e2e8f0;border-radius:8px;color:#16223d;cursor:pointer;display:flex;font-weight:600;height:40px;justify-content:center;transition:all .3s ease;width:40px}.pagination-number[data-v-68c19c2f]:hover{background:#f8fafc;border-color:#16223d}.pagination-number.active[data-v-68c19c2f]{background:#16223d;border-color:#16223d;color:#fff}@media (max-width:1024px){.resources-grid[data-v-68c19c2f]{gap:1.5rem;grid-template-columns:repeat(2,1fr)}.results-controls[data-v-68c19c2f]{align-items:stretch;flex-direction:column;gap:1rem}.order-control[data-v-68c19c2f]{justify-content:flex-end}}@media (max-width:768px){.hero-content h1[data-v-68c19c2f]{font-size:2rem}.hero-content h2[data-v-68c19c2f]{font-size:1rem}.resources-hero[data-v-68c19c2f]{padding:2rem 1rem}.resources-container[data-v-68c19c2f]{padding:1rem}.resources-grid[data-v-68c19c2f]{gap:1rem;grid-template-columns:1fr}.nav-filter-btn[data-v-68c19c2f]{font-size:.875rem;padding:.75rem 1rem}.pagination[data-v-68c19c2f]{flex-wrap:wrap;gap:.5rem}.pagination-numbers[data-v-68c19c2f]{justify-content:center;order:-1;width:100%}}