.blog-hero{text-align:center;padding:120px 0 60px;position:relative}.blog-hero h1{color:var(--text-primary);margin-bottom:1rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}.blog-hero h1 .gradient-text{background:linear-gradient(135deg,#3b82f6,#e11d48);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blog-hero p{color:var(--text-secondary);max-width:600px;margin:0 auto;font-size:1.2rem}.blog-filters{flex-wrap:wrap;justify-content:center;gap:.75rem;margin:2.5rem 0 3rem;display:flex}.filter-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;padding:8px 20px;font-family:Inter,sans-serif;font-size:.85rem;font-weight:600;transition:all .3s}.filter-btn:hover,.filter-btn.active{color:#3b82f6;background:#3b82f626;border-color:#3b82f666}.blog-listing-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;max-width:1200px;margin:0 auto;padding:0 2rem 4rem;display:grid}.blog-listing-card{background:#ffffff0a;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;transition:all .5s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.blog-listing-card:after{content:"";opacity:0;pointer-events:none;background:linear-gradient(45deg,#0000 50%,#3b82f614 100%);width:100%;height:100%;transition:opacity .5s;position:absolute;top:0;left:0}.blog-listing-card:hover{border-color:#3b82f64d;transform:translateY(-8px)scale(1.01);box-shadow:0 20px 40px #0006,0 0 15px #3b82f626}.blog-listing-card:hover:after{opacity:1}.blog-listing-card a{color:inherit;flex-direction:column;height:100%;text-decoration:none;display:flex}.blog-listing-card .card-visual{aspect-ratio:16/4.5;overflow:hidden}.blog-listing-card .card-visual img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.16,1,.3,1)}.blog-listing-card:hover .card-visual img{transform:scale(1.1)}.blog-listing-card .card-body{flex-direction:column;flex-grow:1;padding:1.5rem;display:flex}.blog-listing-card .card-meta{align-items:center;gap:1rem;margin-bottom:.75rem;display:flex}.blog-listing-card .meta-tag{text-transform:uppercase;letter-spacing:.06em;font-size:.7rem;font-weight:700;transition:all .3s}.blog-listing-card:hover .meta-tag{background:#3b82f6;border-radius:4px;padding:2px 8px;color:#f8fafc!important}.blog-listing-card .meta-date{color:var(--text-secondary);font-size:.8rem}.blog-listing-card .card-title{color:var(--text-primary);margin-bottom:.75rem;font-size:1.3rem;font-weight:700;line-height:1.3}.blog-listing-card .card-excerpt{color:var(--text-secondary);flex-grow:1;margin-bottom:1rem;font-size:.95rem;line-height:1.6}.blog-listing-card .card-footer-info{color:var(--text-secondary);border-top:1px solid #ffffff0f;justify-content:space-between;margin-top:auto;padding-top:.75rem;font-size:.8rem;display:flex}.blog-listing-card.hidden{display:none}.blog-pagination{justify-content:center;align-items:center;gap:.5rem;padding:2rem 0 4rem;display:flex}.page-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-family:Inter,sans-serif;font-size:.9rem;transition:all .3s}.page-btn:hover,.page-btn.active{color:#3b82f6;background:#3b82f626;border-color:#3b82f666}.page-btn:disabled{opacity:.3;cursor:not-allowed}.page-info{color:var(--text-secondary);margin-left:1rem;font-size:.85rem}.no-results{text-align:center;color:var(--text-secondary);grid-column:1/-1;padding:3rem;font-size:1.1rem;display:none}.no-results.visible{display:block}.blog-post-page{padding-top:100px}.blog-post-hero{max-width:800px;margin:0 auto;padding:2rem 0 1.5rem}.back-link{color:#3b82f6;align-items:center;gap:8px;margin-bottom:2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.back-link:hover{color:#60a5fa;transform:translate(-4px)}.blog-post-tag{text-transform:uppercase;letter-spacing:.06em;color:#3b82f6;margin-bottom:1rem;font-size:.75rem;font-weight:700;display:inline-block}.blog-post-hero h1{color:var(--text-primary);margin-bottom:1.5rem;font-size:clamp(2rem,4vw,3rem);font-weight:800;line-height:1.15}.blog-post-meta{color:var(--text-secondary);flex-wrap:wrap;align-items:center;gap:1rem;font-size:.9rem;display:flex}.blog-post-body{max-width:800px;margin:0 auto;padding:0 2rem 4rem}.blog-post-body h2{color:var(--text-primary);margin:2.5rem 0 1rem;font-size:1.8rem;font-weight:700}.blog-post-body h3{color:var(--text-primary);margin:2rem 0 .75rem;font-size:1.4rem;font-weight:600}.blog-post-body p{color:var(--text-secondary);margin-bottom:1.5rem;font-size:1.05rem;line-height:1.8}.blog-post-body a{color:#3b82f6;text-underline-offset:3px;text-decoration:underline}.blog-post-body a:hover{color:#60a5fa}.blog-post-body strong{color:var(--text-primary);font-weight:600}.blog-post-body em{color:var(--text-primary);font-style:italic}.blog-post-body ul,.blog-post-body ol{color:var(--text-secondary);margin:1rem 0 1.5rem 1.5rem}.blog-post-body li{margin-bottom:.5rem;font-size:1.05rem;line-height:1.8}.blog-post-body code{color:#60a5fa;background:#3b82f61f;border-radius:6px;padding:2px 8px;font-family:JetBrains Mono,Fira Code,monospace;font-size:.9em}.blog-post-body pre{background:#0006;border:1px solid #ffffff14;border-radius:12px;margin:1.5rem 0;padding:1.5rem;overflow-x:auto}.blog-post-body pre code{color:#e2e8f0;background:0 0;padding:0;font-size:.85rem;line-height:1.7}.blog-post-body table{border-collapse:collapse;border:1px solid #ffffff14;border-radius:12px;width:100%;margin:1.5rem 0;overflow:hidden}.blog-post-body thead tr{background:#3b82f61a;border-bottom:2px solid #3b82f64d}.blog-post-body th{text-align:left;color:var(--text-primary);padding:.75rem 1rem;font-size:.9rem;font-weight:700}.blog-post-body td{color:var(--text-secondary);border-bottom:1px solid #ffffff0d;padding:.75rem 1rem;font-size:.9rem}.blog-post-body tbody tr:hover{background:#ffffff08}.tldr-box{background:#3b82f614;border:1px solid #3b82f633;border-radius:12px;margin:2rem 0;padding:1.5rem 2rem}.tldr-box p:first-child{color:#3b82f6;margin-bottom:.5rem;font-weight:700}.tldr-box p:last-child{margin:0;line-height:1.6}.blog-post-cta{text-align:center;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;margin:3rem 0;padding:2.5rem}.blog-post-cta h3{color:var(--text-primary);margin-bottom:1rem;font-size:1.5rem}.blog-post-cta p{color:var(--text-secondary);margin-bottom:1.5rem}.blog-post-body img{object-fit:cover;border-radius:12px;width:auto;max-width:60%;max-height:280px;margin:1.5rem auto;display:block}@media (width<=768px){.blog-listing-grid{grid-template-columns:1fr;padding:0 1rem 2rem}.blog-post-body{padding:0 1rem 2rem}.blog-post-hero{padding:1rem}.blog-post-body h2{font-size:1.4rem}.blog-post-body h3{font-size:1.2rem}.blog-filters{gap:.5rem}.filter-btn{padding:6px 14px;font-size:.8rem}}