.blog-container{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,sans-serif}.blog-container .blog-header{text-align:center;margin-bottom:3rem}.blog-container .blog-header h1{color:#1a1a1a;margin-bottom:.5rem;font-size:2.5rem}.blog-container .blog-header p{color:#555;font-size:1.1rem}.blog-container .featured-post{border-radius:12px;flex-direction:column;margin-bottom:4rem;display:flex;position:relative;overflow:hidden;box-shadow:0 8px 20px rgba(0,0,0,.1)}.blog-container .featured-post img{object-fit:cover;width:100%;height:auto;display:block}.blog-container .featured-post .featured-text{color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.5);max-width:500px;position:absolute;bottom:2rem;left:2rem}.blog-container .featured-post .featured-text h2{margin-bottom:.5rem;font-size:2rem}.blog-container .featured-post .featured-text p{margin-bottom:1rem;line-height:1.5}.blog-container .featured-post .featured-text button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:.7rem 1.5rem;font-weight:600;transition:background .3s}.blog-container .featured-post .featured-text button:hover{background:#3730a3}.blog-container .blog-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;display:grid}.blog-container .blog-grid .blog-card{background:#fff;border-radius:12px;transition:transform .3s,box-shadow .3s;overflow:hidden;box-shadow:0 4px 12px rgba(0,0,0,.08)}.blog-container .blog-grid .blog-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.blog-container .blog-grid .blog-card img{width:100%;height:auto;display:block}.blog-container .blog-grid .blog-card .card-content{padding:1rem}.blog-container .blog-grid .blog-card .card-content .date{color:#888;margin-bottom:.5rem;font-size:.85rem;display:block}.blog-container .blog-grid .blog-card .card-content h3{margin-bottom:.5rem;font-size:1.2rem}.blog-container .blog-grid .blog-card .card-content p{color:#555;margin-bottom:1rem;font-size:.95rem}.blog-container .blog-grid .blog-card .card-content button{color:#fff;cursor:pointer;background:#4f46e5;border:none;border-radius:6px;padding:.5rem 1rem;font-weight:500;transition:background .3s}.blog-container .blog-grid .blog-card .card-content button:hover{background:#3730a3}@media (max-width:1024px){.featured-post .featured-text{max-width:400px}.featured-post .featured-text h2{font-size:1.8rem}.featured-post .featured-text p{font-size:.95rem}}@media (max-width:768px){.featured-post{flex-direction:column}.featured-post .featured-text{color:#fff;max-width:100%;text-shadow:none;background:rgba(0,0,0,.5);margin-top:-4rem;padding:1rem;position:static}.featured-post .featured-text h2{font-size:1.5rem}.featured-post .featured-text p{font-size:.9rem}.featured-post .featured-text button{padding:.5rem 1rem}}@media (max-width:480px){.blog-header h1{font-size:1.8rem}.blog-header p{font-size:.95rem}.blog-grid{gap:1.5rem}.blog-card .card-content h3{font-size:1rem}.blog-card .card-content p{font-size:.85rem}}