.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;border-radius:.5rem;font-weight:500;transition:all .2s ease;border:none;cursor:pointer}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover{background-color:#2563eb;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f64d}.btn-loading{opacity:.7;cursor:not-allowed;transform:none!important}.post-card{transition:transform .2s ease,box-shadow .2s ease;background:#fff;border-radius:.75rem;box-shadow:0 1px 3px #0000001a;overflow:hidden;margin:1rem 0}.post-card:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a}.tag{display:inline-block;padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;background-color:#dbeafe;color:#1e40af}.prose{max-width:none;line-height:1.75;color:#374151}.prose h3{font-size:1.25rem;font-weight:600;margin:1.5rem 0 1rem;color:#111827}.prose p{margin-bottom:1rem;color:#6b7280}.prose ul{list-style-type:disc;padding-left:1.5rem;margin-bottom:1rem}.prose li{margin-bottom:.5rem}.loading-spinner{width:1.25rem;height:1.25rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.no-more-posts{color:#6b7280;font-style:italic;padding:2rem;text-align:center}.category-filter-btn{display:flex;align-items:center;gap:8px;padding:10px 16px;border:2px solid #e5e7eb;border-radius:12px;background:#fff;color:#6b7280;font-weight:500;font-size:14px;transition:all .3s ease;cursor:pointer;box-shadow:0 1px 3px #0000001a}.category-filter-btn:hover{border-color:#3b82f6;color:#3b82f6;transform:translateY(-1px);box-shadow:0 4px 12px #3b82f626}.category-filter-active{border-color:#3b82f6;background:#3b82f6;color:#fff;box-shadow:0 4px 12px #3b82f640}.category-filter-active:hover{border-color:#2563eb;background:#2563eb;transform:translateY(-1px);box-shadow:0 6px 16px #2563eb4d}.category-badge{font-weight:600;font-size:14px}.category-tag{display:inline-block;padding:4px 12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:20px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.post-card.custom-hidden{opacity:0;transform:translateY(-10px);height:0;margin:0;overflow:hidden}@media (max-width: 640px){.category-filter-btn{padding:8px 12px;font-size:13px}}.custom-hidden{display:none!important}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}