.categories-page{background:linear-gradient(135deg,#f8f9fa 0%,#e9ecef 100%);min-height:100vh}.categories-page .container.main-container{max-width:1200px;margin:0 auto;padding:20px}.categories-page .breadcrumb{color:#6c757d;background:#fff;border:1px solid #e9ecef;border-radius:10px;margin:0 0 30px;padding:12px 20px;font-size:14px;box-shadow:0 2px 10px #00000014}.categories-page .breadcrumb a{color:#3498db;font-weight:500;text-decoration:none;transition:color .3s}.categories-page .breadcrumb a:hover{color:#2980b9}.categories-page .breadcrumb-separator{color:#adb5bd;margin:0 10px;font-weight:700}.categories-page .breadcrumb-current{color:#2c3e50;font-weight:600}.categories-page .category-header{text-align:center;background:#fff;border-radius:15px;margin-bottom:40px;padding:40px;position:relative;overflow:hidden;box-shadow:0 10px 30px #0000001a}.categories-page .category-header:before{content:"";background:linear-gradient(90deg,#3498db,#2980b9,#e74c3c);height:5px;position:absolute;top:0;left:0;right:0}.categories-page .page-title{color:#2c3e50;text-shadow:0 2px 4px #0000001a;margin:0 0 15px;font-size:2.8rem;font-weight:700}.categories-page .page-title .emoji{filter:drop-shadow(0 2px 4px #0003);margin-left:15px;font-size:2.2rem}.categories-page .category-description{color:#5a6c7d;max-width:600px;margin:20px auto;font-size:1.1rem;line-height:1.6}.categories-page .category-meta{border-top:2px solid #f1f3f5;margin-top:25px;padding-top:20px}.categories-page .post-count{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:25px;padding:10px 20px;font-size:.9rem;font-weight:600;box-shadow:0 4px 15px #3498db4d}.categories-page .articles-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin-bottom:50px;display:grid}.categories-page .article-card{background:#fff;border:1px solid #f1f3f5;border-radius:15px;transition:all .3s;position:relative;overflow:hidden;box-shadow:0 8px 25px #0000001a}.categories-page .article-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #00000026}.categories-page .article-image{height:220px;position:relative;overflow:hidden}.categories-page .card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.categories-page .article-card:hover .card-image{transform:scale(1.08)}.categories-page .article-content{padding:25px}.categories-page .article-meta{justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.categories-page .category-tag{color:#fff;text-transform:uppercase;letter-spacing:.5px;background:linear-gradient(135deg,#e74c3c,#c0392b);border-radius:15px;padding:6px 12px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #e74c3c4d}.categories-page .post-date{color:#7f8c8d;font-size:13px;font-weight:500}.categories-page .article-title{margin:0 0 15px;font-size:1.3rem;font-weight:600;line-height:1.4}.categories-page .article-title a{color:#2c3e50;text-decoration:none;transition:color .3s}.categories-page .article-title a:hover{color:#3498db}.categories-page .article-excerpt{color:#5a6c7d;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:20px;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.categories-page .article-footer{border-top:1px solid #f1f3f5;justify-content:space-between;align-items:center;padding-top:15px;display:flex}.categories-page .read-more{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:25px;padding:10px 20px;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;box-shadow:0 4px 15px #3498db4d}.categories-page .read-more:hover{background:linear-gradient(135deg,#2980b9,#1c5985);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.categories-page .no-articles{text-align:center;background:#fff;border:2px dashed #e9ecef;border-radius:15px;padding:60px 40px;box-shadow:0 8px 25px #0000001a}.categories-page .no-articles h3{color:#2c3e50;margin:0 0 15px;font-size:1.8rem;font-weight:600}.categories-page .no-articles p{color:#7f8c8d;margin:0 0 30px;font-size:1.1rem;line-height:1.5}.categories-page .no-articles .btn{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-radius:25px;padding:12px 25px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-block;box-shadow:0 4px 15px #3498db4d}.categories-page .no-articles .btn:hover{background:linear-gradient(135deg,#2980b9,#1c5985);transform:translateY(-2px);box-shadow:0 6px 20px #3498db66}.categories-page .pagination-container{text-align:center;margin:50px 0}.categories-page .pagination{background:#fff;border-radius:50px;align-items:center;gap:10px;margin-bottom:20px;padding:15px 25px;display:inline-flex;box-shadow:0 8px 25px #0000001a}.categories-page .pagination-btn{color:#5a6c7d;cursor:pointer;background:0 0;border:2px solid #e9ecef;border-radius:50%;justify-content:center;align-items:center;min-width:45px;height:45px;padding:10px 15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.categories-page .pagination-btn:hover:not(.current){color:#fff;background:#3498db;border-color:#3498db;transform:translateY(-3px);box-shadow:0 8px 20px #3498db4d}.categories-page .pagination-btn.current{color:#fff;background:linear-gradient(135deg,#3498db,#2980b9);border-color:#3498db;font-weight:700;box-shadow:0 6px 20px #3498db66}.categories-page .pagination-pages{gap:8px;display:flex}.categories-page .pagination-info{color:#7f8c8d;justify-content:center;gap:30px;font-size:.95rem;font-weight:500;display:flex}.categories-page .category-navigation{justify-content:center;margin:50px 0 30px;display:flex}.categories-page .btn-outline{color:#3498db;background:0 0;border:2px solid #3498db;border-radius:25px;align-items:center;gap:10px;padding:12px 25px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.categories-page .btn-outline:hover{color:#fff;background:#3498db;transform:translateY(-3px);box-shadow:0 8px 25px #3498db4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.categories-page .article-card{animation:.6s ease-out forwards fadeInUp}.categories-page .article-card:first-child{animation-delay:.1s}.categories-page .article-card:nth-child(2){animation-delay:.2s}.categories-page .article-card:nth-child(3){animation-delay:.3s}.categories-page .article-card:nth-child(4){animation-delay:.4s}.categories-page .article-card:nth-child(5){animation-delay:.5s}.categories-page .article-card:nth-child(6){animation-delay:.6s}.categories-page .category-header{animation:.8s ease-out fadeInUp}@media (width<=768px){.categories-page .container.main-container{padding:15px}.categories-page .articles-grid{grid-template-columns:1fr;gap:20px}.categories-page .page-title{font-size:2rem}.categories-page .category-header{padding:25px 20px}.categories-page .article-content{padding:20px}.categories-page .article-image{height:180px}.categories-page .pagination{flex-wrap:wrap;gap:6px;padding:10px 15px}.categories-page .pagination-btn{min-width:40px;height:40px;padding:8px 12px;font-size:.9rem}.categories-page .pagination-info{flex-direction:column;gap:8px;font-size:.85rem}.categories-page .category-navigation{margin:30px 0 20px}.categories-page .no-articles{padding:40px 20px}}@media (width<=480px){.categories-page .page-title{font-size:1.6rem}.categories-page .page-title .emoji{margin-left:8px;font-size:1.4rem}.categories-page .article-title{font-size:1.1rem}.categories-page .article-meta{flex-direction:column;align-items:flex-start;gap:8px}.categories-page .category-tag{font-size:10px}.categories-page .breadcrumb{padding:10px 15px;font-size:13px}}.categories-page .article-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.categories-page .article-card:hover:before{left:100%}.categories-page .read-more:focus,.categories-page .btn:focus,.categories-page .btn-outline:focus,.categories-page .pagination-btn:focus{outline-offset:2px;outline:3px solid #3498db4d}