.blog-page{background:var(--bg);min-height:60vh}.blog-header{background:var(--bg);text-align:center;padding:96px 0 56px}.blog-header__title{font-family:var(--font-poppins), sans-serif;color:var(--charcoal);margin:0 0 16px;font-size:48px;font-weight:600;line-height:64px}.blog-header__subtitle{font-family:var(--font-inter), sans-serif;color:var(--text);max-width:640px;margin:0 auto;font-size:18px;line-height:32px}.blog-body{padding-top:8px;padding-bottom:80px}.featured-wrap{margin-bottom:64px}.featured-chip{font-family:var(--font-inter), sans-serif;color:var(--charcoal);background:#fff;border-radius:10px;align-items:center;gap:8px;margin-bottom:16px;padding:8px 14px;font-size:14px;font-weight:500;line-height:20px;display:inline-flex;box-shadow:0 1px 2px #0f171f0a,0 4px 12px #0f171f0a}.featured-chip__star{color:var(--lime,#9cff7a);flex-shrink:0}.featured-card{color:inherit;background:#fff;border-radius:20px;padding:16px 16px 32px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:block;box-shadow:0 1px 2px #0f171f0a,0 4px 16px #0f171f0a}.featured-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0f171f14}.featured-card__image{aspect-ratio:16/6;background:var(--gray-2,#edeff1);border-radius:12px;width:100%;margin-bottom:24px;overflow:hidden}.featured-card__img{object-fit:cover;width:100%;height:100%;display:block}.featured-card__image-placeholder{background:linear-gradient(135deg, var(--border) 0%, #e2e7ed 100%);width:100%;height:100%}.featured-card__content{flex-direction:column;gap:16px;padding:0 24px;display:flex}.featured-card__date{font-family:var(--font-inter), sans-serif;color:var(--text-muted);margin:0;font-size:14px;line-height:20px}.featured-card__title{font-family:var(--font-poppins), sans-serif;color:var(--charcoal);margin:0;font-size:32px;font-weight:700;line-height:48px}.featured-card__excerpt{font-family:var(--font-inter), sans-serif;color:var(--text-muted);max-width:720px;margin:0;font-size:16px;line-height:24px}.blog-layout{grid-template-columns:200px 1fr;align-items:start;gap:48px;display:grid}.blog-sidebar{flex-direction:column;display:flex;position:sticky;top:96px}.blog-filters{flex-direction:column;align-items:flex-start;gap:10px;margin:0;padding:0;list-style:none;display:flex}.blog-filter-btn{text-align:left;font-family:var(--font-poppins), sans-serif;color:var(--blue,#0047ff);cursor:pointer;white-space:nowrap;background:#eef2ff;border:1px solid #0000;border-radius:999px;padding:8px 10px;font-size:12px;font-weight:600;line-height:16px;transition:color .15s,background .15s,border-color .15s;display:inline-block}.blog-filter-btn:hover{background:#dde4fb}.blog-filter-btn--active{color:var(--charcoal);border-color:var(--charcoal);background:#fff}.blog-filter-btn--active:hover{background:#fff}.blog-main{min-width:0}.blog-search{margin-bottom:32px;position:relative}.blog-search__icon{color:var(--text-muted);pointer-events:none;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.blog-search__input{border:1px solid var(--border);width:100%;height:44px;font-family:var(--font-inter), sans-serif;color:var(--text);background:#fff;border-radius:12px;padding:0 16px 0 44px;font-size:14px;line-height:20px;transition:border-color .15s,box-shadow .15s}.blog-search__input::placeholder{color:var(--text-muted)}.blog-search__input:focus{border-color:var(--charcoal);outline:none;box-shadow:0 0 0 3px #0f171f14}.post-list{flex-direction:column;gap:16px;display:flex}.post-card{border:1px solid var(--border);color:inherit;background:#fff;border-radius:16px;grid-template-columns:1fr 320px;align-items:center;gap:24px;padding:24px;text-decoration:none;transition:box-shadow .2s,transform .2s;display:grid}.post-card:hover{transform:translateY(-2px);box-shadow:0 8px 32px #0f171f14}.post-card__content{flex-direction:column;gap:10px;min-width:0;display:flex}.post-card__date{font-family:var(--font-inter), sans-serif;color:var(--text-muted);margin:0;font-size:14px;line-height:20px}.post-card__title{font-family:var(--font-poppins), sans-serif;color:var(--charcoal);margin:0;font-size:20px;font-weight:600;line-height:28px}.post-card__image{aspect-ratio:4/3;background:var(--gray-2,#edeff1);border-radius:12px;width:100%;overflow:hidden}.post-card__img{object-fit:cover;width:100%;height:100%;display:block}.post-card__image-placeholder{background:linear-gradient(135deg, var(--border) 0%, #e2e7ed 100%);width:100%;height:100%}.post-category-list{flex-wrap:wrap;gap:6px;display:flex}.post-category{font-family:var(--font-poppins), sans-serif;border-radius:999px;width:fit-content;padding:8px 10px;font-size:12px;font-weight:600;line-height:16px;display:inline-block}.blog-load-more{justify-content:center;margin-top:48px;display:flex}.blog-empty{text-align:center;font-family:var(--font-inter), sans-serif;color:var(--text-muted);padding:64px 0}@media (max-width:1024px){.blog-layout{grid-template-columns:180px 1fr;gap:32px}.post-card{grid-template-columns:1fr 240px;gap:20px}.blog-header__title{font-size:40px;line-height:56px}}@media (max-width:799px){.blog-header{padding:64px 0 40px}.blog-header__title{font-size:32px;line-height:48px}.featured-wrap{margin-bottom:40px}.featured-card{padding:12px 12px 24px}.featured-card__image{aspect-ratio:16/9;margin-bottom:16px}.featured-card__content{padding:0 16px}.blog-layout{grid-template-columns:1fr;gap:32px}.blog-sidebar{position:static}.blog-filters{flex-flow:wrap}.blog-filter-btn{width:auto}.post-card{grid-template-columns:1fr;gap:16px;padding:20px}.post-card__image{aspect-ratio:16/9;order:-1}.post-card__title{font-size:18px}}
