.blog-hero{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);padding:80px 0 60px;position:relative;overflow:hidden}.blog-hero:before{content:"";background:radial-gradient(circle at 20% 80%,#4f46e526 0%,#0000 50%),radial-gradient(circle at 80% 20%,#6366f11a 0%,#0000 50%);position:absolute;inset:0}.blog-hero h1{color:#fff;margin:0 0 12px;font-size:2.5rem;font-weight:800;position:relative}.blog-hero p{color:#94a3b8;margin:0;font-size:1.1rem;position:relative}.blog-categories{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;display:flex;position:relative}.blog-category-tag{color:#cbd5e1;background:#ffffff0d;border:1px solid #ffffff26;border-radius:20px;padding:6px 16px;font-size:.8125rem;font-weight:500;text-decoration:none;transition:all .2s}.blog-category-tag:hover,.blog-category-tag.active{color:#e0e7ff;background:#4f46e54d;border-color:#4f46e580}.blog-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:28px;margin-top:40px;display:grid}.blog-card{background:var(--bg-card,#fff);border:1px solid var(--border-subtle,#e5e7eb);border-radius:14px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.blog-card-image{object-fit:cover;background:var(--bg-subtle,#f3f4f6);width:100%;height:200px;display:block}.blog-card-image-placeholder{background:linear-gradient(135deg,#e0e7ff 0%,#c7d2fe 100%);justify-content:center;align-items:center;width:100%;height:200px;font-size:2.5rem;display:flex}.blog-card-body{flex-direction:column;flex:1;padding:20px;display:flex}.blog-card-meta{color:var(--text-tertiary,#9ca3af);align-items:center;gap:10px;margin-bottom:10px;font-size:.75rem;display:flex}.blog-card-category{background:var(--primary-50,#eef2ff);color:var(--primary-600,#4f46e5);text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:2px 10px;font-size:.6875rem;font-weight:600}.blog-card-title{color:var(--text-primary,#111);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:1.125rem;font-weight:700;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:var(--primary-600,#4f46e5)}.blog-card-excerpt{color:var(--text-secondary,#6b7280);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;margin:0 0 16px;font-size:.875rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid var(--border-subtle,#f3f4f6);justify-content:space-between;align-items:center;padding-top:12px;display:flex}.blog-card-readtime{color:var(--text-tertiary,#9ca3af);align-items:center;gap:4px;font-size:.75rem;display:flex}.blog-card-readmore{color:var(--primary-600,#4f46e5);font-size:.8125rem;font-weight:600;text-decoration:none}.blog-card-readmore:hover{text-decoration:underline}.blog-pagination{justify-content:center;gap:8px;margin-top:48px;padding-bottom:20px;display:flex}.blog-pagination a,.blog-pagination span{border:1px solid var(--border-subtle,#e5e7eb);min-width:40px;height:40px;color:var(--text-secondary,#6b7280);background:var(--bg-card,#fff);border-radius:8px;justify-content:center;align-items:center;padding:0 12px;font-size:.875rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.blog-pagination a:hover{background:var(--primary-50,#eef2ff);border-color:var(--primary-300,#a5b4fc);color:var(--primary-600,#4f46e5)}.blog-pagination .active{background:var(--primary-600,#4f46e5);border-color:var(--primary-600,#4f46e5);color:#fff}.blog-post-hero{text-align:center;background:linear-gradient(135deg,#1a1a2e 0%,#16213e 100%);padding:80px 0 48px}.blog-post-hero .blog-card-category{margin-bottom:16px;display:inline-block}.blog-post-hero h1{color:#fff;max-width:800px;margin:0 auto 16px;font-size:2.2rem;font-weight:800;line-height:1.25}.blog-post-meta{color:#94a3b8;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;font-size:.875rem;display:flex}.blog-post-meta span{align-items:center;gap:4px;display:flex}.blog-post-featured-image{z-index:1;max-width:900px;margin:-32px auto 0;position:relative}.blog-post-featured-image img{border-radius:14px;width:100%;box-shadow:0 12px 40px #00000026}.blog-post-content{max-width:760px;color:var(--text-primary,#1a1a2e);margin:0 auto;padding:48px 20px 80px;font-size:1.0625rem;line-height:1.8}.blog-post-content h2{color:var(--text-primary,#111);margin:40px 0 16px;font-size:1.625rem;font-weight:700;line-height:1.3}.blog-post-content h3{color:var(--text-primary,#111);margin:32px 0 12px;font-size:1.3rem;font-weight:600}.blog-post-content p{margin:0 0 20px}.blog-post-content img{border-radius:10px;max-width:100%;margin:24px 0}.blog-post-content a{color:var(--primary-600,#4f46e5);text-underline-offset:2px;text-decoration:underline}.blog-post-content ul,.blog-post-content ol{margin:0 0 20px;padding-left:24px}.blog-post-content li{margin-bottom:8px}.blog-post-content blockquote{border-left:4px solid var(--primary-500,#6366f1);background:var(--bg-subtle,#f9fafb);color:var(--text-secondary,#4b5563);border-radius:0 10px 10px 0;margin:24px 0;padding:16px 24px;font-style:italic}.blog-post-content pre{color:#e2e8f0;background:#1e1e2e;border-radius:10px;margin:24px 0;padding:20px 24px;font-size:.875rem;line-height:1.6;overflow-x:auto}.blog-post-content code{background:var(--bg-subtle,#f3f4f6);border-radius:4px;padding:2px 6px;font-size:.875em}.blog-post-content pre code{background:0 0;padding:0}.blog-post-content table{border-collapse:collapse;width:100%;margin:24px 0}.blog-post-content th,.blog-post-content td{border:1px solid var(--border-subtle,#e5e7eb);text-align:left;padding:10px 14px;font-size:.9375rem}.blog-post-content th{background:var(--bg-subtle,#f9fafb);font-weight:600}.blog-breadcrumbs{color:#94a3b8;align-items:center;gap:8px;margin-bottom:20px;font-size:.8125rem;display:flex}.blog-breadcrumbs a{color:#cbd5e1;text-decoration:none}.blog-breadcrumbs a:hover{color:#fff;text-decoration:underline}.blog-empty{text-align:center;color:var(--text-secondary,#6b7280);padding:80px 20px}.blog-empty h2{color:var(--text-primary,#111);margin:16px 0 8px;font-size:1.5rem}@media (max-width:768px){.blog-hero h1{font-size:1.75rem}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-post-hero h1{font-size:1.5rem}.blog-post-content{padding:32px 16px 60px;font-size:1rem}.blog-post-content h2{font-size:1.375rem}}