.blog-main{padding-top:80px}.post-main{padding-top:60px}.blog-hero{background-attachment:fixed;background-image:linear-gradient(180deg,rgba(2,6,23,.6) 0,rgba(2,6,23,.8)),url(../images/blog_hero_image.jpg);background-position:50%;background-size:cover;border-bottom:1px solid rgba(16,185,129,.1);padding:18vh 0 12vh!important;position:relative}.blog-hero-title{background:linear-gradient(180deg,#fff 40%,#94a3b8);-webkit-background-clip:text;background-clip:text;font-family:Outfit,sans-serif;font-size:clamp(3rem,8vw,7rem);font-weight:800;letter-spacing:-.05em;line-height:.9;-webkit-text-fill-color:transparent}.blog-hero-subtitle{color:#94a3b8;font-size:1.3rem;line-height:1.6;margin-top:2rem;max-width:600px}.blog-filters-section{margin-bottom:4rem;padding:0!important}.blog-filters{display:flex;flex-direction:column;gap:1.5rem}.blog-search-form{max-width:420px;position:relative}.blog-search-input{background:rgba(15,23,42,.5);border:1px solid rgba(148,163,184,.1);border-radius:.75rem;color:#f8fafc;font-family:Inter,sans-serif;font-size:.9rem;outline:none;padding:.85rem 3rem .85rem 1.2rem;transition:all .3s ease;width:100%}.blog-search-input:focus{border-color:rgba(16,185,129,.4);box-shadow:0 0 0 3px rgba(16,185,129,.08)}.blog-search-input::placeholder{color:#475569}.blog-search-btn{background:none;border:none;color:#64748b;cursor:pointer;padding:.5rem;position:absolute;right:.5rem;top:50%;transform:translateY(-50%);transition:color .3s}.blog-search-btn:hover{color:#10b981}.blog-categories{display:flex;flex-wrap:wrap;gap:.5rem}.blog-cat-tag{border:1px solid rgba(148,163,184,.12);border-radius:999px;color:#64748b;font-size:.75rem;font-weight:600;letter-spacing:.08em;padding:.4rem 1rem;text-decoration:none;text-transform:uppercase;transition:all .3s ease}.blog-cat-tag:hover{border-color:rgba(148,163,184,.3);color:#f8fafc}.blog-cat-tag.active{background:rgba(16,185,129,.12);border-color:rgba(16,185,129,.3);color:#10b981}.blog-featured-card{background:rgba(15,23,42,.4);border:1px solid rgba(16,185,129,.08);border-radius:1.5rem;color:inherit;display:grid;gap:0;grid-template-columns:1.2fr 1fr;margin-bottom:3rem;overflow:hidden;text-decoration:none;transition:all .6s cubic-bezier(.19,1,.22,1)}.blog-featured-card:hover{border-color:rgba(16,185,129,.25);box-shadow:0 30px 60px -15px rgba(0,0,0,.6);transform:translateY(-6px)}.blog-featured-img-wrap{min-height:350px;overflow:hidden;position:relative}.blog-featured-img{filter:saturate(.8) brightness(.7);height:100%;object-fit:cover;transition:all .8s cubic-bezier(.19,1,.22,1);width:100%}.blog-featured-card:hover .blog-featured-img{filter:saturate(1) brightness(.85);transform:scale(1.03)}.blog-featured-img-placeholder{background:linear-gradient(135deg,rgba(16,185,129,.08),rgba(2,6,23,.8));height:100%;min-height:350px;width:100%}.blog-featured-content{display:flex;flex-direction:column;gap:1rem;justify-content:center;padding:3rem}.blog-featured-title{color:#f8fafc;font-family:Outfit,sans-serif;font-size:2rem;font-weight:800;letter-spacing:-.03em;line-height:1.15}.blog-featured-excerpt{color:#94a3b8;display:-webkit-box;font-size:1rem;-webkit-line-clamp:3;line-height:1.6;-webkit-box-orient:vertical;overflow:hidden}.blog-grid-section{padding-top:0!important}.blog-grid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.blog-card{background:rgba(15,23,42,.4);border:1px solid rgba(16,185,129,.08);border-radius:1.25rem;color:inherit;overflow:hidden;text-decoration:none;transition:all .5s cubic-bezier(.19,1,.22,1)}.blog-card:hover{border-color:rgba(16,185,129,.25);box-shadow:0 25px 50px -12px rgba(0,0,0,.5);transform:translateY(-8px)}.blog-card-img-wrap{height:200px;overflow:hidden;position:relative}.blog-card-img{filter:saturate(.7) brightness(.65);height:100%;object-fit:cover;transition:all .8s cubic-bezier(.19,1,.22,1);width:100%}.blog-card:hover .blog-card-img{filter:saturate(1) brightness(.8);transform:scale(1.05)}.blog-card-img-placeholder{background:linear-gradient(135deg,rgba(16,185,129,.06),rgba(2,6,23,.6));height:100%;width:100%}.blog-card-body{display:flex;flex-direction:column;gap:.6rem;padding:1.8rem}.blog-card-category{background:rgba(16,185,129,.08);border-radius:999px;color:#10b981;font-size:.65rem;font-weight:700;letter-spacing:.12em;padding:.3rem .7rem;text-transform:uppercase;width:fit-content}.blog-card-title{color:#f8fafc;font-family:Outfit,sans-serif;font-size:1.25rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.blog-card-excerpt{color:#64748b;display:-webkit-box;font-size:.88rem;-webkit-line-clamp:2;line-height:1.6;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{align-items:center;color:#475569;display:flex;font-size:.75rem;gap:.5rem;margin-top:.5rem}.author-photo{border:1.5px solid rgba(16,185,129,.3);border-radius:50%;flex-shrink:0;object-fit:cover}.author-photo.sm{height:22px;width:22px}.author-photo.md{height:28px;width:28px}.author-photo.lg{height:36px;width:36px}.blog-empty{padding:8rem 2rem;text-align:center}.blog-empty h3{font-family:Outfit,sans-serif;font-size:2rem;margin-bottom:1rem}.blog-empty p{color:#64748b;font-size:1.1rem}.post-hero-img-wrap{height:50vh;max-height:500px;overflow:hidden;position:relative;width:100%}.post-hero-img{filter:brightness(.5);height:100%;object-fit:cover;width:100%}.post-hero-overlay{background:linear-gradient(0deg,#020617 0,transparent);bottom:0;height:50%;left:0;position:absolute;width:100%}.post-container{max-width:780px}.post-header{padding:4rem 0 3rem}.post-title{color:#f8fafc;font-family:Outfit,sans-serif;font-size:clamp(2rem,5vw,3.2rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:1.5rem}.post-meta{align-items:center;color:#64748b;display:flex;font-size:.85rem;gap:.6rem}.post-author{color:#10b981;font-weight:600}.post-meta-dot{color:#334155}.post-content{color:#cbd5e1;font-size:1.05rem;line-height:1.85;padding-bottom:4rem}.post-content h1{color:#f8fafc;font-family:Outfit,sans-serif;font-size:2.2rem;font-weight:800;letter-spacing:-.03em;margin:3rem 0 1.2rem}.post-content h2{color:#f1f5f9;font-size:1.7rem;letter-spacing:-.02em;margin:2.5rem 0 1rem}.post-content h2,.post-content h3{font-family:Outfit,sans-serif;font-weight:700}.post-content h3{color:#e2e8f0;font-size:1.35rem;margin:2rem 0 .8rem}.post-content p{margin-bottom:1.4rem}.post-content strong{color:#f8fafc;font-weight:600}.post-content a{color:#10b981;text-decoration:underline;text-underline-offset:3px;transition:color .3s}.post-content a:hover{color:#34d399}.post-content ol,.post-content ul{margin:1.2rem 0;padding-left:1.8rem}.post-content li{color:#cbd5e1;margin-bottom:.5rem}.post-content li::marker{color:#10b981}.post-content blockquote{background:rgba(16,185,129,.04);border-left:3px solid #10b981;border-radius:0 .75rem .75rem 0;color:#94a3b8;font-style:italic;margin:1.5rem 0;padding:1rem 1.5rem}.post-content code{background:rgba(16,185,129,.08);border-radius:.3rem;color:#10b981;font-family:JetBrains Mono,Fira Code,monospace;font-size:.88em;padding:.15rem .45rem}.post-content pre{background:rgba(2,6,23,.8);border:1px solid rgba(148,163,184,.1);border-radius:.75rem;margin:1.5rem 0;overflow-x:auto;padding:1.5rem}.post-content pre code{background:none;color:#e2e8f0;padding:0}.post-content img{border-radius:1rem;margin:1.5rem 0;max-width:100%}.post-content hr{border:none;border-top:1px solid rgba(148,163,184,.12);margin:3rem 0}.post-share-bar{align-items:center;background:rgba(15,23,42,.4);border:1px solid rgba(16,185,129,.08);border-radius:1rem;display:flex;justify-content:space-between;margin-bottom:4rem;padding:1.5rem 2rem}.post-share-label{color:#64748b;font-size:.8rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.post-share-actions{display:flex;gap:.5rem}.post-share-btn{align-items:center;background:rgba(2,6,23,.6);border:1px solid rgba(148,163,184,.1);border-radius:.6rem;color:#94a3b8;cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .3s ease;width:40px}.post-share-btn:hover{border-color:rgba(16,185,129,.3);color:#10b981;transform:translateY(-2px)}.copy-tooltip{background:#10b981;border-radius:.4rem;bottom:120%;color:#020617;font-size:.7rem;font-weight:700;left:50%;opacity:0;padding:.3rem .7rem;pointer-events:none;position:absolute;transform:translateX(-50%);transition:all .3s ease;white-space:nowrap}.copy-tooltip.show{opacity:1}.related-section{border-top:1px solid rgba(148,163,184,.06);padding:6rem 0!important}.related-title{font-family:Outfit,sans-serif;font-size:2rem;font-weight:700;letter-spacing:-.03em;margin-bottom:2.5rem}@media (max-width:768px){.blog-featured-card{grid-template-columns:1fr}.blog-featured-img-wrap{min-height:220px}.blog-featured-content{padding:2rem}.blog-featured-title{font-size:1.5rem}.blog-grid{grid-template-columns:1fr}.post-share-bar{flex-direction:column;gap:1rem;text-align:center}.post-hero-img-wrap{height:35vh}}