.blog-page{background:linear-gradient(#e3f2fd 0%,#bbdefb 35%,#90caf9 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:5.5rem 0 2rem;position:relative}.blog-page-container{max-width:1200px;margin:0 auto;padding:0 1.5rem}.blog-hero{text-align:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff40;border:1px solid #fff6;border-radius:16px;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;display:flex;box-shadow:0 4px 30px #0000000d}.blog-hero-title{color:#0f172a;margin:0;font-size:2rem;font-weight:800;line-height:1.2}.blog-hero-subtitle{color:#334155;max-width:600px;margin:0;font-size:1rem;font-weight:500}.blog-hero-search{width:100%;max-width:480px;margin-top:.25rem}.blog-search-form{background:#fff9;border:1px solid #fff9;border-radius:10px;gap:.5rem;padding:.375rem;transition:all .2s;display:flex;box-shadow:0 2px 10px #00000005}.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:.375rem .75rem;font-size:.9375rem}.blog-search-input:focus{box-shadow:none;outline:none}.blog-search-form button[type=submit]{height:auto;min-height:unset;padding:.375rem 1rem;font-size:.875rem}.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(320px,1fr));gap:1.5rem;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 #d1d5db;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:#3b82f6;border-color:#3b82f6}.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;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-radius:16px;padding:4rem 2rem}.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:6rem 0 2rem}.blog-page-container{padding:0 1rem}.blog-hero{margin-bottom:1.5rem;padding:2rem 1rem}.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}}