@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
.wrapper{background:linear-gradient(135deg,#f0f4ff 0%,#e8eeff 50%,#f5f0ff 100%);min-height:100vh;margin-top:12vh;padding:60px 0 80px}.blog-page-header{text-align:center;margin-bottom:60px}.blog-page-header h1{background:linear-gradient(135deg,#0a2540,#635bff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:12px;font-family:Inter,sans-serif;font-size:48px;font-weight:800}.blog-page-header p{color:#64748b;font-size:18px;font-weight:400}.blog-card-link{animation:.6s both fadeSlideUp;display:block}.blog-card-link:first-child{animation-delay:50ms}.blog-card-link:nth-child(2){animation-delay:.15s}.blog-card-link:nth-child(3){animation-delay:.25s}.blog-card-link:nth-child(4){animation-delay:.35s}.blog-card-link:nth-child(5){animation-delay:.45s}.blog-card-link:nth-child(6){animation-delay:.55s}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.blog-card{background:#fff;border:1px solid #635bff14;border-radius:20px;flex-direction:column;transition:transform .4s cubic-bezier(.25,.8,.25,1),box-shadow .4s cubic-bezier(.25,.8,.25,1);display:flex;overflow:hidden;box-shadow:0 4px 20px #0a254014}.blog-card:hover{transform:translateY(-10px);box-shadow:0 20px 50px #635bff2e}.blog-card__img-wrapper{height:220px;position:relative;overflow:hidden}.blog-card__img{object-fit:cover;width:100%;height:100%;transition:transform .6s cubic-bezier(.25,.8,.25,1)}.blog-card:hover .blog-card__img{transform:scale(1.08)}.blog-card__overlay{background:linear-gradient(#0000 40%,#0a25408c 100%);transition:opacity .4s;position:absolute;inset:0}.blog-card:hover .blog-card__overlay{opacity:.8}.blog-card__category{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:1.5px;text-transform:uppercase;background:#635bffe6;border-radius:50px;padding:4px 12px;font-size:11px;font-weight:700;position:absolute;top:14px;left:14px}.blog-card__body{flex-direction:column;flex:1;padding:24px 22px 20px;display:flex}.blog-card__title{color:#0a2540;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin-bottom:16px;font-family:Inter,sans-serif;font-size:17px;font-weight:700;line-height:1.5;transition:color .3s;display:-webkit-box;overflow:hidden}.blog-card:hover .blog-card__title{color:#635bff}.blog-card__meta{flex-wrap:wrap;align-items:center;gap:18px;margin-bottom:20px;display:flex}.blog-card__meta-item{color:#64748b;align-items:center;gap:6px;font-size:13px;font-weight:500;display:flex}.blog-card__meta-icon{color:#635bff;font-size:12px}.blog-card__footer{border-top:1px solid #635bff1a;margin-top:auto;padding-top:16px}.blog-card__read-more{color:#635bff;letter-spacing:.3px;align-items:center;gap:8px;font-size:14px;font-weight:700;transition:gap .3s;display:inline-flex}.blog-card:hover .blog-card__read-more{gap:14px}.blog-card__arrow{transition:transform .3s}.blog-card:hover .blog-card__arrow{transform:translate(4px)}[dir=rtl] .blog-card__category{left:auto;right:14px}[dir=rtl] .blog-card__arrow{transform:scaleX(-1)}[dir=rtl] .blog-card:hover .blog-card__arrow{transform:scaleX(-1)translate(4px)}@media (max-width:768px){.wrapper{padding:40px 0 60px}.blog-page-header h1{font-size:32px}.blog-card__img-wrapper{height:200px}}