.category-hero::after,.category-hero::before{content:'';position:absolute;border-radius:50%;pointer-events:none}.category-hero{background:linear-gradient(135deg,#6c3ce1,#ec4899);padding:5rem 2rem;text-align:center;color:#fff;border-radius:0 0 40px 40px;position:relative;overflow:hidden;margin-bottom:3rem}.category-hero::before{top:-50%;right:-20%;width:500px;height:500px;background:rgba(255,255,255,.05)}.category-hero::after{bottom:-30%;left:-10%;width:400px;height:400px;background:rgba(255,255,255,.03)}.category-hero h1{font-size:clamp(2.2rem, 6vw, 3.8rem);font-weight:800;letter-spacing:-1px;margin-bottom:.5rem;position:relative;z-index:1}.category-hero p{font-size:clamp(.95rem, 1.5vw, 1.2rem);opacity:.9;max-width:600px;margin:0 auto;position:relative;z-index:1}.category-main{max-width:1200px;margin:0 auto;padding:0 1.5rem 3rem}.category-main .section-header{text-align:center;margin-bottom:2.5rem}.category-main .section-header h2{font-size:clamp(1.8rem, 3vw, 2.6rem);font-weight:800;color:#0f172a;letter-spacing:-.5px}.category-main .section-header h2 span{background:linear-gradient(135deg,#6c3ce1,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.category-main .section-header p{color:#64748b;font-size:1rem;max-width:600px;margin:.3rem auto 0}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:1.5rem 0}.blog-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.06);border:1px solid rgba(0,0,0,.04);display:flex;flex-direction:column;height:100%;transition:.3s}.blog-card:hover{box-shadow:0 10px 40px rgba(0,0,0,.08);transform:translateY(-6px);border-color:#8b5cf6}.blog-card .blog-image{height:200px;overflow:hidden}.blog-card .blog-image img{width:100%;height:100%;object-fit:cover;transition:.3s}.blog-card:hover .blog-image img{transform:scale(1.05)}.blog-card .blog-content{padding:1.2rem;flex:1;display:flex;flex-direction:column}.blog-card .blog-meta{display:flex;gap:.8rem;font-size:.75rem;color:#64748b;margin-bottom:.5rem;flex-wrap:wrap}.blog-card .blog-meta i{color:#8b5cf6;font-size:.7rem}.blog-card h3{font-size:1.1rem;font-weight:700;margin-bottom:.4rem;line-height:1.3;color:#0f172a}.blog-card h3 a{color:#0f172a;text-decoration:none;transition:.3s}.blog-card h3 a:hover{color:#6c3ce1}.blog-card .blog-excerpt{color:#64748b;font-size:.88rem;margin-bottom:.8rem;flex:1;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card .blog-footer{display:flex;justify-content:space-between;align-items:center;padding-top:.8rem;margin-top:auto;border-top:1px solid rgba(0,0,0,.05);flex-wrap:wrap;gap:.5rem}.blog-card .blog-tags{display:flex;gap:.3rem;flex-wrap:wrap}.blog-card .read-more,.pagination .page-btn{display:inline-flex;text-decoration:none;transition:.3s;cursor:pointer}.blog-card .blog-tags .tag{background:#f1f5f9;padding:.2rem .7rem;border-radius:50px;font-size:.65rem;color:#64748b;font-weight:500;transition:.3s;letter-spacing:.2px}.blog-card .read-more,.pagination .page-btn.active{background:linear-gradient(135deg,#6c3ce1,#5b21b6)}.blog-card .blog-tags .tag:hover{background:#6c3ce1;color:#fff}.blog-card .read-more{align-items:center;gap:.4rem;padding:.4rem 1rem;border-radius:50px;font-size:.8rem;font-weight:600;color:#fff;box-shadow:0 3px 12px rgba(108,60,225,.2);border:none;flex-shrink:0}.blog-card .read-more:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(108,60,225,.3);text-decoration:none;color:#fff}.blog-card .read-more i{transition:.3s;font-size:.7rem}.blog-card .read-more:hover i{transform:translateX(3px)}.no-posts{text-align:center;padding:3rem 1.5rem;color:#64748b;grid-column:1/-1}.no-posts i{font-size:2.5rem;color:#94a3b8;margin-bottom:.8rem;display:block}.no-posts h3{font-size:1.3rem;font-weight:600;margin-bottom:.3rem;color:#0f172a}.no-posts p{font-size:.95rem;color:#64748b}.pagination{display:flex;justify-content:center;align-items:center;gap:.4rem;margin-top:2rem;flex-wrap:wrap}.pagination .page-btn{align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:50px;font-size:.85rem;border:1px solid #e2e8f0;background:#fff;color:#64748b;min-width:36px}.pagination .page-btn:hover:not(.disabled):not(.active){background:#6c3ce1;color:#fff;border-color:#6c3ce1;transform:translateY(-2px);box-shadow:0 3px 12px rgba(108,60,225,.25)}.pagination .page-btn.active{color:#fff;border-color:#6c3ce1;box-shadow:0 3px 12px rgba(108,60,225,.25);cursor:default}.pagination .page-btn.disabled{opacity:.4;cursor:not-allowed;transform:none}.pagination .page-btn i{font-size:.7rem}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:1.2rem}}@media (max-width:768px){.category-hero{padding:2.5rem 1.2rem;border-radius:0 0 30px 30px;margin-bottom:2rem}.category-hero h1{font-size:1.8rem}.category-main{padding:0 1rem 2.5rem}.blog-grid{grid-template-columns:1fr;gap:1rem}.blog-card .blog-image{height:180px}.blog-card .blog-content{padding:1rem}.blog-card h3{font-size:1rem}.blog-card .blog-excerpt{font-size:.82rem}.pagination .page-btn{padding:.35rem .7rem;font-size:.75rem;min-width:32px}}@media (max-width:480px){.category-hero{padding:2rem .8rem;border-radius:0 0 20px 20px;margin-bottom:1.5rem}.category-hero h1,.category-main .section-header h2{font-size:1.5rem}.category-hero p{font-size:.85rem}.category-main{padding:0 .6rem 2rem}.blog-card .blog-image{height:160px}.blog-card .blog-content{padding:.8rem}.blog-card .blog-meta{font-size:.7rem}.blog-card h3{font-size:.9rem}.blog-card .blog-excerpt{font-size:.78rem}.blog-card .read-more{font-size:.75rem;padding:.35rem .8rem}.pagination .page-btn{padding:.25rem .5rem;font-size:.7rem;min-width:28px}}