.blog-list-container{background-color:#fff;min-height:100vh}.blog-hero{color:#fff;text-align:center;background:linear-gradient(135deg,#af031a 0%,#6b010f 100%);padding:8rem 0 6rem;position:relative;overflow:hidden}.blog-hero-overlay{opacity:.8;z-index:1;background-image:radial-gradient(circle at 20% 30%,#ffd70026 0%,#0000 50%),radial-gradient(circle at 80% 70%,#e91e6326 0%,#0000 50%);position:absolute;inset:0}.blog-hero-content{z-index:2;max-width:800px;margin:0 auto;padding:0 1.5rem;position:relative}.blog-hero-badge{letter-spacing:.05em;text-transform:uppercase;color:gold;background:#ffffff1a;border:1px solid #fff3;border-radius:50px;margin-bottom:1.5rem;padding:.5rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;display:inline-block}.blog-hero-title{letter-spacing:-.02em;margin-bottom:1.5rem;font-family:Outfit,sans-serif;font-size:3.5rem;font-weight:800;line-height:1.15}.blog-hero-title .text-gradient{background:linear-gradient(90deg,gold,#ffecb3);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.blog-hero-subtitle{color:#ffffffd9;max-width:650px;margin:0 auto;font-family:Inter,sans-serif;font-size:1.15rem;line-height:1.6}.blog-controls-section{z-index:100;background-color:#fff;border-bottom:1px solid #e5e7eb;padding:1.25rem 0;position:sticky;top:70px;box-shadow:0 4px 6px -1px #00000005}.blog-controls-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:2rem;display:flex}.blog-categories{flex-wrap:wrap;gap:.75rem;display:flex}.blog-category-tab{color:#4b5563;cursor:pointer;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:30px;padding:.6rem 1.25rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:600;transition:all .25s}.blog-category-tab:hover{color:#af031a;border-color:#af031a}.blog-category-tab.active{color:#fff;background-color:#af031a;border-color:#af031a;box-shadow:0 4px 12px #af031a33}.blog-search-wrapper{width:100%;max-width:350px;position:relative}.blog-search-icon{color:#9ca3af;font-size:1rem;position:absolute;top:50%;left:1rem;transform:translateY(-50%)}.blog-search-input{color:#1f2937;background-color:#f9fafb;border:1px solid #d1d5db;border-radius:30px;outline:none;width:100%;padding:.75rem 1rem .75rem 2.5rem;font-family:Inter,sans-serif;font-size:.875rem;transition:all .25s}.blog-search-input:focus{background-color:#fff;border-color:#af031a;box-shadow:0 0 0 3px #af031a1a}.blog-grid-section{background-color:#f9fafb;padding:4rem 0 6rem}.blog-grid{grid-template-columns:repeat(3,1fr);gap:2.5rem;display:grid}.blog-card{background-color:#fff;border:1px solid #e5e7eb;border-radius:16px;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden;box-shadow:0 4px 6px -1px #00000008,0 2px 4px -1px #00000005}.blog-card:hover{border-color:#af031a26;transform:translateY(-6px);box-shadow:0 12px 20px -3px #00000014,0 4px 12px -2px #00000008}.blog-card-image-wrapper{width:100%;height:220px;position:relative;overflow:hidden}.blog-card-image{object-fit:cover;width:100%;height:100%;transition:transform .5s}.blog-card:hover .blog-card-image{transform:scale(1.06)}.blog-card-category{color:#af031a;letter-spacing:.02em;background-color:#fff;border-radius:30px;padding:.35rem .85rem;font-family:Inter,sans-serif;font-size:.75rem;font-weight:700;position:absolute;top:1rem;left:1rem;box-shadow:0 2px 8px #00000026}.blog-card-content{flex-direction:column;flex-grow:1;padding:1.75rem;display:flex}.blog-card-meta{color:#6b7280;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:1rem;font-family:Inter,sans-serif;font-size:.75rem;display:flex}.blog-card-separator{color:#d1d5db}.blog-card-title{color:#111827;margin-bottom:.85rem;font-family:Outfit,sans-serif;font-size:1.35rem;font-weight:700;line-height:1.3;transition:color .2s}.blog-card-title a{color:inherit;text-decoration:none}.blog-card-title a:hover{color:#af031a}.blog-card-excerpt{color:#4b5563;-webkit-line-clamp:3;-webkit-box-orient:vertical;flex-grow:1;margin-bottom:1.5rem;font-family:Inter,sans-serif;font-size:.925rem;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-card-footer{border-top:1px solid #f3f4f6;margin-top:auto;padding-top:1.25rem}.blog-card-link{color:#af031a;align-items:center;gap:.35rem;font-family:Inter,sans-serif;font-size:.875rem;font-weight:700;text-decoration:none;transition:gap .2s;display:inline-flex}.blog-card-link span{transition:transform .2s}.blog-card-link:hover span{transform:translate(3px)}.blog-loading{text-align:center;color:#6b7280;padding:6rem 0}.blog-no-results{text-align:center;max-width:450px;margin:0 auto;padding:6rem 0}.blog-no-results h3{color:#1f2937;margin-bottom:.5rem;font-family:Outfit,sans-serif;font-size:1.5rem}.blog-no-results p{color:#6b7280;font-family:Inter,sans-serif;font-size:.95rem}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr);gap:2rem}.blog-hero-title{font-size:2.75rem}}@media (max-width:768px){.blog-controls-inner{flex-direction:column;align-items:stretch;gap:1.25rem}.blog-search-wrapper{max-width:100%}.blog-hero{padding:6rem 0 4rem}.blog-hero-title{font-size:2.25rem}}@media (max-width:640px){.blog-grid{grid-template-columns:1fr;gap:2rem}.blog-hero-title{font-size:2rem}}