.blog-page{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 34rem),linear-gradient(#f8fbff 0%,#fff 42%,#f8fbff 100%);min-height:100vh;position:relative}.blog-page:before{content:"";pointer-events:none;background:radial-gradient(#29b6f61f 0%,#0000 70%);width:120%;height:300px;position:absolute;top:0;left:50%;transform:translate(-50%)}.blog-page-main{z-index:1;padding:8rem 0 3rem;position:relative}.blog-page-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-hero{text-align:center;max-width:820px;box-shadow:none;background:0 0;border:none;flex-direction:column;align-items:center;gap:.9rem;margin:0 auto 2rem;padding:0;display:flex}.blog-hero-title{color:var(--color-text);letter-spacing:-.045em;margin:0;font-size:clamp(2.4rem,5vw,4.2rem);font-weight:800;line-height:1}.blog-hero-subtitle{color:#334155;max-width:600px;margin:0;font-size:1.08rem;font-weight:500;line-height:1.6}.blog-hero-search{width:100%;max-width:560px;margin-top:.75rem}.blog-search-form{background:#fff;border:1px solid #2563eb29;border-radius:999px;gap:.6rem;padding:.45rem;transition:all .2s;display:flex;box-shadow:0 14px 36px #2563eb1a}.blog-search-form:focus-within{background:#fff;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626}.blog-search-input{color:#1f2937;background:0 0;border:none;flex:1;padding:.65rem 1rem;font-size:.95rem}.blog-search-input:focus{box-shadow:none;outline:none}.blog-search-form button[type=submit]{background:linear-gradient(90deg,#2563eb 0%,#29b6f6 55%,#60a5fa 100%);border:none;border-radius:999px;padding:.65rem 1.15rem;box-shadow:0 10px 22px #2563eb33}.blog-clear-filters{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:6px;align-self:center;padding:.375rem .75rem;font-size:.8125rem;font-weight:600;transition:all .2s}.blog-clear-filters:hover{color:#334155;background:#0000000d}.blog-filters-section{display:none}.blog-tags-section{border-top:1px solid #e5e7eb;padding-top:1rem}.blog-tags-label{color:#374151;margin-right:.5rem;font-size:.875rem;font-weight:600}.blog-tags-list{flex-wrap:wrap;gap:.5rem;margin-top:.75rem;display:flex}.blog-tag-button{color:#6b7280;cursor:pointer;background:#f3f4f6;border:1px solid #0000;border-radius:20px;padding:.375rem .75rem;font-size:.875rem;transition:all .2s}.blog-tag-button:hover{color:#374151;background:#e5e7eb}.blog-tag-button.active{color:#fff;background:#3b82f6;border-color:#3b82f6}.blog-loading{text-align:center;padding:4rem 0}.blog-loading-spinner{border:4px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:48px;height:48px;margin:0 auto 1rem;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blog-loading p{color:#374151;font-size:1rem}.blog-error{text-align:center;padding:4rem 0}.blog-error p{color:#ef4444;margin-bottom:1rem;font-size:1rem}.blog-posts-grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.25rem;margin-bottom:2rem;display:grid}.blog-pagination{justify-content:center;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.blog-pagination-pages{align-items:center;gap:.5rem;display:flex}.blog-pagination-page{color:#374151;cursor:pointer;background:#fff;border:1px solid #2563eb29;border-radius:6px;min-width:40px;height:40px;padding:.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.blog-pagination-page:hover{background:#f3f4f6}.blog-pagination-page.active{color:#fff;background:linear-gradient(90deg,#2563eb 0%,#29b6f6 100%);border-color:#0000}.blog-pagination-ellipsis{color:#9ca3af;padding:0 .25rem}.blog-pagination-info{text-align:center;color:#6b7280;margin-bottom:2rem;font-size:.875rem}.blog-no-results{text-align:center;background:#fff;border:1px solid #2563eb1f;border-radius:16px;padding:4rem 2rem;box-shadow:0 16px 40px #0f172a0f}.blog-no-results-icon{margin-bottom:1rem;font-size:4rem}.blog-no-results h2{color:#111827;margin:0 0 .5rem;font-size:1.5rem;font-weight:700}.blog-no-results p{color:#6b7280;margin:0 0 1.5rem}@media (max-width:768px){.blog-page-main{padding:6.5rem 0 2rem}.blog-page-container{padding:0 1rem}.blog-hero{margin-bottom:1.5rem}.blog-hero-title{font-size:2rem}.blog-hero-subtitle{font-size:1rem}.blog-search-form{flex-direction:column}.blog-posts-grid{grid-template-columns:1fr;gap:1rem}.blog-pagination{flex-wrap:wrap}.blog-pagination-pages{order:-1;justify-content:center;width:100%;margin-bottom:1rem}}