.blog-page{background:linear-gradient(135deg,#ffffffeb 0%,#f8fafce6 50%,#fffffff2 100%),url(https://images.unsplash.com/photo-1557683316-973673baf926?w=1600&q=80) 50%/cover no-repeat;padding-top:8rem;padding-bottom:3rem;position:relative;overflow:hidden}.blog-page:before{content:"";pointer-events:none;background:radial-gradient(circle at 20%,#2563eb14 0%,#0000 50%),radial-gradient(circle at 80% 30%,#06b6d40f 0%,#0000 50%);position:absolute;inset:0}.blog-page.section{padding-bottom:2.5rem}.blog-page__header{text-align:center;z-index:1;position:relative}.blog-page__desc{max-width:540px;color:var(--text-light);margin:1rem auto 0;font-size:1.05rem;line-height:1.75}.blog-filter.section{padding-top:2.5rem;padding-bottom:2rem}.blog-search{max-width:560px;margin:0 auto 1.5rem;position:relative}.blog-search__icon{color:var(--text-lighter);pointer-events:none;font-size:1rem;position:absolute;top:50%;left:1.1rem;transform:translateY(-50%)}.blog-search__input{border:1.5px solid var(--border);width:100%;color:var(--text);transition:var(--transition);box-shadow:var(--shadow-sm);background:#fff;border-radius:50px;padding:.875rem 2.75rem;font-size:.95rem}.blog-search__input::placeholder{color:var(--text-lighter)}.blog-search__input:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #2563eb1a}.blog-search__clear{background:var(--bg-alt);color:var(--text-light);cursor:pointer;width:26px;height:26px;transition:var(--transition);border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;right:1rem;transform:translateY(-50%)}.blog-search__clear:hover{background:var(--border);color:var(--text)}.blog-categories__wrapper{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.blog-categories__chip{border:1.5px solid var(--border);color:var(--text);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;border-radius:100px;flex-shrink:0;padding:.65rem 1.5rem;font-size:.875rem;font-weight:500}.blog-categories__chip:hover{border-color:var(--primary);color:var(--primary);box-shadow:var(--shadow-sm)}.blog-categories__chip--active{background:var(--primary);color:#fff;border-color:var(--primary);box-shadow:0 4px 12px #2563eb40}.blog-categories__chip--active:hover{color:#fff}.blog-articles.section{padding-top:0;padding-bottom:4rem}.blog-articles__title{color:var(--secondary);margin-bottom:.5rem;font-size:1.75rem;font-weight:700}.blog-articles__subtitle{color:var(--text-light);max-width:600px;margin-bottom:2.5rem;font-size:1rem}.blog-articles__grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.blog-article-card{border:1px solid var(--border);border-radius:var(--radius);color:inherit;background:#fff;flex-direction:column;text-decoration:none;transition:box-shadow .3s,transform .3s;display:flex;overflow:hidden}.blog-article-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.blog-article-card__image{background:linear-gradient(135deg,#e0e7ff 0%,#dbeafe 100%);height:200px;position:relative;overflow:hidden}.blog-article-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-article-card:hover .blog-article-card__image img{transform:scale(1.05)}.blog-article-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1.25rem 1.5rem 1.5rem;display:flex}.blog-article-card__category{color:#7c3aed;text-transform:capitalize;background:#ede9fe;border-radius:100px;width:fit-content;padding:.25rem .85rem;font-size:.75rem;font-weight:600;display:inline-block}.blog-article-card__title{color:var(--secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.1rem;font-weight:700;line-height:1.45;display:-webkit-box;overflow:hidden}.blog-article-card__meta{color:var(--text-light);flex-wrap:wrap;align-items:center;gap:.85rem;margin-top:auto;font-size:.815rem;display:flex}.blog-article-card__meta span{align-items:center;gap:.35rem;display:flex}.blog-page__loading,.blog-page__empty{text-align:center;color:var(--text-light);padding:5rem 0;font-size:1.05rem}@media (max-width:900px){.blog-articles__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-articles__grid{grid-template-columns:1fr}.blog-categories__wrapper{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;padding-bottom:.5rem;overflow-x:auto}}