.blog-navbar{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 0;background:#ffffffeb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06);transition:padding .3s ease,box-shadow .3s ease}.blog-navbar .container{display:flex;align-items:center;justify-content:space-between;gap:2rem}.blog-navbar .logo-text-img{height:28px}.blog-nav-links{display:flex;gap:2rem;flex:1;justify-content:center}.blog-nav-links a{text-decoration:none;color:var(--slate-600);font-weight:500;font-size:.95rem;transition:color .2s ease;position:relative}.blog-nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--forest-500);border-radius:1px;transition:width .3s var(--ease-out-expo)}.blog-nav-links a:hover{color:var(--forest-700)}.blog-nav-links a:hover:after{width:100%}.btn-small{padding:.5rem 1.25rem;font-size:.85rem}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:linear-gradient(90deg,var(--forest-500),var(--forest-400));z-index:1001;transition:width .1s linear;border-radius:0 2px 2px 0}.breadcrumb{padding:6rem 0 1rem;font-size:.85rem;color:var(--slate-500)}.breadcrumb a{color:var(--forest-600);text-decoration:none;transition:color .2s ease}.breadcrumb a:hover{color:var(--forest-700);text-decoration:underline}.breadcrumb-separator{margin:0 .5rem;color:var(--slate-300)}.blog-article{min-height:100vh;background:#fff}.blog-container{max-width:780px}.blog-header{padding:1rem 0 2.5rem;border-bottom:1px solid var(--slate-200);margin-bottom:3rem}.blog-meta{display:flex;align-items:center;gap:1rem;font-size:.85rem;color:var(--slate-500);margin-bottom:1.25rem}.blog-meta time{color:var(--forest-600);font-weight:600}.reading-time:before{content:"·";margin-right:1rem}.blog-header h1{font-family:var(--font-display);font-size:2.75rem;color:var(--forest-950);line-height:1.15;margin-bottom:1.25rem;letter-spacing:-.01em}.blog-description{font-size:1.2rem;color:var(--slate-500);line-height:1.7;max-width:640px}.blog-tags{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:1.5rem}.blog-tag{background:var(--forest-50);color:var(--forest-700);padding:.3rem .85rem;border-radius:100px;font-size:.78rem;font-weight:500;letter-spacing:.01em;border:1px solid var(--forest-100);transition:background .2s ease,border-color .2s ease}.blog-tag:hover{background:var(--forest-100);border-color:var(--forest-200)}.prose{line-height:1.85;color:var(--slate-700);font-size:1.05rem}.prose>p:first-child:first-letter{font-family:var(--font-display);font-size:3.5rem;float:left;line-height:.8;margin-right:.12em;margin-top:.08em;color:var(--forest-700)}.prose h2{font-family:var(--font-display);font-size:1.85rem;color:var(--forest-950);margin-top:3rem;margin-bottom:1rem;padding-top:1rem;line-height:1.25}.prose h3{font-size:1.2rem;font-weight:700;color:var(--forest-900);margin-top:2.25rem;margin-bottom:.75rem;letter-spacing:-.01em}.prose p{margin-bottom:1.35rem}.prose ul,.prose ol{margin-bottom:1.35rem;padding-left:1.5rem}.prose li{margin-bottom:.6rem}.prose li::marker{color:var(--forest-500)}.prose strong{color:var(--forest-900);font-weight:700}.prose a{color:var(--forest-600);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;text-decoration-color:var(--forest-300);transition:text-decoration-color .2s ease,color .2s ease}.prose a:hover{color:var(--forest-700);text-decoration-color:var(--forest-600)}.prose blockquote{border-left:3px solid var(--forest-400);padding:1.25rem 1.75rem;margin:2rem 0;background:var(--forest-50);border-radius:0 12px 12px 0;color:var(--slate-700);font-style:italic;font-size:1.05rem;line-height:1.75}.prose blockquote p:last-child{margin-bottom:0}.prose table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:.9rem;border-radius:12px;overflow:hidden;border:1px solid var(--slate-200)}.prose th,.prose td{padding:.85rem 1.15rem;text-align:left}.prose th{background:var(--forest-50);font-weight:700;color:var(--forest-900);border-bottom:2px solid var(--forest-200);font-size:.85rem;text-transform:uppercase;letter-spacing:.03em}.prose td{border-bottom:1px solid var(--slate-100)}.prose tr:last-child td{border-bottom:none}.prose code{background:var(--slate-100);padding:.2rem .45rem;border-radius:5px;font-size:.88em;border:1px solid var(--slate-200)}.prose img{max-width:100%;border-radius:12px;margin:2rem 0}.prose h2+p{margin-top:0}.blog-cta{margin:4rem 0 2rem;padding:3rem 2.5rem;background:var(--forest-950);border-radius:20px;text-align:center;position:relative;overflow:hidden}.blog-cta:before{content:"";position:absolute;top:-50%;right:-20%;width:400px;height:400px;background:radial-gradient(circle,var(--forest-800) 0%,transparent 70%);opacity:.5;pointer-events:none}.blog-cta:after{content:"";position:absolute;bottom:-30%;left:-10%;width:300px;height:300px;background:radial-gradient(circle,var(--forest-700) 0%,transparent 70%);opacity:.3;pointer-events:none}.blog-cta h3{font-family:var(--font-display);font-size:1.75rem;color:#fff;margin-bottom:.75rem;position:relative;z-index:1}.blog-cta p{color:var(--slate-400);margin-bottom:1.75rem;font-size:1.05rem;position:relative;z-index:1}.blog-cta .btn{position:relative;z-index:1}.blog-back{display:inline-flex;align-items:center;gap:.5rem;color:var(--forest-600);text-decoration:none;font-weight:600;font-size:.9rem;margin-top:2rem;margin-bottom:3rem;transition:gap .2s ease,color .2s ease}.blog-back:hover{color:var(--forest-700);gap:.75rem}.blog-back svg{width:18px;height:18px;transition:transform .2s ease}.blog-back:hover svg{transform:translate(-3px)}.blog-hero{padding:8rem 0 2rem;text-align:center;background:linear-gradient(180deg,var(--forest-50) 0%,white 100%);position:relative}.blog-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 50%,rgba(22,163,74,.06) 0%,transparent 50%),radial-gradient(circle at 80% 30%,rgba(22,163,74,.04) 0%,transparent 40%);pointer-events:none}.blog-hero .container{position:relative}.blog-hero-label{display:inline-flex;align-items:center;gap:.5rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--forest-600);margin-bottom:1.25rem}.blog-hero-label:before,.blog-hero-label:after{content:"";width:2rem;height:2px;background:var(--forest-400);border-radius:1px}.blog-hero h1{font-family:var(--font-display);font-size:3.25rem;color:var(--forest-950);margin-bottom:1rem;letter-spacing:-.02em}.blog-hero p{color:var(--slate-500);font-size:1.15rem;max-width:560px;margin:0 auto;line-height:1.7}.category-filter{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap;padding:2rem 0 0}.category-pill{padding:.45rem 1.1rem;border-radius:100px;font-size:.85rem;font-weight:500;text-decoration:none;border:1px solid var(--slate-200);color:var(--slate-600);background:#fff;cursor:pointer;transition:all .25s ease}.category-pill:hover{border-color:var(--forest-300);color:var(--forest-700);background:var(--forest-50)}.category-pill.active{border-color:var(--forest-500);color:#fff;background:var(--forest-600)}.featured-post{display:grid;grid-template-columns:1fr 1fr;gap:0;background:#fff;border-radius:20px;border:1px solid var(--slate-200);overflow:hidden;text-decoration:none;color:inherit;margin-bottom:2.5rem;transition:transform .4s var(--ease-out-expo),box-shadow .4s var(--ease-out-expo)}.featured-post:hover{transform:translateY(-4px);box-shadow:0 20px 60px -12px #16a34a26}.featured-post-visual{background:linear-gradient(135deg,var(--forest-950) 0%,var(--forest-800) 100%);padding:3rem;display:flex;flex-direction:column;justify-content:center;position:relative;overflow:hidden;min-height:320px}.featured-post-visual:before{content:"";position:absolute;top:-40%;right:-30%;width:300px;height:300px;background:radial-gradient(circle,var(--forest-600) 0%,transparent 70%);opacity:.3}.featured-post-visual:after{content:"";position:absolute;bottom:-20%;left:-20%;width:250px;height:250px;background:radial-gradient(circle,var(--forest-500) 0%,transparent 70%);opacity:.2}.featured-badge{display:inline-flex;align-items:center;gap:.4rem;background:#ffffff26;backdrop-filter:blur(8px);color:var(--forest-200);padding:.35rem .85rem;border-radius:100px;font-size:.75rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;width:fit-content;margin-bottom:1.5rem;position:relative;z-index:1;border:1px solid rgba(255,255,255,.1)}.featured-badge svg{width:14px;height:14px}.featured-post-visual h2{font-family:var(--font-display);font-size:1.85rem;color:#fff;line-height:1.25;position:relative;z-index:1}.featured-post-body{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.featured-post-meta{font-size:.8rem;color:var(--slate-500);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.featured-post-meta .blog-card-category{background:var(--forest-50);color:var(--forest-700);padding:.2rem .7rem;border-radius:100px;font-weight:600;font-size:.75rem}.featured-post-body p{color:var(--slate-600);font-size:1rem;line-height:1.7;margin-bottom:1.5rem}.featured-post-body .blog-card-link{color:var(--forest-600);font-weight:700;font-size:.95rem;display:inline-flex;align-items:center;gap:.4rem;transition:gap .2s ease}.featured-post:hover .blog-card-link{gap:.7rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:1.75rem;padding:0 0 5rem}.blog-card{background:#fff;border-radius:16px;border:1px solid var(--slate-200);overflow:hidden;transition:transform .35s var(--ease-out-expo),box-shadow .35s var(--ease-out-expo),border-color .35s ease;text-decoration:none;color:inherit;display:flex;flex-direction:column}.blog-card:hover{transform:translateY(-5px);box-shadow:0 16px 48px -12px #16a34a1f;border-color:var(--forest-300)}.blog-card-body{padding:1.75rem;flex:1;display:flex;flex-direction:column}.blog-card-meta{font-size:.78rem;color:var(--slate-500);margin-bottom:1rem;display:flex;align-items:center;gap:.75rem}.blog-card-category{background:var(--forest-50);color:var(--forest-700);padding:.2rem .7rem;border-radius:100px;font-weight:600;font-size:.73rem;letter-spacing:.02em;border:1px solid var(--forest-100)}.blog-card-reading{color:var(--slate-400);font-size:.78rem;margin-left:auto}.blog-card h2{font-family:var(--font-display);font-size:1.3rem;color:var(--forest-950);margin-bottom:.65rem;line-height:1.3;transition:color .2s ease}.blog-card:hover h2{color:var(--forest-800)}.blog-card p{color:var(--slate-500);font-size:.9rem;line-height:1.65;flex:1}.blog-card-link{color:var(--forest-600);font-weight:700;font-size:.88rem;margin-top:1.25rem;display:inline-flex;align-items:center;gap:.35rem;transition:gap .25s var(--ease-out-expo)}.blog-card:hover .blog-card-link{gap:.65rem}@media(max-width:768px){.blog-header h1{font-size:2rem}.blog-hero h1{font-size:2.25rem}.blog-grid{grid-template-columns:1fr}.blog-nav-links{display:none}.featured-post{grid-template-columns:1fr}.featured-post-visual{min-height:200px;padding:2rem}.featured-post-visual h2{font-size:1.5rem}.featured-post-body{padding:1.75rem}.blog-cta{padding:2.5rem 1.5rem}.prose>p:first-child:first-letter{font-size:2.8rem}.category-filter{justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:.5rem}.category-pill{white-space:nowrap;flex-shrink:0}}
