.blog-page{min-height:100vh;background:radial-gradient(circle,rgb(179,207,252) 0,rgb(241,246,255) 100%);margin-top:-80px}.blog-page.dark{background:#0a0e13}.blog-container{max-width:1200px;margin:0 auto;padding:80px 20px 40px}.blog-hero{padding:60px 20px;margin-bottom:40px}.blog-hero .blog-hero-title{font-size:3.5rem;font-weight:700;color:#111827;margin:0 0 20px;line-height:1.2}.dark .blog-hero .blog-hero-title{color:#f9fafb}.blog-hero .blog-hero-subtitle{font-size:1.25rem;color:#6b7280;line-height:1.6}.dark .blog-hero .blog-hero-subtitle{color:#9ca3af}.blog-filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}.filter-button{background:#fff;border:1px solid #e5e7eb;color:#6b7280;padding:10px 24px;border-radius:24px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dark .filter-button{background:#1f2937;border-color:#374151;color:#9ca3af}.filter-button:hover{border-color:#3b82f6;color:#3b82f6}.dark .filter-button:hover{border-color:#60a5fa;color:#60a5fa}.filter-button.active{background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:rgba(0,0,0,0);color:#fff}.filter-button.active:hover{color:#fff}.blog-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;max-width:1070px;margin:0 auto 60px}.blog-card{background:#fff;border:none;border-radius:12px;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:all .3s ease;display:flex;flex-direction:column}.dark .blog-card{background:#1f2937;box-shadow:0 4px 6px -1px rgba(0,0,0,.3),0 2px 4px -1px rgba(0,0,0,.2)}.blog-card:hover{transform:translateY(-4px);box-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.dark .blog-card:hover{box-shadow:0 10px 15px -3px rgba(0,0,0,.3),0 4px 6px -2px rgba(0,0,0,.2)}.blog-card:hover .blog-card-link{gap:8px}.blog-card-image{width:100%;height:300px;overflow:hidden;background:#e5e7eb;border-radius:12px 12px 0 0}.dark .blog-card-image{background:#374151}.blog-card-image .blog-image{width:100%;height:100%;object-fit:cover;display:block}.blog-card-content{display:flex;flex-direction:column;padding:24px;flex:1}.blog-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:.875rem;flex-wrap:wrap}.blog-card-meta-item{display:inline-flex;align-items:center;gap:6px;color:#6b7280}.dark .blog-card-meta-item{color:#9ca3af}.blog-card-meta-item svg{width:14px;height:14px;flex-shrink:0;color:#9ca3af}.blog-card-date,.dark .blog-card-meta-item svg{color:#6b7280}.dark .blog-card-date{color:#9ca3af}.blog-card-separator{color:#d1d5db;margin:0 4px}.dark .blog-card-separator{color:#4b5563}.blog-card-read-time{color:#6b7280}.dark .blog-card-read-time{color:#9ca3af}.blog-card-author{color:#6b7280}.dark .blog-card-author{color:#9ca3af}.blog-card-title{font-size:1.5rem;font-weight:600;color:#3b82f6;margin:0 0 20px;line-height:1.4}.dark .blog-card-title{color:#60a5fa}.blog-card-link{background:linear-gradient(135deg,#3b82f6,#6366f1);color:#fff;font-weight:600;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:5px;padding:12px 24px;border-radius:8px;transition:all .3s ease;font-size:.9375rem;width:100%;margin-top:auto}.blog-card-link:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.4);gap:8px;color:#fff}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:12px;margin:60px 0 40px;flex-wrap:wrap}.pagination-button{background:#fff;border:1px solid #e5e7eb;color:#6b7280;padding:8px 16px;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease}.dark .pagination-button{background:#1f2937;border-color:#374151;color:#9ca3af}.pagination-button:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.dark .pagination-button:hover:not(:disabled){border-color:#60a5fa;color:#60a5fa}.pagination-button:disabled{opacity:.5;cursor:not-allowed}.pagination-numbers{display:flex;gap:8px;align-items:center}.pagination-number{background:#fff;border:1px solid #e5e7eb;color:#6b7280;padding:8px 12px;border-radius:6px;font-size:.9375rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:40px;text-align:center}.dark .pagination-number{background:#1f2937;border-color:#374151;color:#9ca3af}.pagination-number:hover{border-color:#3b82f6;color:#3b82f6}.dark .pagination-number:hover{border-color:#60a5fa;color:#60a5fa}.pagination-number.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.dark .pagination-number.active{background:#2563eb;border-color:#2563eb}.pagination-number.active:hover{color:#fff}.pagination-ellipsis{color:#9ca3af;padding:8px 4px;font-size:.9375rem}.dark .pagination-ellipsis{color:#6b7280}@media(max-width:768px){.blog-hero-title{font-size:2.5rem}.blog-hero-subtitle{font-size:1.125rem}.blog-grid{grid-template-columns:1fr;gap:30px}.blog-card-title{font-size:1.25rem}.blog-card-image{height:180px}.blog-card-content{padding:20px}.blog-pagination{gap:8px}.pagination-number{min-width:36px;padding:6px 10px;font-size:.875rem}.pagination-button{padding:6px 12px;font-size:.875rem}}