.blog-hero[data-astro-cid-iu23a4et]{padding-block:var(--size-10);background:#fff;& .hero-grid{align-items:start;gap:var(--size-8);grid-template-columns:1fr 44rem;display:grid}& .hero-content{gap:var(--size-3);flex-direction:column;display:flex;& .tagline{color:var(--clr-secondary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);letter-spacing:.12em;text-transform:uppercase}& h1{color:var(--clr-primary-900);font-size:var(--fs-800);letter-spacing:.052rem;line-height:1.2;& .accent-underline{text-decoration:underline;text-decoration-color:var(--clr-secondary-900);text-underline-offset:.2em;text-decoration-thickness:2px}}& .description{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400);max-width:56ch}& .subtext{color:var(--clr-primary-700);font-size:var(--fs-400);line-height:var(--lh-400)}& .filter-pills{gap:var(--size-1);flex-wrap:wrap;margin-block-start:var(--size-1);display:flex;& .pill{color:var(--clr-primary-700);cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);background:0 0;border:1px solid #00000026;border-radius:99px;padding-block:.6rem;padding-inline:1.6rem;transition:background .15s,color .15s,border-color .15s;&.active,&:hover{background:var(--clr-primary-900);border-color:var(--clr-primary-900);color:#fff}}}}& .featured-card{background:var(--clr-primary-900);border-radius:var(--border-radius-card);flex-direction:column;text-decoration:none;transition:box-shadow .2s;display:flex;overflow:hidden;&:hover{box-shadow:0 8px 32px #050f2866}& .card-image{aspect-ratio:600/320;background:#ffffff0d;position:relative;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;display:block}& .img-placeholder{background:#ffffff12;width:100%;height:100%}& .badge-new{background:var(--clr-secondary-900);color:#fff;font-size:var(--fs-300);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;border-radius:.4rem;padding-block:.3rem;padding-inline:.8rem;position:absolute;top:1.2rem;left:1.2rem}}& .card-body{gap:var(--size-1);padding:var(--size-3);flex-direction:column;display:flex;& .card-meta{color:#ffffff8c;font-size:var(--fs-300);line-height:var(--lh-400);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex;& .dot{color:#ffffff4d}}& .card-title{color:var(--clr-neutral-100);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);margin-block:.4rem 0;line-height:1.3}& .card-excerpt{color:#ffffffa6;font-size:var(--fs-400);line-height:var(--lh-400)}& .card-link{color:var(--clr-secondary-800);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);margin-block-start:var(--size-1)}}}@media (width<=1024px){& .hero-grid{grid-template-columns:1fr}& .featured-card{max-width:60rem}}@media (width<=768px){padding-block:var(--size-8);& .hero-content h1{font-size:var(--fs-700)}}}.blog-categories[data-astro-cid-penghxdc]{background:var(--clr-primary-900);padding-block:var(--size-10);& .section-header{text-align:center;align-items:center;gap:var(--size-2);flex-direction:column;max-width:70rem;margin-block-end:var(--size-8);margin-inline:auto;display:flex;& .tagline{color:var(--clr-secondary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);letter-spacing:.12em;text-transform:uppercase}& h2{color:var(--clr-neutral-100);font-size:var(--fs-800);letter-spacing:.052rem;line-height:1.2}& .section-desc{color:#ffffffa6;font-size:var(--fs-500);line-height:var(--lh-400)}}& .categories-grid{gap:var(--size-3);grid-template-columns:repeat(4,1fr);display:grid;& .category-card{border-radius:var(--border-radius-card);gap:var(--size-1);padding:var(--size-3);background:#ffffff0d;border:1px solid #ffffff1a;flex-direction:column;text-decoration:none;transition:background .2s,border-color .2s;display:flex;&:hover{background:#ffffff17;border-color:#ffffff2e}& .card-icon{color:var(--clr-secondary-900);margin-block-end:var(--size-1);font-size:2rem}& .card-count{color:var(--clr-secondary-900);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);letter-spacing:.1em}& .card-title{color:var(--clr-neutral-100);font-family:var(--ff-header);font-size:var(--fs-500);font-weight:var(--fw-bold);line-height:1.3}& .card-desc{color:#fff9;font-size:var(--fs-400);line-height:var(--lh-400);flex:1}& .card-link{color:var(--clr-secondary-800);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);margin-block-start:var(--size-1)}}}@media (width<=1024px){& .categories-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=768px){padding-block:var(--size-8);& .section-header h2{font-size:var(--fs-700)}& .categories-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=480px){& .categories-grid{grid-template-columns:1fr}}}.newsletter[data-astro-cid-4m3mpn6j]{padding-block:var(--size-10);background:#fff;& .newsletter-grid{gap:var(--size-8);grid-template-columns:1fr 48rem;align-items:center;display:grid}& .newsletter-content{gap:var(--size-3);flex-direction:column;display:flex;& .tagline{color:var(--clr-secondary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);letter-spacing:.12em;text-transform:uppercase}& h2{color:var(--clr-primary-900);font-size:var(--fs-800);letter-spacing:.052rem;line-height:1.2}& .description{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400);max-width:52ch}& .benefits{gap:var(--size-2);flex-direction:column;margin-block-start:var(--size-1);list-style:none;display:flex;& li{align-items:center;gap:var(--size-2);color:var(--clr-primary-900);font-size:var(--fs-400);line-height:var(--lh-400);display:flex;& .check-wrap{border-radius:var(--border-radius-full);color:var(--clr-secondary-900);background:#af8d5a45;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;display:flex}}}}& .form-card{background:var(--clr-primary-900);border-radius:var(--border-radius-card);padding:var(--size-5);gap:var(--size-3);flex-direction:column;display:flex;& .form-card-header{gap:var(--size-1);flex-direction:column;display:flex;& .form-title{color:var(--clr-neutral-100);font-family:var(--ff-header);font-size:var(--fs-600);font-weight:var(--fw-bold);line-height:1.3}& .form-subtitle{color:#ffffff8c;font-size:var(--fs-300);line-height:var(--lh-400)}}& .newsletter-form{gap:var(--size-2);flex-direction:column;display:flex;& .field input{border-radius:var(--border-radius-btn);color:var(--clr-neutral-100);font-family:var(--ff-base);font-size:var(--fs-400);background:#ffffff14;border:1px solid #ffffff26;width:100%;padding-block:1.2rem;padding-inline:1.6rem;transition:border-color .15s;&::placeholder{color:#fff6}&:focus{border-color:var(--clr-secondary-900);outline:none}}& .submit-btn{background:var(--clr-secondary-900);border-radius:var(--border-radius-btn);color:#fff;cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);border:none;padding-block:1.4rem;transition:background .15s;&:hover{background:var(--clr-secondary-800)}}}& .trust-text{color:#ffffff73;font-size:var(--fs-300);line-height:var(--lh-400);text-align:center}& .form-error{color:#e05c5c;font-size:var(--fs-300);min-height:1.6rem}& .success-msg{color:var(--clr-neutral-100);font-size:var(--fs-500);font-weight:var(--fw-semi-bold);text-align:center;padding-block:var(--size-4)}}@media (width<=1024px){& .newsletter-grid{grid-template-columns:1fr}}@media (width<=768px){padding-block:var(--size-8);& .newsletter-content h2{font-size:var(--fs-700)}}}.blog-articles[data-astro-cid-x255k2k2]{background:#fff;padding-block-end:var(--size-10);& .filter-bar{background:var(--clr-primary-100);z-index:10;border-bottom:1px solid #0000000f;padding-block:1.4rem;position:sticky;top:0;& .filter-bar-inner{justify-content:space-between;align-items:center;gap:var(--size-3);flex-wrap:wrap;display:flex}& .filter-bar-pills{align-items:center;gap:var(--size-1);flex-wrap:wrap;display:flex;& .pill{color:var(--clr-primary-700);cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);white-space:nowrap;background:0 0;border:1px solid #00000026;border-radius:99px;padding-block:.5rem;padding-inline:1.4rem;transition:background .15s,color .15s,border-color .15s;&.active,&:hover{background:var(--clr-primary-900);border-color:var(--clr-primary-900);color:#fff}}}& .search-wrap{width:26rem;position:relative;& .search-icon{color:var(--clr-primary-700);pointer-events:none;position:absolute;top:50%;left:1.2rem;transform:translateY(-50%)}& input{border-radius:var(--border-radius-btn);color:var(--clr-primary-900);font-family:var(--ff-base);font-size:var(--fs-400);background:#fff;border:1px solid #00000026;width:100%;padding-block:.8rem;padding-inline:3.6rem 3.2rem;transition:border-color .15s;&::placeholder{color:var(--clr-primary-700)}&:focus{border-color:var(--clr-primary-900);outline:none}}& .search-clear{color:var(--clr-primary-700);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.4rem;transition:color .15s;display:flex;position:absolute;top:50%;right:.8rem;transform:translateY(-50%);&:hover{color:var(--clr-primary-900)}&[hidden]{display:none}}}}& .container{padding-block-start:var(--size-8)}& .featured-post{margin-block-end:var(--size-6);& .featured-inner{gap:var(--size-6);border-radius:var(--border-radius-card);border:1px solid #00000014;grid-template-columns:1fr 1fr;align-items:center;text-decoration:none;transition:box-shadow .2s;display:grid;overflow:hidden;&:hover{box-shadow:0 4px 24px #00000014}}& .featured-image{aspect-ratio:640/400;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}& .img-placeholder{background:var(--clr-primary-100);width:100%;height:100%}}& .featured-inner:hover .featured-image img{transform:scale(1.03)}& .featured-content{padding:var(--size-5);gap:var(--size-2);flex-direction:column;display:flex}& .featured-badges{align-items:center;gap:var(--size-1);display:flex;& .badge-new{background:var(--clr-secondary-900);color:#fff;font-size:var(--fs-300);font-weight:var(--fw-bold);letter-spacing:.06em;text-transform:uppercase;border-radius:.4rem;padding-block:.2rem;padding-inline:.8rem}& .badge-category{color:var(--clr-secondary-900);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);background:#af8d5a26;border:1px solid #af8d5a4d;border-radius:.4rem;padding-block:.2rem;padding-inline:.8rem}}& .featured-meta{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:var(--lh-400);flex-wrap:wrap;align-items:center;gap:.6rem;display:flex;& .dot{color:#0000004d}}& .featured-title{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-700);font-weight:var(--fw-bold);line-height:1.2}& .featured-excerpt{color:var(--clr-primary-700);font-size:var(--fs-500);line-height:var(--lh-400)}& .featured-link{color:var(--clr-secondary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);margin-block-start:var(--size-1)}}& .articles-grid{gap:var(--size-4);grid-template-columns:repeat(3,1fr);margin-block-start:var(--size-4);display:grid;& .article-card{border-radius:var(--border-radius-card);background:#fff;border:1px solid #00000014;flex-direction:column;text-decoration:none;transition:box-shadow .2s;display:flex;overflow:hidden;&:hover{box-shadow:0 4px 20px #00000012}& .card-image{aspect-ratio:405/240;overflow:hidden;& img{object-fit:cover;width:100%;height:100%;transition:transform .3s;display:block}& .img-placeholder{background:var(--clr-primary-100);width:100%;height:100%}}&:hover .card-image[data-astro-cid-x255k2k2] img[data-astro-cid-x255k2k2]{transform:scale(1.03)}& .card-body{padding:var(--size-3);gap:var(--size-1);flex-direction:column;flex:1;display:flex;& .card-top{justify-content:space-between;align-items:center;gap:var(--size-1);flex-wrap:wrap;display:flex;& .card-category{color:var(--clr-secondary-900);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);background:#af8d5a1f;border-radius:.4rem;padding-block:.2rem;padding-inline:.8rem}& .card-meta{color:var(--clr-primary-700);font-size:var(--fs-300);line-height:var(--lh-400);align-items:center;gap:.4rem;display:flex;& .dot{color:#0000004d}}}& .card-title{color:var(--clr-primary-900);font-family:var(--ff-header);font-size:var(--fs-500);font-weight:var(--fw-bold);margin-block-start:var(--size-1);line-height:1.3}& .card-excerpt{color:var(--clr-primary-700);font-size:var(--fs-400);line-height:var(--lh-400);flex:1}& .card-link{color:var(--clr-secondary-900);font-size:var(--fs-400);font-weight:var(--fw-semi-bold);margin-block-start:var(--size-1)}}}}& .tag-chips{flex-wrap:wrap;gap:.6rem;margin-block-start:.8rem;display:flex}& .tag-chip{color:var(--clr-secondary-900);cursor:pointer;font-family:var(--ff-base);font-size:var(--fs-300);font-weight:var(--fw-semi-bold);white-space:nowrap;background:0 0;border:1px solid #af8d5a59;border-radius:99px;padding-block:.3rem;padding-inline:1rem;line-height:1;transition:background .15s,color .15s,border-color .15s;&:hover,&.active{background:var(--clr-secondary-900);border-color:var(--clr-secondary-900);color:#fff}}& [data-article][hidden]{display:none!important}& .no-results{color:var(--clr-primary-700);font-size:var(--fs-500);padding-block:var(--size-8);text-align:center}@media (width<=900px){& .featured-post .featured-inner{grid-template-columns:1fr}}@media (width<=768px){padding-block-end:var(--size-8);& .filter-bar .search-wrap{width:100%}& .filter-bar .filter-bar-inner{flex-direction:column;align-items:stretch}& .articles-grid{grid-template-columns:repeat(2,1fr)}& .featured-post .featured-title{font-size:var(--fs-600)}}@media (width<=580px){& .articles-grid{grid-template-columns:1fr;max-width:44rem;margin-inline:auto}}}