.search-bar{max-width:600px;margin:0 auto;display:flex;position:relative}.search-bar-input{border:1px solid #e2e8f0;border-radius:.375rem;width:100%;padding:.875rem 3rem .875rem 1.25rem;font-size:1rem;transition:all .3s;box-shadow:0 1px 2px #0000000d}.search-bar-input:focus{border-color:#a30000;outline:none;box-shadow:0 0 0 3px #2563eb1a}.search-bar-button{color:#64748b;cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;padding:0;font-size:1.25rem;transition:color .3s;display:grid;position:absolute;top:50%;right:.1rem;transform:translateY(-50%)}.search-bar-button:hover{color:#a30000}@media (width<=768px){.search-bar-input{padding:.75rem 1rem;font-size:.95rem}}.blog-list{min-height:100vh}.blog-header{color:#fff;text-align:center;background:linear-gradient(125deg,#a30000 0%,#8a0000 60%,#202212 100%);border-radius:0 0 40px 40px;margin-bottom:3rem;padding:7rem 0 4rem;position:relative;overflow:hidden}.blog-header-content{z-index:2;position:relative}.blog-header h1{color:#fff;margin-bottom:1rem;font-size:2.5rem}.blog-header p{color:#ffffffe6;max-width:600px;margin:0 auto;font-size:1.1rem}.animated-bg-icons{z-index:1;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}.floating-icon{opacity:.6;animation:linear infinite float;position:absolute}.floating-icon-1{top:15%;left:10%}.floating-icon-2{top:25%;left:85%}.floating-icon-3{top:65%;left:20%}.floating-icon-4{top:40%;left:75%}.floating-icon-5{top:75%;left:85%}.floating-icon-6{top:35%;left:25%}.floating-icon-7{top:85%;left:65%}.floating-icon-8{top:20%;left:40%}@keyframes float{0%{opacity:.1;transform:translateY(0)rotate(0)}25%{opacity:.3}50%{opacity:.6;transform:translateY(-15px)rotate(5deg)}75%{opacity:.3}to{opacity:.1;transform:translateY(0)rotate(0)}}.blog-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-search-container{max-width:600px;margin:0 auto 3rem}.blog-categories{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:3rem;display:flex}.category-button{color:#334155;cursor:pointer;background-color:#fff;border:1px solid #e2e8f0;border-radius:2rem;min-height:44px;padding:.5rem 1.25rem;font-size:.95rem;font-weight:500;transition:all .3s}.category-button:hover{color:#a30000;border-color:#a30000}.category-button.active{color:#fff;background-color:#a30000;border-color:#a30000}.blog-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.load-more-container{text-align:center;margin-top:3rem;margin-bottom:4rem}.no-results{text-align:center;background-color:#f9fafb;border-radius:.5rem;margin:2rem 0;padding:3rem 1rem}.no-results h3{color:#1e293b;margin-bottom:.5rem;font-size:1.5rem}.no-results p{color:#64748b}.blog-grid{transition:opacity .3s}@media (width<=992px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.blog-header{padding:6rem 0 3rem}.blog-header h1{font-size:2rem}.blog-categories{margin-bottom:2rem}}@media (width<=480px){.blog-grid{grid-template-columns:1fr}.category-button{padding:.45rem 1rem;font-size:.875rem}}