.blog{width:100%;padding:150px 10%;font-family:"Exo 2",sans-serif}.blog-header{border-bottom:1px solid #000;margin-bottom:4rem}.blog-header h1{color:#000;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:4rem;font-weight:500}.blog-container{grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:2.5rem;display:grid}.blog-card{background:#fff;flex-direction:column;height:100%;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00000008,0 2px 4px #0000000d,0 12px 24px #0000000d}.blog-card:hover{transform:translateY(-5px);box-shadow:0 0 0 1px #00000008,0 4px 8px #00000012,0 24px 48px #00000014}.blog-card:before{content:"";background:linear-gradient(90deg,#3b82f6,#8b5cf6);height:4px;position:absolute;top:0;left:0;right:0}.blog-card .image-wrapper{height:240px;position:relative;overflow:hidden}.blog-card .image-wrapper img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.blog-card:hover .image-wrapper img{transform:scale(1.03)}.blog-card-content{flex-direction:column;flex:1;padding:1.8rem;display:flex}.blog-card-title{margin-bottom:1rem}.blog-card-title h2{color:#111827;margin:0;font-size:1.5rem;font-weight:700;line-height:1.3}.blog-card-text{flex-grow:1;margin-bottom:2rem}.blog-card-text p{color:#4b5563;margin:0;font-size:1rem;line-height:1.6}.blog-card button{color:#fff;cursor:pointer;background-color:#7498a4;border:none;border-radius:0;width:fit-content;height:fit-content;padding:8px 26px;font-family:"Exo 2",sans-serif;font-size:16px;font-weight:700;transition:color .5s;position:relative;overflow:hidden}.blog-card button:hover{background:linear-gradient(90deg,#414344 0%,#70b1c7 100%) 0 0/200% 100%;animation:1s infinite gradientAnimation}@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}}