.article-card{opacity:0;cursor:pointer;border-radius:20px;height:420px;transition:all .6s cubic-bezier(.23,1,.32,1);animation:.8s cubic-bezier(.23,1,.32,1) forwards slideInUp;position:relative;overflow:hidden;transform:translateY(0)}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.article-card:hover{transform:translateY(-8px)scale(1.02);box-shadow:0 25px 50px #394ff026,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a}.article-card__link{height:100%;color:inherit;text-decoration:none;display:block}.article-card__container{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#ffffff14 0%,#ffffff08 100%);border:1px solid #ffffff1a;border-radius:20px;height:100%;transition:all .4s;position:relative;overflow:hidden}.article-card:hover .article-card__container{background:linear-gradient(135deg,#394ff026 0%,#ffffff0d 100%);border-color:#394ff04d}.article-card__image-wrapper{height:220px;position:relative;overflow:hidden}.article-card__image-container{width:100%;height:100%;position:relative;overflow:hidden}.article-card__image{object-fit:cover;opacity:0;transition:all .6s cubic-bezier(.23,1,.32,1);transform:scale(1.1)}.article-card__image.loaded{opacity:1;transform:scale(1)}.article-card:hover .article-card__image{transform:scale(1.05)}.article-card__overlay{background:linear-gradient(#0a0b141a 0%,#0a0b1466 70%,#0a0b14b3 100%);transition:all .4s;position:absolute;inset:0}.article-card:hover .article-card__overlay{background:linear-gradient(#394ff01a 0%,#0a0b144d 70%,#0a0b1499 100%)}.article-card__category{z-index:2;position:absolute;top:16px;right:16px}.article-card__category span{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#394ff0e6;border:1px solid #394ff04d;border-radius:20px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .3s;display:inline-block}.article-card:hover .article-card__category span{background:#394ff0;transform:scale(1.05);box-shadow:0 4px 12px #394ff066}.article-card__read-time{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#ffffffe6;z-index:2;background:#0009;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;transition:all .3s;display:flex;position:absolute;bottom:16px;left:16px}.article-card:hover .article-card__read-time{background:#ffffff1a;border-color:#fff3;transform:translateY(-2px)}.article-card__read-time svg{color:#ffffffb3;transition:color .3s}.article-card:hover .article-card__read-time svg{color:#394ff0}.article-card__content{flex-direction:column;justify-content:space-between;height:200px;padding:20px;display:flex;position:relative}.article-card__meta{color:#fff9;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:13px;display:flex}.article-card__date,.article-card__comments{align-items:center;gap:6px;transition:color .3s;display:flex}.article-card:hover .article-card__date,.article-card:hover .article-card__comments{color:#fffc}.article-card__date svg,.article-card__comments svg{transition:all .3s}.article-card:hover .article-card__date svg,.article-card:hover .article-card__comments svg{color:#394ff0cc;transform:scale(1.1)}.article-card__title{color:#fff;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-bottom:8px;font-size:18px;font-weight:700;line-height:1.3;transition:all .3s;display:-webkit-box;position:relative}.article-card:hover .article-card__title{color:#394ff0e6;transform:translateY(-2px)}.article-card__excerpt{color:#ffffffb3;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;margin-bottom:8px;font-size:14px;line-height:1.6;transition:color .3s;display:-webkit-box;overflow:hidden}.article-card:hover .article-card__excerpt{color:#ffffffd9}.article-card__footer{margin-top:auto}.article-card__read-more{color:#394ff0cc;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s cubic-bezier(.23,1,.32,1);display:flex;position:relative}.article-card:hover .article-card__read-more{color:#394ff0;transform:translate(4px)}.article-card__read-more .arrow{transition:all .4s cubic-bezier(.23,1,.32,1);transform:translate(0)}.article-card__read-more .arrow.hovered{color:#394ff0;transform:translate(4px)scale(1.1)}@media (max-width:768px){.article-card{height:380px}.article-card__image-wrapper{height:180px}.article-card__content{height:200px;padding:16px}.article-card__title{font-size:16px}.article-card__excerpt{-webkit-line-clamp:2;line-clamp:2;font-size:13px}.article-card:hover{transform:translateY(-4px)scale(1.01)}}@media (max-width:480px){.article-card{height:360px}.article-card__image-wrapper{height:160px}.article-card__content{height:200px;padding:14px}.article-card__category span{padding:4px 10px;font-size:11px}.article-card__read-time{padding:4px 8px;font-size:11px}}.article-card__image:not(.loaded){background:linear-gradient(90deg,#ffffff1a 0%,#fff3 50%,#ffffff1a 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.article-card__link:focus{outline-offset:4px;border-radius:20px;outline:2px solid #394ff0cc}.article-card__link:focus .article-card__container{background:linear-gradient(135deg,#394ff026 0%,#ffffff0d 100%);border-color:#394ff066}@media (prefers-color-scheme:dark){.article-card__container{background:linear-gradient(135deg,#ffffff0f 0%,#ffffff05 100%)}}