.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}}