.blog{width:100%;padding:150px 10%;font-family:Exo\ 2,sans-serif}.blog-header{margin-bottom:4rem;border-bottom:1px solid #000}.blog-header h1{font-size:4rem;font-weight:500;color:#000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.blog-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));grid-gap:2.5rem;gap:2.5rem}.blog-card{background:#fff;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.03),0 2px 4px rgba(0,0,0,.05),0 12px 24px rgba(0,0,0,.05);transition:all .4s cubic-bezier(.16,1,.3,1);height:100%;display:flex;flex-direction:column;position:relative}.blog-card:hover{transform:translateY(-5px);box-shadow:0 0 0 1px rgba(0,0,0,.03),0 4px 8px rgba(0,0,0,.07),0 24px 48px rgba(0,0,0,.08)}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.blog-card .image-wrapper{height:240px;position:relative;overflow:hidden}.blog-card .image-wrapper img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease}.blog-card:hover .image-wrapper img{transform:scale(1.03)}.blog-card-content{padding:1.8rem;flex:1 1;display:flex;flex-direction:column}.blog-card-title{margin-bottom:1rem}.blog-card-title h2{font-size:1.5rem;font-weight:700;color:#111827;margin:0;line-height:1.3}.blog-card-text{margin-bottom:2rem;flex-grow:1}.blog-card-text p{color:#4b5563;line-height:1.6;margin:0;font-size:1rem}.blog-card button{font-size:16px;font-weight:700;color:#fff;padding:8px 26px;width:-moz-fit-content;width:fit-content;border:none;font-family:Exo\ 2,sans-serif;background-color:#7498a4;height:-moz-fit-content;height:fit-content;cursor:pointer;position:relative;overflow:hidden;transition:color .5s ease;border-radius:0}.blog-card button:hover{background:linear-gradient(90deg,rgb(65,67,68),rgb(112,177,199));background-size:200% 100%;animation:gradientAnimation 1s ease infinite}@media(max-width:1024px){.blog-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}}@media(max-width:768px){.blog{padding:10rem 1.5rem}.blog-header h1{font-size:2.5rem}}