html,body{color:#1f2937;height:100%;font-family:var(--font-geist-sans),sans-serif;background:#f8fafc;margin:0;padding:0}@media (prefers-color-scheme:dark){html,body{color:#f3f4f6;background:#18181b}}.category-page-container{background:0 0;flex-direction:column;align-items:center;min-height:100vh;padding-top:3.5rem;display:flex}.category-container{flex-direction:column;gap:3rem;width:100%;max-width:75rem;margin-left:auto;margin-right:auto;padding:2.5rem 1.5rem 4rem;display:flex}.category-card{background-color:#fff;border-radius:1rem;padding:2rem;transition:box-shadow .3s,transform .3s;animation:.5s forwards fadeInDown;box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -4px #0000000d}.category-card:hover{transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000001a,0 8px 10px -6px #00000014}@media (prefers-color-scheme:dark){.category-card{background-color:#23272f;box-shadow:0 12px 24px #0000004d}}.category-header-title{color:#1f2937;opacity:0;align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;animation:.6s forwards fadeInDown;display:flex}@media (prefers-color-scheme:dark){.category-header-title{color:#f3f4f6}}.category-indicator{background:#2563eb;border-radius:.25rem;width:.5rem;height:1.5rem}.category-articles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;width:100%;display:grid}.article-card{color:inherit;cursor:pointer;background-color:#fefefe;border-radius:.75rem;flex-direction:column;text-decoration:none;transition:box-shadow .3s,transform .3s;animation:.5s forwards scaleIn;display:flex;overflow:hidden;box-shadow:0 6px 12px #0000000a}.article-card:hover{transform:scale(1.04)translateY(-3px);box-shadow:0 25px 35px #00000026}@media (prefers-color-scheme:dark){.article-card{background-color:#23272f;box-shadow:0 6px 12px #0003}}.article-image-placeholder{color:#6b7280;-webkit-user-select:none;user-select:none;background-color:#e5e7eb;justify-content:center;align-items:center;width:100%;height:160px;font-size:.875rem;display:flex}@media (prefers-color-scheme:dark){.article-image-placeholder{color:#9ca3af;background-color:#374151}}.category-article-title{color:#111827;-webkit-user-select:none;user-select:none;flex-grow:0;margin:1rem 1rem .5rem;font-size:1.125rem;font-weight:700}@media (prefers-color-scheme:dark){.category-article-title{color:#fff}}.category-article-summary{-webkit-line-clamp:2;line-clamp:2;color:#4b5563;-webkit-user-select:none;user-select:none;-webkit-box-orient:vertical;margin:0 1rem 1rem;display:-webkit-box;overflow:hidden}@media (prefers-color-scheme:dark){.category-article-summary{color:#cbd5e1}}@media (max-width:640px){.category-articles-grid{grid-template-columns:1fr!important}}.category-filter-container{z-index:140;background-color:#f8fafc;border-radius:15px;flex-wrap:wrap;justify-content:center;gap:.75rem;max-width:75rem;margin:0 auto 2rem;padding:.5rem 1.5rem;display:flex;position:sticky;top:5.9rem;box-shadow:0 2px 8px #0000001a}@media (prefers-color-scheme:dark){.category-filter-container{background-color:#18181b;box-shadow:0 2px 8px #0009}}.category-filter-btn{cursor:pointer;color:#374151;-webkit-user-select:none;user-select:none;background:#e5e7eb;border:none;border-radius:15px;padding:.5rem 1rem;font-size:.875rem;transition:background-color .3s,color .3s,transform .15s;box-shadow:0 2px 5px #0000000d}.category-filter-btn:hover{color:#fff;background:#2563eb;transform:scale(1.05)}.category-filter-btn:active{transform:scale(.95)}.category-filter-btn.active{color:#fff;background:#2563eb;transform:scale(1.1);box-shadow:0 6px 12px #2563eb80}@media (prefers-color-scheme:dark){.category-filter-btn{color:#d1d5db;background:#374151;box-shadow:0 2px 5px #0000001a}.category-filter-btn:hover{color:#f9fafb;background:#3b82f6;transform:scale(1.05)}.category-filter-btn.active{color:#f9fafb;background:#3b82f6;transform:scale(1.1);box-shadow:0 6px 12px #3b82f699}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}