.blog-hero{padding:160px 0 60px;text-align:center;position:relative}.blog-hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:.85rem;color:var(--text-secondary);margin-bottom:24px;font-family:JetBrains Mono,monospace;letter-spacing:1px;text-transform:uppercase}.blog-hero .status-dot{width:8px;height:8px;border-radius:50%;background:var(--accent-cyan, #00e5ff);box-shadow:0 0 8px var(--accent-cyan, #00e5ff);animation:pulse-dot 2s ease-in-out infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.blog-hero h1{font-family:Poppins,sans-serif;font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-1px;margin-bottom:16px;color:var(--text-primary, #ffffff)}.gradient-text{background:linear-gradient(135deg,#00e5ff,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.blog-hero-subtitle{font-size:1.1rem;color:var(--text-secondary, #a0a0a0);max-width:600px;margin:0 auto;line-height:1.7}.blog-filter-section{padding:0 0 40px}.blog-filters{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.blog-filter-btn{padding:10px 22px;border:1px solid rgba(255,255,255,.1);background:#ffffff08;color:var(--text-secondary, #a0a0a0);border-radius:100px;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:Inter,sans-serif;display:flex;align-items:center;gap:8px}.blog-filter-btn:hover{border-color:#ffffff40;background:#ffffff0f;color:#fff}.blog-filter-btn.active{background:#6366f126;border-color:#6366f180;color:#a78bfa}.blog-filter-btn i{font-size:.85rem}.blog-listing{padding:0 0 80px}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(360px,1fr));gap:30px}.blog-card{display:flex;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.25,.46,.45,.94);opacity:1;transform:translateY(0)}.blog-card:hover{border-color:#ffffff26;transform:translateY(-6px);box-shadow:0 20px 60px #0006}.blog-card-link{text-decoration:none;color:inherit;display:flex;flex-direction:column;width:100%}.blog-card-image{height:200px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.blog-card-image i{font-size:3.5rem;color:#ffffff26;transition:all .4s ease}.blog-card:hover .blog-card-image i{color:#ffffff4d;transform:scale(1.1)}.blog-card-category{position:absolute;top:16px;left:16px;padding:5px 14px;border-radius:100px;font-size:.75rem;font-weight:600;color:#fff;letter-spacing:.5px;text-transform:uppercase}.blog-card-content{padding:24px;display:flex;flex-direction:column;flex:1}.blog-card-meta{display:flex;gap:16px;font-size:.8rem;color:var(--text-tertiary, #666);margin-bottom:12px;font-family:JetBrains Mono,monospace}.blog-card-meta i{margin-right:5px}.blog-card-title{font-family:Inter,sans-serif;font-size:1.2rem;font-weight:600;color:var(--text-primary, #ffffff);margin-bottom:10px;line-height:1.4;transition:color .3s ease}.blog-card:hover .blog-card-title{color:var(--accent-cyan, #00e5ff)}.blog-card-excerpt{font-size:.9rem;color:var(--text-secondary, #a0a0a0);line-height:1.6;margin-bottom:16px;flex:1;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-tags{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.blog-tag{padding:4px 12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:100px;font-size:.72rem;color:var(--text-secondary, #a0a0a0);font-family:JetBrains Mono,monospace;letter-spacing:.3px}.blog-card-footer{border-top:1px solid rgba(255,255,255,.06);padding-top:14px}.blog-read-more{font-size:.9rem;font-weight:500;color:var(--accent-cyan, #00e5ff);display:flex;align-items:center;gap:8px;transition:gap .3s ease}.blog-card:hover .blog-read-more{gap:14px}.blog-cta-section{padding:0 0 80px}.blog-cta-card{background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:60px;text-align:center}.blog-cta-card h2{font-family:Poppins,sans-serif;font-size:2rem;font-weight:700;margin-bottom:12px;color:var(--text-primary, #fff)}.blog-cta-card p{font-size:1.1rem;color:var(--text-secondary, #a0a0a0);margin-bottom:30px}.blog-cta-card .btn{display:inline-flex;align-items:center;gap:10px}.blog-post-container{padding-top:100px}.blog-post-hero{height:300px;border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:40px;overflow:hidden}.blog-post-hero i{font-size:5rem;color:#ffffff1f}.blog-post-header{max-width:800px;margin:0 auto 48px}.blog-post-category{display:inline-block;padding:6px 16px;border-radius:100px;font-size:.78rem;font-weight:600;color:#fff;letter-spacing:.5px;text-transform:uppercase;margin-bottom:20px}.blog-post-title{font-family:Poppins,sans-serif;font-size:clamp(1.8rem,4vw,2.8rem);font-weight:800;letter-spacing:-.5px;line-height:1.2;margin-bottom:16px;color:var(--text-primary, #fff)}.blog-post-subtitle{font-size:1.15rem;color:var(--text-secondary, #a0a0a0);line-height:1.7;margin-bottom:24px}.blog-post-meta{display:flex;flex-wrap:wrap;gap:20px;font-size:.85rem;color:var(--text-tertiary, #666);margin-bottom:16px;font-family:JetBrains Mono,monospace}.blog-post-meta i{margin-right:6px;color:var(--accent-cyan, #00e5ff)}.blog-post-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-post-body{max-width:800px;margin:0 auto;font-family:Inter,sans-serif;font-size:1.05rem;line-height:1.85;color:var(--text-secondary, #c0c0c0)}.blog-post-body h2{font-family:Inter,sans-serif;font-size:1.6rem;font-weight:700;color:var(--text-primary, #fff);margin:48px 0 16px;padding-top:16px;border-top:1px solid rgba(255,255,255,.06)}.blog-post-body h2:first-child{border-top:none;margin-top:0}.blog-post-body h3{font-family:Inter,sans-serif;font-size:1.25rem;font-weight:600;color:var(--text-primary, #fff);margin:32px 0 12px}.blog-post-body p{margin-bottom:20px}.blog-post-body a{color:var(--accent-cyan, #00e5ff);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .3s ease}.blog-post-body a:hover{border-bottom-color:var(--accent-cyan, #00e5ff)}.blog-post-body ul,.blog-post-body ol{margin:16px 0 24px;padding-left:24px}.blog-post-body li{margin-bottom:10px;line-height:1.7}.blog-post-body li strong{color:var(--text-primary, #fff)}.blog-post-body em{color:var(--accent-cyan, #00e5ff);font-style:italic}.blog-post-body table{width:100%;border-collapse:collapse;margin:24px 0;font-size:.95rem;border-radius:12px;overflow:hidden}.blog-post-body thead{background:#6366f11f}.blog-post-body th{padding:14px 18px;text-align:left;font-weight:600;color:var(--text-primary, #fff);border-bottom:1px solid rgba(255,255,255,.1)}.blog-post-body td{padding:12px 18px;border-bottom:1px solid rgba(255,255,255,.04);color:var(--text-secondary, #a0a0a0)}.blog-post-body tr:hover td{background:#ffffff05}.blog-post-cta{max-width:800px;margin:60px auto 40px;background:linear-gradient(135deg,#6366f114,#8b5cf614);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:48px;text-align:center}.blog-post-cta h3{font-family:Poppins,sans-serif;font-size:1.5rem;font-weight:700;color:var(--text-primary, #fff);margin-bottom:8px}.blog-post-cta p{color:var(--text-secondary, #a0a0a0);margin-bottom:24px}.blog-post-cta .btn{display:inline-flex;align-items:center;gap:10px}.blog-post-nav{max-width:800px;margin:0 auto 60px;text-align:center}.blog-post-nav .btn{display:inline-flex;align-items:center;gap:10px}.related-section{padding:40px 0 80px;border-top:1px solid rgba(255,255,255,.04)}.related-heading{font-family:Poppins,sans-serif;font-size:1.8rem;font-weight:700;text-align:center;margin-bottom:40px;color:var(--text-primary, #fff)}@media(max-width:768px){.blog-hero{padding:130px 0 40px}.blogs-grid{grid-template-columns:1fr;gap:20px}.blog-filters{gap:8px}.blog-filter-btn{padding:8px 16px;font-size:.8rem}.blog-cta-card{padding:40px 24px}.blog-cta-card h2{font-size:1.5rem}.blog-post-hero{height:200px;border-radius:12px}.blog-post-header{margin-bottom:32px}.blog-post-body{font-size:1rem}.blog-post-body h2{font-size:1.35rem;margin:36px 0 12px}.blog-post-body h3{font-size:1.1rem}.blog-post-cta{padding:32px 20px}.blog-post-meta{gap:12px}.blog-post-body table{font-size:.8rem}.blog-post-body th,.blog-post-body td{padding:8px 10px}}@media(max-width:480px){.blog-card-image{height:160px}.blog-card-content{padding:18px}.blog-card-title{font-size:1.05rem}}