.blog-listing{background:#0a0a0a;min-height:60vh;padding:8rem 0 4rem;position:relative;overflow:hidden}.blog-listing__glow{filter:blur(120px);pointer-events:none;background:#8b000014;border-radius:50%;width:500px;height:500px;position:absolute}.blog-listing__glow--left{top:-10%;left:-10%}.blog-listing__glow--right{bottom:-10%;right:-10%}.blog-listing__container{z-index:1;max-width:1280px;margin:0 auto;padding:0 1.25rem;position:relative}.blog-listing__header{text-align:center;margin-bottom:3rem}.blog-listing__badge{letter-spacing:.35em;color:#8b0000;background:#8b000014;border:1px solid #8b000040;border-radius:999px;align-items:center;gap:.5rem;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-size:.7rem;display:inline-flex}.blog-listing__title{color:#fff;margin-bottom:1rem}.blog-listing__title-accent{background:linear-gradient(90deg,#8b0000,#fff,#8b0000) 0 0/200% 100%;color:#0000;-webkit-background-clip:text;background-clip:text;animation:6s linear infinite shine}.blog-listing__subtitle{color:#fff9;max-width:640px;margin:0 auto 2rem;font-size:1.1rem;line-height:1.8}.blog-listing__search{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:.5rem;max-width:480px;margin:0 auto 1.5rem;padding:.35rem .35rem .35rem 1rem;display:flex}.blog-listing__search input{color:#fff;background:0 0;border:none;outline:none;flex:1;font-size:.95rem}.blog-listing__search input::placeholder{color:#fff6}.blog-listing__search button{color:#fff;cursor:pointer;background:#8b0000;border:none;border-radius:999px;padding:.6rem 1.25rem;font-size:.85rem;font-weight:600;transition:background .2s}.blog-listing__search button:hover{background:#8b0000}.blog-listing__search-icon{color:#ffffff73;flex-shrink:0}.blog-listing__filters{flex-wrap:wrap;justify-content:center;gap:.5rem;display:flex}.blog-listing__filters button{color:#ffffffa6;cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #ffffff1f;border-radius:999px;padding:.45rem 1rem;font-size:.85rem;transition:all .2s}.blog-listing__filters button.active,.blog-listing__filters button:hover{color:#8b0000;background:#8b00001a;border-color:#8b000080}.blog-listing__error{text-align:center;color:#8b0000;margin-bottom:2rem}.blog-listing__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem;display:grid}.blog-listing__empty{text-align:center;color:#ffffff80;grid-column:1/-1;padding:4rem 1rem}.blog-listing__empty button{color:#8b0000;cursor:pointer;background:0 0;border:none;margin-top:1rem;text-decoration:underline}.blog-listing__pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:3rem;display:flex}.blog-listing__pagination>button{color:#fff;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:all .2s;display:flex}.blog-listing__pagination>button:hover:not(:disabled){background:#8b00001a;border-color:#8b000066}.blog-listing__pagination>button:disabled{opacity:.35;cursor:not-allowed}.blog-listing__pages{flex-wrap:wrap;justify-content:center;gap:.35rem;display:flex}.blog-listing__pages button{color:#ffffffb3;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:10px;min-width:40px;height:40px;padding:0 .5rem;font-size:.9rem}.blog-listing__pages button.active,.blog-listing__pages button:hover:not(.active){color:#fff;background:#8b00001f;border-color:#8b000073}.blog-listing__pages button.active{background:#8b0000;border-color:#8b0000}.blog-listing__ellipsis{color:#ffffff59;align-items:center;padding:0 .25rem;display:flex}.blog-listing__count{text-align:center;color:#fff6;margin-top:1.25rem;font-size:.85rem}.blog-card{background:#0c0c0ce6;border:1px solid #ffffff14;border-radius:20px;transition:transform .3s,border-color .3s,box-shadow .3s;overflow:hidden}.blog-card:hover{border-color:#8b000059;transform:translateY(-6px);box-shadow:0 20px 50px #8b00001f}.blog-card--skeleton{background:linear-gradient(90deg,#ffffff0a 25%,#ffffff14 50%,#ffffff0a 75%) 0 0/200% 100%;min-height:380px;animation:1.5s infinite shimmer}.blog-card__link{height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex}.blog-card__image{background:#0a0a0a;height:200px;position:relative}.blog-card__placeholder{color:#8b000059;letter-spacing:.2em;justify-content:center;align-items:center;height:100%;font-size:1.5rem;font-weight:700;display:flex}.blog-card__category{text-transform:capitalize;color:#8b0000;background:#000000b3;border:1px solid #8b00004d;border-radius:999px;padding:.25rem .75rem;font-size:.7rem;position:absolute;top:12px;right:12px}.blog-card__body{flex-direction:column;flex:1;padding:1.25rem 1.5rem 1.5rem;display:flex}.blog-card__body time{color:#fff6;margin-bottom:.5rem;font-size:.8rem}.blog-card__body h2{color:#fff;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-bottom:.75rem;font-size:1.2rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.blog-card__body p{color:#ffffff8c;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex:1;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__read{color:#8b0000;margin-top:1rem;font-size:.9rem;font-weight:600}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (max-width:640px){.blog-listing{padding-top:6rem}.blog-listing__grid{grid-template-columns:1fr}}