.blog-hero{position:relative;padding:160px 0 80px;overflow:hidden;background:linear-gradient(135deg,#f0fdf4,#ecfdf5 40%,#f0f9ff)}.blog-hero__bg{position:absolute;inset:0;background:radial-gradient(ellipse 600px 400px at 20% 50%,rgba(16,185,129,.08) 0,transparent 70%),radial-gradient(ellipse 500px 300px at 80% 30%,rgba(52,211,153,.06) 0,transparent 70%);pointer-events:none}.blog-hero__content{position:relative;text-align:center;max-width:700px;margin:0 auto}.blog-hero__label{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:rgba(16,185,129,.1);border:1px solid rgba(16,185,129,.2);border-radius:9999px;font-size:.8rem;font-weight:600;color:#059669;margin-bottom:24px;text-transform:uppercase;letter-spacing:.05em}.blog-hero__title{font-size:3.5rem;font-weight:800;letter-spacing:-.03em;line-height:1.1;margin-bottom:20px;color:var(--text-primary)}.blog-hero__subtitle{font-size:1.15rem;color:var(--text-secondary);line-height:1.7;max-width:560px;margin:0 auto}.blog-articles{padding:60px 0 120px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:32px;gap:32px}.blog-card{display:block;text-decoration:none;color:inherit;border-radius:16px;overflow:hidden;background:#fff;border:1px solid var(--border-subtle);transition:all .35s cubic-bezier(.4,0,.2,1);position:relative}.blog-card:hover{transform:translateY(-6px);box-shadow:0 20px 40px -12px rgba(16,185,129,.15),0 8px 20px -8px rgba(0,0,0,.08);border-color:rgba(16,185,129,.3)}.blog-card--featured{grid-column:1/-1}.blog-card--featured article{display:grid;grid-template-columns:1.2fr 1fr}.blog-card--featured .blog-card__image{height:100%;min-height:340px}.blog-card--featured .blog-card__content{padding:40px;display:flex;flex-direction:column;justify-content:center}.blog-card--featured .blog-card__title{font-size:1.75rem}.blog-card--featured .blog-card__excerpt{-webkit-line-clamp:4;line-clamp:4}.blog-card__image{position:relative;height:200px;overflow:hidden}.blog-card__image img{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card__image img{transform:scale(1.06)}.blog-card__image-overlay{position:absolute;inset:0;background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.04));pointer-events:none}.blog-card__content{padding:24px}.blog-card__category{display:inline-block;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#059669;background:rgba(16,185,129,.08);padding:4px 10px;border-radius:6px;margin-bottom:12px}.blog-card__title{font-size:1.15rem;font-weight:700;line-height:1.35;color:var(--text-primary);margin-bottom:10px;transition:color .25s ease;letter-spacing:-.01em}.blog-card:hover .blog-card__title{color:#059669}.blog-card__excerpt{font-size:.9rem;color:var(--text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px}.blog-card__meta{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-tertiary);font-weight:500}.blog-card__dot{font-size:1rem}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:64px;padding-top:40px;border-top:1px solid var(--border-subtle)}.blog-pagination__btn{display:inline-flex;align-items:center;gap:6px;padding:10px 20px;border:1px solid var(--border-subtle);border-radius:10px;font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:all .25s ease;text-decoration:none}.blog-pagination__btn:hover{border-color:#10b981;color:#059669;background:rgba(16,185,129,.04)}.blog-pagination__numbers{display:flex;gap:4px}.blog-pagination__num{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:10px;font-size:.875rem;font-weight:600;color:var(--text-secondary);transition:all .25s ease;text-decoration:none}.blog-pagination__num:hover{background:rgba(16,185,129,.06);color:#059669}.blog-pagination__num--active{box-shadow:0 4px 12px rgba(16,185,129,.3)}.blog-pagination__num--active,.blog-pagination__num--active:hover{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.blog-empty{text-align:center;padding:80px 20px}.blog-empty__icon{width:80px;height:80px;display:flex;align-items:center;justify-content:center;background:rgba(16,185,129,.08);border-radius:20px;margin:0 auto 24px;color:#10b981}.blog-empty h3{font-size:1.5rem;margin-bottom:8px}.blog-empty p{color:var(--text-secondary)}.article-page{padding-top:100px;min-height:100vh}.article-header{max-width:780px;margin:0 auto;padding:40px 24px 0}.article-breadcrumb{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-tertiary);margin-bottom:32px}.article-breadcrumb a{color:var(--text-secondary);text-decoration:none;transition:color .2s ease}.article-breadcrumb a:hover{color:#059669}.article-breadcrumb__sep{color:var(--text-tertiary)}.article-header h1{font-size:2.75rem;font-weight:800;line-height:1.15;letter-spacing:-.03em;margin-bottom:20px;color:var(--text-primary)}.article-meta{display:flex;align-items:center;gap:16px;font-size:.875rem;color:var(--text-tertiary);margin-bottom:16px;font-weight:500}.article-meta__dot{width:4px;height:4px;border-radius:50%;background:var(--text-tertiary)}.article-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:8px}.article-tag{display:inline-block;padding:5px 12px;background:rgba(16,185,129,.07);border:1px solid rgba(16,185,129,.15);border-radius:8px;font-size:.78rem;font-weight:600;color:#059669;text-decoration:none;transition:all .2s ease}.article-tag:hover{background:rgba(16,185,129,.14);border-color:rgba(16,185,129,.3)}.article-featured-image{max-width:880px;margin:40px auto;padding:0 24px}.article-featured-image img{width:100%;height:auto;border-radius:16px;object-fit:cover;box-shadow:0 8px 30px rgba(0,0,0,.08)}.article-body{max-width:780px;margin:0 auto;padding:0 24px 80px}.article-prose{font-size:1.1rem;line-height:1.8;color:#334155}.article-prose h1{font-size:2.2rem;margin:2.5em 0 .8em;font-weight:800;color:var(--text-primary)}.article-prose h2{font-size:1.75rem;margin:2em 0 .7em;padding-bottom:8px;border-bottom:2px solid rgba(16,185,129,.12)}.article-prose h2,.article-prose h3{font-weight:700;color:var(--text-primary)}.article-prose h3{font-size:1.35rem;margin:1.8em 0 .6em}.article-prose h4{font-size:1.15rem;margin:1.5em 0 .5em;font-weight:600;color:var(--text-primary)}.article-prose p{margin-bottom:1.3em}.article-prose a{color:#059669;text-decoration:underline;-webkit-text-decoration-color:rgba(5,150,105,.3);text-decoration-color:rgba(5,150,105,.3);text-underline-offset:3px;transition:-webkit-text-decoration-color .2s ease;transition:text-decoration-color .2s ease;transition:text-decoration-color .2s ease,-webkit-text-decoration-color .2s ease}.article-prose a:hover{-webkit-text-decoration-color:#059669;text-decoration-color:#059669}.article-prose ol,.article-prose ul{margin-bottom:1.3em;padding-left:1.6em}.article-prose ul{list-style:disc}.article-prose ol{list-style:decimal}.article-prose li{margin-bottom:.5em;line-height:1.7}.article-prose blockquote{margin:1.5em 0;padding:16px 24px;border-left:4px solid #10b981;background:rgba(16,185,129,.04);border-radius:0 8px 8px 0;font-style:italic;color:#475569}.article-prose pre{margin:1.5em 0;padding:20px 24px;background:#0f172a;border-radius:12px;overflow-x:auto;font-size:.9rem;line-height:1.6}.article-prose code{font-family:SF Mono,Fira Code,Consolas,monospace;font-size:.88em}.article-prose pre code{color:#e2e8f0;background:none;padding:0}.article-prose :not(pre)>code{background:rgba(16,185,129,.08);color:#059669;padding:2px 6px;border-radius:4px;font-size:.85em}.article-prose img{max-width:100%;height:auto;border-radius:12px;margin:1.5em 0}.article-prose table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.95rem}.article-prose td,.article-prose th{padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-subtle)}.article-prose th{font-weight:600;background:#f8fafc}.article-prose hr{border:none;height:1px;background:var(--border-subtle);margin:2em 0}.article-related{max-width:780px;margin:0 auto;padding:0 24px 100px}.article-related__divider{height:1px;background:var(--border-subtle);margin-bottom:40px}.article-related h2{font-size:1.5rem;font-weight:700;margin-bottom:20px}.article-related__list{display:flex;flex-direction:column;gap:12px}.article-related__link{display:flex;align-items:center;gap:12px;padding:14px 20px;border:1px solid var(--border-subtle);border-radius:12px;text-decoration:none;color:var(--text-primary);font-weight:600;font-size:.95rem;transition:all .25s ease}.article-related__link:hover{border-color:rgba(16,185,129,.3);background:rgba(16,185,129,.03);transform:translateX(4px);color:#059669}.article-related__link svg{flex-shrink:0;color:#10b981}.blog-category-page,.blog-tag-page{padding-top:100px;min-height:100vh}.blog-category-hero,.blog-tag-hero{padding:60px 0 40px;text-align:center}.blog-category-hero h1,.blog-tag-hero h1{font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;text-transform:capitalize}.blog-category-hero p,.blog-tag-hero p{color:var(--text-tertiary);font-size:1rem;font-weight:500}.blog-list-section{padding:0 0 100px}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:24px}.blog-card--featured article{grid-template-columns:1fr}.blog-card--featured .blog-card__image{min-height:240px}.blog-card--featured .blog-card__content{padding:28px}.blog-hero__title{font-size:2.75rem}}@media (max-width:768px){.blog-hero{padding:130px 0 60px}.blog-hero__title{font-size:2.25rem}.blog-hero__subtitle{font-size:1rem}.blog-grid{grid-template-columns:1fr;gap:20px}.blog-card--featured .blog-card__title{font-size:1.35rem}.blog-articles{padding:40px 0 80px}.article-header h1{font-size:2rem}.article-prose{font-size:1rem}.article-featured-image{margin:24px auto}.blog-pagination{flex-wrap:wrap;gap:8px}.blog-pagination__numbers{order:3;width:100%;justify-content:center;flex-wrap:wrap}.blog-category-hero h1,.blog-tag-hero h1{font-size:2rem}}@media (max-width:480px){.blog-hero{padding:120px 0 50px}.blog-hero__title{font-size:1.85rem}.blog-card__content{padding:18px}.blog-card__title{font-size:1.05rem}.article-header{padding:24px 16px 0}.article-header h1{font-size:1.65rem}.article-body{padding:0 16px 60px}.article-featured-image{padding:0 16px}.article-related{padding:0 16px 60px}}