.blogs-hero{position:relative;background-size:cover;background-position:center;padding:10rem 0 8rem;overflow:hidden}.blogs-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#059669f2,#10b981d9,#34d399bf);z-index:1}.blogs-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);z-index:2}.blogs-hero-content{position:relative;z-index:3;text-align:center;max-width:900px;margin:0 auto;padding:0 1.5rem}.blogs-hero-title{font-size:4rem;font-weight:900;line-height:1.1;margin-bottom:1.5rem;color:#fff;text-shadow:0 4px 12px rgba(0,0,0,.15);animation:fadeInUp .8s ease-out}.blogs-hero-subtitle{font-size:1.35rem;line-height:1.7;color:#fffffff2;max-width:700px;margin:0 auto;animation:fadeInUp .8s ease-out .2s backwards}.blogs-search-section{padding:4rem 0;background:linear-gradient(to bottom,#f9fafb,#fff)}.blogs-search-header{text-align:center;margin-bottom:3rem}.blogs-search-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:80px;height:80px;background:linear-gradient(135deg,#059669,#10b981);border-radius:50%;margin-bottom:1.5rem;box-shadow:0 8px 20px #05966940;animation:pulse 2s ease-in-out infinite}.blogs-search-title{font-size:2.75rem;font-weight:800;color:#111827;margin-bottom:1rem;line-height:1.2}.blogs-search-description{font-size:1.125rem;color:#6b7280;max-width:650px;margin:0 auto 2.5rem;line-height:1.7}.blogs-search-container{position:relative;max-width:700px;margin:0 auto;background:#fff;border-radius:1.25rem;box-shadow:0 0 0 1px #0596691a,0 10px 30px #00000014,0 1px 3px #0000000d;transition:all .3s cubic-bezier(.4,0,.2,1)}.blogs-search-container:focus-within{box-shadow:0 0 0 3px #05966926,0 12px 40px #05966926,0 4px 6px #0000000d;transform:translateY(-2px)}.blogs-search-icon{position:absolute;left:1.5rem;top:50%;transform:translateY(-50%);color:#059669;pointer-events:none;z-index:2}.blogs-search-input{width:100%;padding:1.25rem 4.5rem 1.25rem 4rem;border:none;outline:none;font-size:1.0625rem;color:#111827;background:transparent;border-radius:1.25rem}.blogs-search-input::-moz-placeholder{color:#9ca3af}.blogs-search-input::placeholder{color:#9ca3af}.blogs-clear-search{position:absolute;right:1rem;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:#f3f4f6;color:#6b7280;transition:all .2s ease;cursor:pointer;border:none}.blogs-clear-search:hover{background:#e5e7eb;color:#374151;transform:translateY(-50%) scale(1.05)}.blogs-grid-section{padding:4rem 0 6rem}.blogs-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem}.blog-card{display:flex;flex-direction:column;background:#fff;border-radius:1.25rem;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);box-shadow:0 0 0 1px #0000000d,0 4px 12px #0000000f;animation:fadeInUp .6s ease-out backwards}.blog-card:hover{transform:translateY(-12px);box-shadow:0 0 0 1px #0596691a,0 20px 40px #0000001f,0 8px 16px #05966914}.blog-card-thumbnail{position:relative;aspect-ratio:16/9;overflow:hidden;background:linear-gradient(135deg,#f3f4f6,#e5e7eb)}.blog-card-thumbnail:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.3) 100%);opacity:0;transition:opacity .4s ease}.blog-card:hover .blog-card-thumbnail:after{opacity:1}.blog-card-thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .7s cubic-bezier(.4,0,.2,1)}.blog-card:hover .blog-card-thumbnail img{transform:scale(1.08)}.blog-card-date{position:absolute;top:1rem;right:1rem;padding:.5rem 1rem;background:#fffffff2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:9999px;font-size:.8125rem;font-weight:600;color:#059669;box-shadow:0 4px 12px #0000001a;z-index:2}.blog-card-content{display:flex;flex-direction:column;flex-grow:1;padding:2rem}.blog-card-title{font-size:1.375rem;font-weight:700;color:#111827;line-height:1.3;margin-bottom:1rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .3s ease}.blog-card:hover .blog-card-title{color:#059669}.blog-card-meta{display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem;font-size:.875rem;color:#6b7280;flex-wrap:wrap}.blog-meta-item{display:flex;align-items:center;gap:.4rem}.blog-meta-item svg{flex-shrink:0}.blog-card-excerpt{color:#4b5563;line-height:1.7;margin-bottom:1.75rem;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.blog-card-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.875rem 1.75rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-radius:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #05966933;align-self:flex-start}.blog-card-cta:hover{transform:translate(4px);box-shadow:0 6px 16px #0596694d;background:linear-gradient(135deg,#047857,#059669)}.blog-card-cta svg{transition:transform .3s ease}.blog-card:hover .blog-card-cta svg{transform:translate(4px)}.blogs-empty-state{padding:5rem 2rem;text-align:center;background:#fff;border-radius:1.25rem;box-shadow:0 4px 20px #0000000a}.blogs-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:100px;height:100px;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:50%;color:#9ca3af;margin-bottom:2rem}.blogs-empty-title{font-size:1.75rem;font-weight:700;color:#111827;margin-bottom:.75rem}.blogs-empty-text{color:#6b7280;font-size:1.0625rem;line-height:1.7;max-width:550px;margin:0 auto 2rem}.blogs-clear-button{display:inline-flex;align-items:center;padding:.875rem 2rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#059669,#10b981);border-radius:.75rem;transition:all .3s ease;box-shadow:0 4px 12px #05966933;border:none;cursor:pointer}.blogs-clear-button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0596694d;background:linear-gradient(135deg,#047857,#059669)}.blogs-pagination{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:4rem}.blogs-pagination-item{display:flex;align-items:center;justify-content:center;min-width:44px;height:44px;padding:0 .75rem;font-weight:600;color:#4b5563;background:#fff;border:1px solid #e5e7eb;border-radius:.625rem;transition:all .2s ease;cursor:pointer}.blogs-pagination-item:hover:not(:disabled):not(.active){background:#f9fafb;border-color:#059669;color:#059669;transform:translateY(-2px)}.blogs-pagination-item.active{background:linear-gradient(135deg,#059669,#10b981);color:#fff;border-color:transparent;box-shadow:0 4px 12px #05966933}.blogs-pagination-item:disabled{opacity:.4;cursor:not-allowed}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}@media (max-width: 1024px){.blogs-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}}@media (max-width: 768px){.blogs-hero{padding:6rem 0 5rem}.blogs-hero-title{font-size:2.75rem}.blogs-hero-subtitle{font-size:1.125rem}.blogs-search-title{font-size:2rem}.blogs-search-description{font-size:1rem}.blogs-grid{grid-template-columns:1fr;gap:1.25rem}.blog-card-content{padding:1.5rem}}@media (max-width: 640px){.blogs-hero-title{font-size:2.25rem}.blogs-search-input{padding:1rem 3.5rem;font-size:1rem}.blogs-search-icon-wrapper{width:64px;height:64px}}