[data-theme=light] .navigation img{filter:invert(1) brightness(.2)}body{min-height:100vh;display:flex;flex-direction:column}main.blog-container{flex:1 0 auto}.blog-grid{transition:opacity .3s ease,transform .3s ease}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-post{animation:fadeInUp .6s ease forwards;opacity:0}.pagination-container{display:flex;justify-content:center;align-items:center;gap:1rem;margin:4rem auto 2rem;padding:0 2rem;flex-wrap:wrap}.pagination-btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.25rem;background:transparent;border:2px solid #333;color:#fff;border-radius:50px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.pagination-btn:hover:not(:disabled){background:#333;transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.3)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-btn svg{width:18px;height:18px}.pagination-numbers{display:flex;gap:.5rem;align-items:center}.pagination-number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid #333;color:#fff;border-radius:50%;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif}.pagination-number:hover{background:#333;transform:scale(1.1)}.pagination-number.active{background:linear-gradient(270deg,#ff2b80 2.14%,#ff881f 102.54%);border-color:transparent;color:#fff;transform:scale(1.1);box-shadow:0 0 20px rgba(255,43,128,.4)}.pagination-ellipsis{color:#666;font-size:1rem;padding:0 .5rem}[data-theme=light] .pagination-btn{background:#fff;border-color:#e0e0e0;color:#333}[data-theme=light] .pagination-btn:hover:not(:disabled){background:#333;border-color:#333;color:#fff}[data-theme=light] .pagination-number{background:#fff;border-color:#e0e0e0;color:#333}[data-theme=light] .pagination-number:hover{background:#f0f0f0;border-color:#ccc}[data-theme=light] .pagination-number.active{background:linear-gradient(270deg,#ff6b6b,#ff8e53);border-color:transparent;color:#fff;box-shadow:0 0 20px rgba(255,107,107,.3)}[data-theme=light] .pagination-ellipsis{color:#999}@media (max-width:768px){.pagination-container{gap:.75rem;margin:3rem auto 1.5rem}.pagination-btn{padding:.65rem 1rem;font-size:.9rem}.pagination-btn svg{width:16px;height:16px}.pagination-number{width:36px;height:36px;font-size:.9rem}.pagination-next span,.pagination-prev span{display:none}}