.article-card.svelte-5xvek5{display:flex;flex-direction:column;min-height:100%;border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;border:1px solid rgba(120,145,202,.16);background:linear-gradient(180deg,#0b152bf0,#081022fa);box-shadow:0 18px 40px #02091833;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.article-card.svelte-5xvek5:hover{transform:translateY(-3px);border-color:#8474ff57;box-shadow:0 28px 58px #2a3a843d}.article-card__media.svelte-5xvek5{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:radial-gradient(circle at center,#6452ff38,#071022f5)}.article-card__media.svelte-5xvek5 img:where(.svelte-5xvek5){width:100%;height:100%;object-fit:cover;display:block}.article-card__media.svelte-5xvek5:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#07112300,#071123c2)}.article-card__category.svelte-5xvek5{position:absolute;left:14px;bottom:12px;z-index:1;padding:5px 10px;border-radius:999px;background:#0e1c3ac2;border:1px solid rgba(137,117,255,.26);color:#bcd0ff;font-size:.68rem;letter-spacing:.05em;text-transform:uppercase}.article-card__body.svelte-5xvek5{display:flex;flex:1;flex-direction:column;padding:18px}.article-card.svelte-5xvek5 h3:where(.svelte-5xvek5){margin:0;font-size:1.1rem;line-height:1.3}.article-card.svelte-5xvek5 p:where(.svelte-5xvek5){margin:10px 0 0;color:#a8badc;font-size:.92rem;line-height:1.55}.article-card__meta.svelte-5xvek5{display:flex;gap:12px;flex-wrap:wrap;margin-top:auto;padding-top:16px;color:#7f93bb;font-size:.76rem}.compact.svelte-5xvek5 .article-card__body:where(.svelte-5xvek5){padding:16px}.compact.svelte-5xvek5 h3:where(.svelte-5xvek5){font-size:1rem}.compact.svelte-5xvek5 p:where(.svelte-5xvek5){font-size:.88rem}html[data-theme=light] .article-card.svelte-5xvek5{border-color:#2033601f;background:linear-gradient(180deg,#f9fbfffa,#f1f6fff5);box-shadow:0 18px 40px #4e61881f}html[data-theme=light] .article-card__media.svelte-5xvek5:after{background:linear-gradient(180deg,#f1f6ff00,#f1f6ffbd)}html[data-theme=light] .article-card__category.svelte-5xvek5{background:#ffffffd1;border-color:#5a71ac2e;color:#34508a}html[data-theme=light] .article-card.svelte-5xvek5 p:where(.svelte-5xvek5){color:#546884}html[data-theme=light] .article-card__meta.svelte-5xvek5{color:#7083a3}