.blog-hero{background:var(--color-white);overflow:hidden;padding:var(--space-16) 0 var(--space-12);position:relative}.blog-hero__grid{align-items:center;display:grid;gap:var(--space-10);grid-template-columns:1fr}@media (min-width:1024px){.blog-hero__grid{gap:var(--space-16);grid-template-columns:1fr 420px}}.blog-hero__eyebrow{align-items:center;color:var(--color-teal);display:inline-flex;font-size:var(--text-xs);font-weight:600;gap:var(--space-2);letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.blog-hero__eyebrow:before{background:var(--color-teal);border-radius:2px;content:"";display:block;height:2px;width:18px}.blog-hero__title{color:var(--color-navy);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));letter-spacing:-.03em;line-height:1.15;margin-bottom:var(--space-5)}.blog-hero__subtitle{color:var(--color-muted);font-size:var(--text-lg);line-height:1.7;margin-bottom:var(--space-8);max-width:520px}.blog-hero__search{max-width:500px}.blog-hero__visual{align-items:center;display:flex;justify-content:center;min-height:280px;position:relative}.blog-hero__blob{animation:blob-morph 8s ease-in-out infinite;background:radial-gradient(ellipse at 60% 40%,var(--grad-pink) 0,var(--grad-purple) 40%,var(--grad-blue) 80%);border-radius:60% 40% 55% 45%/45% 55% 45% 55%;filter:blur(2px);inset:0;opacity:.55;position:absolute}@keyframes blob-morph{0%{border-radius:60% 40% 55% 45%/45% 55% 45% 55%}33%{border-radius:45% 55% 40% 60%/60% 40% 55% 45%}66%{border-radius:55% 45% 60% 40%/40% 60% 50% 50%}to{border-radius:60% 40% 55% 45%/45% 55% 45% 55%}}.blog-hero__blob-inner{padding:var(--space-8);position:relative;text-align:center;z-index:1}.blog-hero__blob-icon{align-items:center;display:flex;font-size:0;justify-content:center;margin:0 auto}.blog-hero__blob-icon img{height:150px;opacity:.8;width:150px}.blog-hero__blob-text{color:var(--color-navy);font-size:var(--text-sm);font-weight:600;opacity:.7}.blog-hero:before{background:radial-gradient(circle,var(--grad-pink) 0,transparent 70%);content:"";height:600px;opacity:.3;pointer-events:none;position:absolute;right:-150px;top:-100px;width:600px}.category-filter{background:#fff;border-bottom:1px solid var(--color-border);padding:var(--space-6) 0}.category-filter__scroll{align-items:center;display:flex;gap:var(--space-2);overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:2px;scrollbar-width:none}.category-filter__scroll::-webkit-scrollbar{display:none}.category-pill{align-items:center;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-pill);color:var(--color-muted);display:inline-flex;flex-shrink:0;font-size:var(--text-sm);font-weight:500;padding:6px 16px;text-decoration:none;transition:all var(--transition-base);white-space:nowrap}.category-pill:hover{background:var(--color-bg-blue);border-color:var(--color-blue);color:var(--color-blue)}.category-pill--active{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}.category-pill--active:hover{background:var(--color-dark-btn);border-color:var(--color-dark-btn);color:var(--color-white)}.featured-article{padding:var(--space-12) 0}.featured-article__label{align-items:center;color:var(--color-muted);display:flex;font-size:var(--text-xs);font-weight:700;gap:var(--space-3);letter-spacing:.1em;margin-bottom:var(--space-5);text-transform:uppercase}.featured-article__label:after{background:var(--color-border);content:"";flex:1;height:1px}.featured-article__card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-xl);display:grid;grid-template-columns:1fr;overflow:hidden;text-decoration:none;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}@media (min-width:768px){.featured-article__card{grid-template-columns:1fr 1fr}}.featured-article__card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.featured-article__img-wrap{aspect-ratio:16/9;background:var(--color-bg-blue);overflow:hidden}.featured-article__img-wrap img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.featured-article__card:hover .featured-article__img-wrap img{transform:scale(1.03)}.featured-article__body{display:flex;flex-direction:column;justify-content:center;padding:var(--space-8) var(--space-10)}.featured-article__category,.featured-article__title{margin-bottom:var(--space-4)}.featured-article__title{color:var(--color-navy);font-size:clamp(var(--text-xl),2.5vw,var(--text-3xl));letter-spacing:-.02em;line-height:1.3}.featured-article__excerpt{color:var(--color-muted);display:-webkit-box;font-size:var(--text-base);-webkit-line-clamp:3;line-height:1.7;margin-bottom:var(--space-6);-webkit-box-orient:vertical;overflow:hidden}.featured-article__meta{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-3)}.blog-grid{padding:var(--space-12) 0}.blog-grid__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--space-8)}.blog-grid__title{color:var(--color-navy);font-size:var(--text-2xl)}.blog-grid__grid{display:grid;gap:var(--space-6);grid-template-columns:1fr}@media (min-width:640px){.blog-grid__grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.blog-grid__grid{grid-template-columns:repeat(3,1fr)}}.blog-grid__load-more{margin-top:var(--space-10);text-align:center}.article-card{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;overflow:hidden;text-decoration:none;transition:transform var(--transition-smooth),box-shadow var(--transition-smooth)}.article-card:hover{box-shadow:var(--shadow-card-hover);transform:translateY(-2px)}.article-card__img{aspect-ratio:16/9;background:var(--color-bg-blue);flex-shrink:0;overflow:hidden}.article-card__img img{height:100%;object-fit:cover;transition:transform .35s ease;width:100%}.article-card:hover .article-card__img img{transform:scale(1.04)}.article-card__img--placeholder{align-items:center;background:linear-gradient(135deg,var(--color-bg-blue) 0,var(--grad-purple) 60%,var(--grad-pink) 100%);display:flex;font-size:36px;justify-content:center;opacity:.7}.article-card__body{display:flex;flex:1;flex-direction:column;padding:var(--space-5)}.article-card__category,.article-card__title{margin-bottom:var(--space-3)}.article-card__title{color:var(--color-navy);display:-webkit-box;font-size:var(--text-lg);font-weight:700;-webkit-line-clamp:2;line-height:1.35;-webkit-box-orient:vertical;letter-spacing:-.02em;overflow:hidden}.article-card:hover .article-card__title{color:var(--color-blue)}.article-card__excerpt{color:var(--color-muted);display:-webkit-box;flex:1;font-size:var(--text-sm);-webkit-line-clamp:3;line-height:1.65;-webkit-box-orient:vertical;margin-bottom:var(--space-5);overflow:hidden}.article-card__footer{border-top:1px solid var(--color-border);color:var(--color-muted);gap:var(--space-3);padding-top:var(--space-4)}.article-card__footer,.article-card__read-more{align-items:center;display:flex;font-size:var(--text-xs)}.article-card__read-more{color:var(--color-blue);font-weight:600;gap:4px;margin-left:auto}.newsletter-section{padding:var(--space-16) 0}.newsletter-section__inner{background:linear-gradient(135deg,var(--grad-pink) 0,var(--grad-purple) 50%,var(--grad-blue) 100%);border-radius:var(--radius-xl);overflow:hidden;padding:var(--space-12) var(--space-8);position:relative;text-align:center}.newsletter-section__inner:before{background:hsla(0,0%,100%,.15);border-radius:50%;content:"";height:200px;left:-60px;pointer-events:none;position:absolute;top:-60px;width:200px}.newsletter-section__inner:after{background:hsla(0,0%,100%,.1);border-radius:50%;bottom:-80px;content:"";height:280px;pointer-events:none;position:absolute;right:-80px;width:280px}.newsletter-section__eyebrow{color:var(--color-navy);font-size:var(--text-xs);font-weight:700;letter-spacing:.12em;margin-bottom:var(--space-3);opacity:.6;text-transform:uppercase}.newsletter-section__title{color:var(--color-navy);font-size:clamp(var(--text-2xl),4vw,var(--text-4xl));letter-spacing:-.03em;line-height:1.2;margin-bottom:var(--space-4);position:relative;z-index:1}.newsletter-section__subtitle{color:var(--color-dark-btn);font-size:var(--text-base);line-height:1.7;margin:0 auto var(--space-8);max-width:500px;opacity:.85;position:relative;z-index:1}.newsletter-form{display:flex;flex-direction:column;gap:var(--space-3);margin:0 auto;max-width:440px;position:relative;z-index:1}@media (min-width:640px){.newsletter-form{flex-direction:row}}.newsletter-form__input{background:hsla(0,0%,100%,.85);border:1.5px solid rgba(20,48,84,.2);border-radius:var(--radius-md);color:var(--color-body);flex:1;font-size:var(--text-base);outline:none;padding:12px 16px;transition:all var(--transition-base)}.newsletter-form__input:focus{background:var(--color-white);border-color:var(--color-blue);box-shadow:0 0 0 3px rgba(57,95,194,.15)}.newsletter-form__input::placeholder{color:var(--color-muted)}.newsletter-form__btn{background:var(--color-navy);border:1.5px solid var(--color-navy);border-radius:var(--radius-md);color:var(--color-white);cursor:pointer;flex-shrink:0;font-size:var(--text-sm);font-weight:600;padding:12px 24px;transition:all var(--transition-smooth);white-space:nowrap}.newsletter-form__btn:hover{background:var(--color-dark-btn);border-color:var(--color-dark-btn);box-shadow:var(--shadow-md);transform:translateY(-1px)}.newsletter-form__privacy{color:var(--color-dark-btn);font-size:var(--text-xs);margin-top:var(--space-2);opacity:.6;position:relative;z-index:1}.blog-post{padding:var(--space-8) 0 var(--space-16)}.blog-post__back{align-items:center;color:var(--color-muted);display:inline-flex;font-size:var(--text-sm);font-weight:500;gap:var(--space-2);margin-bottom:var(--space-8);text-decoration:none;transition:color var(--transition-base)}.blog-post__back:hover{color:var(--color-navy)}.blog-post__back svg{height:16px;transition:transform var(--transition-base);width:16px}.blog-post__back:hover svg{transform:translateX(-3px)}.blog-post__header{margin-bottom:var(--space-8);max-width:var(--max-width-post)}.blog-post__category,.blog-post__title{margin-bottom:var(--space-5)}.blog-post__title{color:var(--color-navy);font-size:clamp(var(--text-3xl),5vw,var(--text-5xl));letter-spacing:-.03em;line-height:1.15}.blog-post__meta{margin-bottom:var(--space-8)}.blog-post__featured-img{aspect-ratio:16/9;background:var(--color-bg-blue);border-radius:var(--radius-xl);margin-bottom:var(--space-10);max-width:900px;overflow:hidden;width:100%}.blog-post__featured-img img{height:100%;object-fit:cover;width:100%}.blog-post__layout{align-items:start;display:grid;gap:var(--space-12);grid-template-columns:1fr}@media (min-width:1024px){.blog-post__layout{grid-template-columns:minmax(0,1fr) var(--sidebar-width)}}.post-content{color:var(--color-body);font-size:var(--text-lg);line-height:1.8;max-width:var(--max-width-post)}.post-content h2{border-top:1px solid var(--color-border);color:var(--color-navy);font-size:var(--text-3xl);letter-spacing:-.02em;margin-bottom:var(--space-4);margin-top:var(--space-12);padding-top:var(--space-4)}.post-content h3{color:var(--color-navy);font-size:var(--text-xl);letter-spacing:-.01em;margin-bottom:var(--space-3);margin-top:var(--space-8)}.post-content h4{color:var(--color-navy);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-2);margin-top:var(--space-6)}.post-content p{color:var(--color-body);margin-bottom:var(--space-5)}.post-content a{color:var(--color-blue);text-decoration:underline;text-decoration-color:rgba(57,95,194,.3);text-underline-offset:3px;transition:text-decoration-color var(--transition-base)}.post-content a:hover{text-decoration-color:var(--color-blue)}.post-content ol,.post-content ul{margin-bottom:var(--space-5);padding-left:var(--space-6)}.post-content ul{list-style:disc}.post-content ol{list-style:decimal}.post-content li{line-height:1.75;margin-bottom:var(--space-2)}.post-content blockquote{background:var(--color-bg-teal);border-left:4px solid var(--color-teal);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-navy);font-size:var(--text-xl);font-style:italic;line-height:1.6;margin:var(--space-8) 0;padding:var(--space-5) var(--space-6)}.post-content blockquote p{color:var(--color-navy);margin:0}.post-content code{background:var(--color-bg-light);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-navy);font-family:var(--font-mono);font-size:.875em;padding:2px 6px}.post-content pre{background:#1e293b;border-radius:var(--radius-md);color:#e2e8f0;font-size:var(--text-sm);line-height:1.7;margin:var(--space-6) 0;overflow-x:auto;padding:var(--space-6)}.post-content pre code{background:none;border:none;color:inherit;font-size:inherit;padding:0}.post-content img{border-radius:var(--radius-md);margin:var(--space-6) 0;width:100%}.post-content table{border-collapse:collapse;font-size:var(--text-sm);margin:var(--space-6) 0;width:100%}.post-content th{background:var(--color-navy);color:var(--color-white);font-weight:600;text-align:left}.post-content td,.post-content th{padding:var(--space-3) var(--space-4)}.post-content td{border-bottom:1px solid var(--color-border);color:var(--color-body)}.post-content tr:hover td{background:var(--color-bg-light)}.post-sidebar{display:flex;flex-direction:column;gap:var(--space-6);position:sticky;top:calc(64px + var(--space-6))}.sidebar-widget{background:var(--color-white);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.sidebar-widget__title{color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.share-buttons{display:flex;gap:var(--space-3)}.share-btn{align-items:center;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-muted);display:inline-flex;height:38px;justify-content:center;text-decoration:none;transition:all var(--transition-base);width:38px}.share-btn:hover{background:var(--color-bg-blue);border-color:var(--color-blue);color:var(--color-blue);transform:translateY(-1px)}.share-btn svg{height:16px;width:16px}.toc-list{display:flex;flex-direction:column;gap:2px}.toc-item,.toc-link{display:block}.toc-link{border-left:2px solid transparent;color:var(--color-muted);font-size:var(--text-sm);line-height:1.4;padding:5px var(--space-3);text-decoration:none;transition:all var(--transition-base)}.toc-link:hover{border-left-color:var(--color-border);color:var(--color-navy)}.toc-link--active{background:var(--color-bg-blue);border-left-color:var(--color-blue);border-radius:0 var(--radius-sm) var(--radius-sm) 0;color:var(--color-blue);font-weight:500}.toc-link--h3{font-size:var(--text-xs);padding-left:var(--space-6)}.comment-section{border-top:1px solid var(--color-border);margin-top:var(--space-16);max-width:var(--max-width-post);padding-top:var(--space-10)}.comment-section__header{margin-bottom:var(--space-8)}.comment-section__title{color:var(--color-navy);font-size:var(--text-2xl);margin-bottom:var(--space-2)}.comment-section__subtitle{color:var(--color-muted);font-size:var(--text-base)}.comment-form{background:var(--color-bg-light);border-radius:var(--radius-lg);padding:var(--space-6)}.comment-form__grid{display:grid;gap:var(--space-4);grid-template-columns:1fr}@media (min-width:640px){.comment-form__grid{grid-template-columns:1fr 1fr}}.comment-form__grid .form-group:last-of-type{grid-column:1/-1}.comment-form__submit{margin-top:var(--space-4)}.post-tags{align-items:center;border-top:1px solid var(--color-border);display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-10);padding-top:var(--space-6)}.post-tags__label{color:var(--color-muted);font-size:var(--text-sm);font-weight:600;margin-right:var(--space-2)}.related-articles{border-top:1px solid var(--color-border);margin-top:var(--space-12);padding-top:var(--space-8)}.related-articles__title{color:var(--color-muted);font-size:var(--text-xs);font-weight:700;letter-spacing:.1em;margin-bottom:var(--space-4);text-transform:uppercase}.related-articles__list{display:flex;flex-direction:column;gap:var(--space-4)}.related-article-item{align-items:center;border-radius:var(--radius-md);display:grid;gap:var(--space-3);grid-template-columns:64px 1fr;padding:var(--space-3);text-decoration:none;transition:background var(--transition-base)}.related-article-item:hover{background:var(--color-bg-light)}.related-article-item__img{background:var(--color-bg-blue);border-radius:var(--radius-sm);flex-shrink:0;height:48px;overflow:hidden;width:64px}.related-article-item__img img{height:100%;object-fit:cover;width:100%}.related-article-item__title{color:var(--color-navy);display:-webkit-box;font-size:var(--text-sm);font-weight:600;-webkit-line-clamp:2;line-height:1.4;-webkit-box-orient:vertical;overflow:hidden}.related-article-item:hover .related-article-item__title{color:var(--color-blue)}.related-article-item__date{color:var(--color-muted);font-size:var(--text-xs);margin-top:var(--space-1)}.reading-progress{background:linear-gradient(90deg,var(--color-teal) 0,var(--color-blue) 100%);height:3px;left:0;position:fixed;top:0;transition:width .1s linear;width:0;z-index:200}.author-card{align-items:flex-start;background:var(--color-bg-light);border-radius:var(--radius-lg);display:flex;gap:var(--space-5);margin-top:var(--space-10);padding:var(--space-6)}.author-card__avatar{background:var(--color-bg-blue);border-radius:50%;flex-shrink:0;height:56px;object-fit:cover;width:56px}.author-card__name{color:var(--color-navy);font-size:var(--text-base);font-weight:700;margin-bottom:var(--space-1)}.author-card__role{color:var(--color-muted);font-size:var(--text-sm);margin-bottom:var(--space-3)}.author-card__bio{color:var(--color-body);font-size:var(--text-sm);line-height:1.7}.blog-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-2);justify-content:center;margin-top:var(--space-10)}.blog-pagination__btn,.blog-pagination__num{align-items:center;background:var(--color-white);border:1.5px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-navy);display:inline-flex;font-size:var(--text-sm);font-weight:600;height:40px;justify-content:center;min-width:40px;padding:0 var(--space-3);transition:all var(--transition-base)}.blog-pagination__btn:hover,.blog-pagination__num:hover{border-color:var(--color-blue);color:var(--color-blue)}.blog-pagination__num--active{background:var(--color-navy);border-color:var(--color-navy);color:var(--color-white)}body{background:#f4f5f9}