.blog-module__JsT-Oq__page{background:var(--surface-container-low);min-height:100vh;padding:40px 0 80px}.blog-module__JsT-Oq__container{max-width:var(--container-max);padding:0 var(--margin-x);margin:0 auto}.blog-module__JsT-Oq__header{text-align:center;margin-bottom:48px;animation:.6s ease-out blog-module__JsT-Oq__fadeIn}.blog-module__JsT-Oq__title{color:var(--primary);letter-spacing:-.02em;margin-bottom:12px;font-size:48px;font-weight:800}.blog-module__JsT-Oq__subtitle{color:var(--on-surface-variant);max-width:600px;margin:0 auto;font-size:18px}.blog-module__JsT-Oq__categories{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:48px;display:flex}.blog-module__JsT-Oq__categoryBtn{border-radius:var(--rounded-full);border:1px solid var(--outline-variant);color:var(--on-surface-variant);transition:all var(--transition-fast);cursor:pointer;background:#fff;padding:10px 24px;font-size:14px;font-weight:600}.blog-module__JsT-Oq__categoryBtn:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-1px)}.blog-module__JsT-Oq__categoryBtn.blog-module__JsT-Oq__active{background:var(--primary);color:#fff;border-color:var(--primary)}.blog-module__JsT-Oq__featuredSection{margin-bottom:64px;animation:.8s ease-out blog-module__JsT-Oq__fadeInUp}.blog-module__JsT-Oq__featuredCard{border-radius:var(--rounded-xl);box-shadow:var(--shadow-lg);transition:transform var(--transition-base);color:inherit;background:#fff;grid-template-columns:1.2fr 1fr;text-decoration:none;display:grid;overflow:hidden}.blog-module__JsT-Oq__featuredCard:hover{transform:translateY(-4px)}.blog-module__JsT-Oq__featuredImage{background:var(--primary-fixed);min-height:400px;position:relative}.blog-module__JsT-Oq__placeholderImg{background:linear-gradient(135deg, var(--primary-container), var(--surface-tint));justify-content:center;align-items:center;font-size:80px;display:flex;position:absolute;inset:0}.blog-module__JsT-Oq__featuredContent{flex-direction:column;justify-content:center;padding:48px;display:flex}.blog-module__JsT-Oq__postCategory{background:var(--secondary-container);color:var(--on-secondary-container);border-radius:var(--rounded-sm);text-transform:uppercase;width:fit-content;margin-bottom:16px;padding:4px 12px;font-size:12px;font-weight:700;display:inline-block}.blog-module__JsT-Oq__featuredTitle{color:var(--on-surface);margin-bottom:16px;font-size:36px;font-weight:700;line-height:1.2}.blog-module__JsT-Oq__featuredExcerpt{color:var(--on-surface-variant);margin-bottom:32px;font-size:18px;line-height:1.6}.blog-module__JsT-Oq__postMeta{color:var(--outline);align-items:center;gap:16px;font-size:14px;display:flex}.blog-module__JsT-Oq__postAuthor{color:var(--on-surface);font-weight:600}.blog-module__JsT-Oq__grid{grid-template-columns:repeat(3,1fr);gap:32px;animation:1s ease-out blog-module__JsT-Oq__fadeInUp;display:grid}.blog-module__JsT-Oq__postCard{border-radius:var(--rounded-lg);box-shadow:var(--shadow-sm);transition:all var(--transition-base);color:inherit;background:#fff;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.blog-module__JsT-Oq__postCard:hover{box-shadow:var(--shadow-xl);transform:translateY(-8px)}.blog-module__JsT-Oq__postImage{background:var(--surface-container-high);height:200px;position:relative}.blog-module__JsT-Oq__placeholderImgSmall{background:var(--surface-container);justify-content:center;align-items:center;font-size:40px;display:flex;position:absolute;inset:0}.blog-module__JsT-Oq__postContent{flex-direction:column;flex:1;padding:24px;display:flex}.blog-module__JsT-Oq__postTitle{color:var(--on-surface);margin-bottom:12px;font-size:20px;font-weight:700;line-height:1.4}.blog-module__JsT-Oq__postExcerpt{color:var(--on-surface-variant);flex:1;margin-bottom:24px;font-size:14px;line-height:1.6}.blog-module__JsT-Oq__empty{text-align:center;color:var(--outline);padding:80px 0;font-size:18px}@keyframes blog-module__JsT-Oq__fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blog-module__JsT-Oq__fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.blog-module__JsT-Oq__grid{grid-template-columns:repeat(2,1fr)}.blog-module__JsT-Oq__featuredCard{grid-template-columns:1fr}.blog-module__JsT-Oq__featuredImage{min-height:300px}.blog-module__JsT-Oq__featuredContent{padding:32px}}@media (max-width:640px){.blog-module__JsT-Oq__grid{grid-template-columns:1fr}.blog-module__JsT-Oq__title{font-size:32px}.blog-module__JsT-Oq__featuredTitle{font-size:24px}}