#slider-container{display:flex;transition:transform .5s ease-in-out;width:200%}#slider-container>div{min-width:50%}.category-item{transition:all .3s ease}.category-item:hover{background-color:#f3f4f6;padding-left:1rem}.dark .category-item:hover{background-color:#374151}.category-item.active{border-left:4px solid #ef4444;padding-left:1rem;background-color:#f3f4f6}.dark .category-item.active{background-color:#374151}.news-card{transition:all .3s ease}.news-card:hover{transform:translateY(-5px);box-shadow:0 10px 15px -3px #0000001a}.dark .news-card:hover{box-shadow:0 10px 15px -3px #00000080}.blog-container{transition:opacity .3s ease}.category-item{position:relative;overflow:hidden}.category-item:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .5s ease}.category-item:hover:before{left:100%}.pagination-info{animation:fadeInUp .5s ease}.pagination-button{transition:all .3s ease;position:relative;overflow:hidden}.pagination-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(239,68,68,.1),transparent);transition:left .5s ease}.pagination-button:hover:before{left:100%}.pagination-button:hover{transform:translateY(-1px);box-shadow:0 4px 8px #0000001a}.dark .pagination-button:hover{box-shadow:0 4px 8px #0000004d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}h2{font-size:1.875rem;font-weight:700;line-height:1.2;margin:1.5rem 0 1rem;color:#1f2937;position:relative;padding-bottom:.5rem}.dark h2{color:#f9fafb}h2:after{content:"";position:absolute;bottom:0;left:0;width:3rem;height:3px;background:linear-gradient(90deg,#ef4444,#f97316);border-radius:2px}h3{font-size:1.5rem;font-weight:600;line-height:1.3;margin:1.25rem 0 .75rem;color:#374151;position:relative;padding-left:1rem}.dark h3{color:#e5e7eb}h3:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:4px;height:1.5rem;background:linear-gradient(180deg,#ef4444,#f97316);border-radius:2px}h4{font-size:1.25rem;font-weight:600;line-height:1.4;margin:1rem 0 .5rem;color:#4b5563;position:relative}.dark h4{color:#d1d5db}h4:before{content:"▶";color:#ef4444;font-size:.875rem;margin-right:.5rem}h2:hover,h3:hover,h4:hover{color:#ef4444;transition:color .3s ease}@media (max-width: 768px){h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}}