.blog-page{background:var(--bg-alt);padding:90px 0 50px}.blog-page.section{padding:90px 0 50px}.blog-page__header{text-align:center}.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:2rem;padding-bottom:1.75rem}.blog-filter__row{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.blog-search{flex-shrink:0;width:280px;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;flex:1;align-items:center;gap:.625rem;display:flex}.blog-categories__chip{border:1.5px solid var(--border);color:var(--text-light);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#fff;border-radius:100px;flex-shrink:0;padding:.55rem 1.35rem;font-size:.875rem;font-weight:500}.blog-categories__chip:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.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;background:var(--primary-dark)}.blog-articles.section{background:var(--bg-alt);padding-top:2rem;padding-bottom:5rem}.blog-articles__header{align-items:baseline;gap:1rem;margin-bottom:2rem;display:flex}.blog-articles__title{color:var(--secondary);text-transform:capitalize;font-size:1.5rem;font-weight:700}.blog-articles__count{color:var(--text-lighter);font-size:.875rem}.blog-articles__grid{grid-template-columns:repeat(3,1fr);gap:1.75rem;display:grid}.blog-card{border:1px solid var(--border);background:#fff;border-radius:16px;flex-direction:column;transition:box-shadow .3s,transform .3s;display:flex;overflow:hidden}.blog-card:hover{transform:translateY(-3px);box-shadow:0 12px 32px -4px #0000001f}.blog-card__image{background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 100%);flex-shrink:0;height:196px;position:relative;overflow:hidden}.blog-card__image-placeholder{background:linear-gradient(135deg,#dbeafe 0%,#ede9fe 60%,#fce7f3 100%);position:absolute;inset:0}.blog-card__image img{transition:transform .45s}.blog-card:hover .blog-card__image img{transform:scale(1.06)}.blog-card__category-badge{text-transform:capitalize;letter-spacing:.01em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:100px;padding:.28rem .75rem;font-size:.72rem;font-weight:600;position:absolute;bottom:.75rem;left:.875rem}.blog-card__body{flex-direction:column;flex:1;gap:.75rem;padding:1.375rem 1.5rem 1.5rem;display:flex}.blog-card__title{color:var(--secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:1.05rem;font-weight:700;line-height:1.45;transition:color .2s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card__title{color:var(--primary)}.blog-card__excerpt{color:var(--text-light);-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.875rem;line-height:1.65;display:-webkit-box;overflow:hidden}.blog-card__meta{border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.75rem;padding-top:.75rem;display:flex}.blog-card__meta-item{color:var(--text-lighter);align-items:center;gap:.35rem;font-size:.8rem;display:flex}.blog-card__link{color:var(--primary);align-items:center;gap:.35rem;margin-top:.125rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:gap .2s,color .2s;display:inline-flex}.blog-card__link:hover{color:var(--primary-dark);gap:.6rem}.blog-pagination{justify-content:center;align-items:center;gap:.5rem;margin-top:3.5rem;display:flex}.blog-pagination__btn{border:1.5px solid var(--border);width:40px;height:40px;color:var(--text-light);cursor:pointer;transition:var(--transition);background:#fff;border-radius:10px;justify-content:center;align-items:center;font-size:1.1rem;display:flex}.blog-pagination__btn:hover:not(:disabled){border-color:var(--primary);color:var(--primary);background:#eff6ff}.blog-pagination__btn:disabled{opacity:.35;cursor:not-allowed}.blog-pagination__pages{align-items:center;gap:.35rem;display:flex}.blog-pagination__page{border:1.5px solid var(--border);width:40px;height:40px;color:var(--text-light);cursor:pointer;transition:var(--transition);background:#fff;border-radius:10px;font-size:.9rem;font-weight:500}.blog-pagination__page:hover{border-color:var(--primary);color:var(--primary);background:#eff6ff}.blog-pagination__page--active{background:var(--primary);border-color:var(--primary);color:#fff;font-weight:600;box-shadow:0 4px 12px #2563eb40}.blog-pagination__page--active:hover{background:var(--primary-dark);border-color:var(--primary-dark);color:#fff}.blog-page__empty{text-align:center;color:var(--text-light);padding:5rem 0;font-size:1.05rem}@media (max-width:960px){.blog-articles__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.blog-articles__grid{grid-template-columns:1fr}.blog-articles.section{padding-bottom:3.5rem}.blog-filter__row{flex-direction:column;align-items:stretch;gap:.875rem}.blog-search{width:100%}.blog-categories__wrapper{-webkit-overflow-scrolling:touch;flex-wrap:nowrap;padding-bottom:.5rem;overflow-x:auto}.blog-card__image{height:180px}}
