.blog-page{min-height:100vh;display:flex;flex-direction:column;background-color:#f9fafb;font-family:Onest,sans-serif}.dark .blog-page{background-color:#111827;color:#f9fafb}.blog-container{flex:1;max-width:1200px;margin:0 auto;padding:4rem 2rem}.blog-header{text-align:center;margin-bottom:4rem}.blog-header h1{font-size:3.5rem;font-weight:800;margin-bottom:1rem;color:#111827}.dark .blog-header h1{color:#fff}.blog-header h1 span{color:#f89921}.blog-header p{font-size:1.25rem;color:#4b5563;max-width:600px;margin:0 auto}.dark .blog-header p{color:#9ca3af}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:2.5rem}.blog-card{background:#fff;border-radius:1.5rem;overflow:hidden;box-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -1px rgba(0,0,0,.06);transition:transform .3s ease,box-shadow .3s ease;cursor:pointer;display:flex;flex-direction:column;border:1px solid rgba(0,0,0,0)}.blog-card:hover{transform:translateY(-8px);box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04);border-color:#f89921}.dark .blog-card{background:#1f2937;border:1px solid #374151}.dark .blog-card:hover{border-color:#f89921}.blog-card__image{position:relative;height:240px;width:100%;background:linear-gradient(135deg,#f89921,#fcd34d);display:flex;align-items:center;justify-content:center}.blog-card__image img{object-fit:cover;transition:transform .5s ease}.blog-card__image:hover img{transform:scale(1.05)}.blog-card__content{padding:2rem;flex:1;display:flex;flex-direction:column}.blog-card__content h2{font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#111827;line-height:1.2}.dark .blog-card__content h2{color:#fff}.blog-card__content p{font-size:1rem;color:#4b5563;line-height:1.6;margin-bottom:2rem;flex:1}.dark .blog-card__content p{color:#9ca3af}.blog-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.blog-card__link{color:#f89921;font-weight:600;display:flex;align-items:center;gap:.5rem;font-size:.9375rem}.blog-card__link svg{transition:transform .2s ease}.blog-card__link:hover svg{transform:translateX(4px)}.blog-card__date{font-size:.875rem;color:#9ca3af}@media(max-width:768px){.blog-header h1{font-size:2.5rem}.blog-grid{grid-template-columns:1fr}}.blog-pagination{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin-top:4rem;padding-top:2rem;border-top:1px solid #e5e7eb}.dark .blog-pagination{border-top-color:#374151}.blog-pagination__btn{background:#f89921;color:#fff;padding:.6rem 1.5rem;border-radius:.5rem;font-weight:600;transition:background .3s ease,opacity .3s ease;border:none;cursor:pointer}.blog-pagination__btn:disabled{background:#d1d5db;cursor:not-allowed;opacity:.7}.dark .blog-pagination__btn:disabled{background:#4b5563}.blog-pagination__btn:hover:not(:disabled){background:#e68a1d}.blog-pagination__info{font-size:.9375rem;color:#4b5563;font-weight:500}.dark .blog-pagination__info{color:#9ca3af}.blog-loading,.blog-loading-full{display:flex;justify-content:center;align-items:center;min-height:300px}.blog-loading-full{min-height:60vh}.blog-empty,.blog-error,.blog-error-container{text-align:center;padding:4rem 2rem;background:#fff;border-radius:1.5rem;box-shadow:0 4px 6px -1px rgba(0,0,0,.1);max-width:600px;margin:2rem auto}.dark .blog-empty,.dark .blog-error,.dark .blog-error-container{background:#1f2937}.blog-empty h1,.blog-error h1,.blog-error-container h1{font-size:2.5rem;margin-bottom:1rem;color:#f89921}.blog-empty p,.blog-error p,.blog-error-container p{color:#6b7280;margin-bottom:2rem}.dark .blog-empty p,.dark .blog-error p,.dark .blog-error-container p{color:#9ca3af}.blog-back-btn,.blog-retry-btn{background:#f89921;color:#fff;padding:.8rem 2rem;border-radius:.5rem;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:background .3s ease;border:none;cursor:pointer;text-decoration:none}.blog-back-btn:hover,.blog-retry-btn:hover{background:#e68a1d}.blog-detail{max-width:800px;margin:0 auto;padding:4rem 2rem;flex:1}.blog-detail__header{margin-bottom:3rem}.blog-detail__back{display:inline-flex;align-items:center;gap:.5rem;color:#f89921;font-weight:600;margin-bottom:2rem;text-decoration:none;font-size:.9375rem;transition:transform .2s ease}.blog-detail__back:hover{transform:translateX(-4px)}.blog-detail__meta{display:flex;gap:2rem;margin-bottom:1.5rem;color:#9ca3af;font-size:.875rem}.blog-detail__meta span{display:flex;align-items:center;gap:.5rem}.blog-detail__title{font-size:3rem;font-weight:800;line-height:1.1;margin-bottom:1.5rem;color:#111827}.dark .blog-detail__title{color:#fff}@media(max-width:768px){.blog-detail__title{font-size:2.25rem}}.blog-detail__description{font-size:1.25rem;color:#4b5563;line-height:1.6;margin-bottom:0}.dark .blog-detail__description{color:#9ca3af}.blog-detail__hero{margin:0 -2rem 4rem;border-radius:1.5rem;overflow:hidden;box-shadow:0 20px 25px -5px rgba(0,0,0,.1)}@media(max-width:768px){.blog-detail__hero{margin:0 0 2.5rem;border-radius:1rem}}.blog-detail__image{width:100%;height:auto;display:block;object-fit:cover}.blog-detail__content{font-size:1.125rem;line-height:1.8;color:#374151}.dark .blog-detail__content{color:#d1d5db}.blog-detail__content h1,.blog-detail__content h2,.blog-detail__content h3,.blog-detail__content h4{color:#111827;margin-top:2.5rem;margin-bottom:1rem;font-weight:700}.dark .blog-detail__content h1,.dark .blog-detail__content h2,.dark .blog-detail__content h3,.dark .blog-detail__content h4{color:#fff}.blog-detail__content h2{font-size:1.875rem}.blog-detail__content h3{font-size:1.5rem}.blog-detail__content p{margin-bottom:1.5rem}.blog-detail__content ol,.blog-detail__content ul{margin-bottom:1.5rem;padding-left:1.5rem}.blog-detail__content ol li,.blog-detail__content ul li{margin-bottom:.5rem}.blog-detail__content blockquote{border-left:4px solid #f89921;padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#4b5563}.dark .blog-detail__content blockquote{color:#9ca3af}.blog-detail__content pre{background:#f3f4f6;padding:1.5rem;border-radius:.5rem;overflow-x:auto;margin-bottom:1.5rem}.dark .blog-detail__content pre{background:#111827}.blog-detail__content pre code{font-family:JetBrains Mono,monospace;font-size:.9rem}.blog-detail__content img{max-width:100%;height:auto;border-radius:1rem;margin:2rem 0}.blog-detail__content hr{border:0;border-top:1px solid #e5e7eb;margin:3rem 0}.dark .blog-detail__content hr{border-top-color:#374151}.blog-detail__author{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;padding:1.5rem;background:#fff;border-radius:1rem;box-shadow:0 1px 3px 0 rgba(0,0,0,.1);border:1px solid #f3f4f6}.dark .blog-detail__author{background:#1f2937;border-color:#374151;box-shadow:0 4px 6px -1px rgba(0,0,0,.3)}.blog-detail__author-avatar{border-radius:50%;object-fit:cover;border:2px solid #f89921}.blog-detail__author-info{display:flex;flex-direction:column}.blog-detail__author-name{font-weight:700;color:#111827;font-size:1rem}.dark .blog-detail__author-name{color:#fff}.blog-detail__author-label{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.dark .blog-detail__author-label{color:#9ca3af}.blog-card__author{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #f3f4f6}.dark .blog-card__author{border-top-color:#374151}.blog-card__avatar{border-radius:50%;object-fit:cover;border:1.5px solid #f89921}.blog-card__author-name{font-size:.875rem;font-weight:600;color:#374151}.dark .blog-card__author-name{color:#d1d5db}