:root{--p:#4F46E5;--p2:#7C3AED;--dark:#1E293B;--muted:#64748B;--light:#F8FAFC;--border:#E2E8F0}*,*:before,*:after{box-sizing:border-box}.blog-hero{background:linear-gradient(135deg,#0f0720,#1e1040,#0a0a2e);padding:72px 0 52px;text-align:center}.blog-hero h1{font-size:2.2rem;font-weight:900;color:#fff;margin-bottom:12px}.blog-hero p{font-size:1rem;color:#ffffffa6;max-width:500px;margin:0 auto 28px}.search-wrap{max-width:400px;margin:0 auto;position:relative}.search-wrap input{width:100%;padding:11px 18px 11px 42px;border-radius:50px;border:1px solid rgba(255,255,255,.18);background:#ffffff17;color:#fff;font-size:.9rem;outline:none}.search-wrap input::placeholder{color:#fff6}.search-wrap input:focus{border-color:#ffffff59;background:#ffffff21}.search-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#fff6;font-size:.82rem}.cat-grid-section{padding:56px 0 80px;background:#f1f5f9}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:991px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.cat-grid{grid-template-columns:1fr}}.cat-card{background:#fff;border:1px solid var(--border);border-radius:12px;padding:24px;display:flex;flex-direction:column;transition:box-shadow .18s,border-color .18s}.cat-card:hover{border-color:#cbd5e1;box-shadow:0 4px 20px #00000012}.cat-card-header{display:flex;align-items:center;gap:14px;margin-bottom:14px}.cat-icon{width:52px;height:52px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;flex-shrink:0}.cat-title{font-size:1.05rem;font-weight:800;text-decoration:none;flex:1;line-height:1.2}.cat-count{min-width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:800;color:#fff;background:#4f46e5;flex-shrink:0}.cat-divider{border:none;border-top:1px solid var(--border);margin:0 0 14px}.cat-post-list{list-style:none;padding:0;margin:0 0 16px;flex:1}.cat-post-list li{display:flex;align-items:flex-start;gap:8px;padding:6px 0;border-bottom:1px solid #F1F5F9}.cat-post-list li:last-child{border-bottom:none}.cat-post-list li i{color:#94a3b8;font-size:.78rem;margin-top:3px;flex-shrink:0}.cat-post-list a{font-size:.83rem;color:var(--dark);text-decoration:none;line-height:1.4;font-weight:500}.cat-post-list a:hover{color:#4f46e5}.cat-explore{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--border);border-radius:50px;padding:8px 18px;font-size:.8rem;font-weight:700;color:var(--muted);text-decoration:none;transition:all .15s;align-self:flex-start;margin-top:auto}.cat-explore:hover{border-color:#4f46e5;color:#4f46e5}.articles-section{padding:56px 0 80px;background:#f1f5f9;display:none}.articles-section.visible{display:block}.back-btn{display:inline-flex;align-items:center;gap:6px;background:none;border:1px solid var(--border);border-radius:50px;padding:7px 16px;font-size:.8rem;font-weight:600;color:var(--muted);cursor:pointer;margin-bottom:28px;transition:all .15s}.back-btn:hover{border-color:var(--p);color:var(--p)}.section-title{font-size:1.1rem;font-weight:900;color:var(--dark);margin-bottom:20px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}@media(max-width:991px){.posts-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.posts-grid{grid-template-columns:1fr}}.post-card{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;text-decoration:none;display:block;transition:all .18s}.post-card:hover{border-color:var(--p);box-shadow:0 6px 20px #4f46e51a;transform:translateY(-2px)}.card-visual{height:100px;display:flex;align-items:center;justify-content:center;font-size:1.8rem}.card-body{padding:16px 18px 18px}.card-badge{display:inline-block;padding:2px 10px;border-radius:50px;font-size:.64rem;font-weight:800;text-transform:uppercase;letter-spacing:.4px;margin-bottom:8px}.card-title{font-weight:800;font-size:.93rem;color:var(--dark);line-height:1.3;margin-bottom:6px}.card-excerpt{font-size:.8rem;color:var(--muted);line-height:1.6;margin-bottom:12px}.card-meta{font-size:.7rem;color:#94a3b8;display:flex;gap:8px;flex-wrap:wrap}.empty-state{text-align:center;padding:60px 20px;color:var(--muted);display:none}.empty-state i{font-size:2.2rem;margin-bottom:14px;color:#cbd5e1;display:block}