.blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,26px);display:grid}.blog-card{content-visibility:auto;contain-intrinsic-size:auto 470px;background:linear-gradient(165deg,#181c23f5,#0c0e12fa);border:1px solid #ffffff18;border-radius:22px;min-width:0;transition:transform .24s cubic-bezier(.2,.75,.25,1),border-color .18s,box-shadow .24s;overflow:hidden}.blog-card:hover{border-color:#00b7ef75;transform:translateY(-7px);box-shadow:0 24px 68px #0000006b,0 0 0 1px #0095f214}.blog-card>a{flex-direction:column;height:100%;display:flex}.article-cover{isolation:isolate;background:#07101d;display:block;position:relative;overflow:hidden}.article-cover-card{aspect-ratio:16/9}.article-cover-hero{aspect-ratio:2.08;border:1px solid #ffffff1a;border-radius:20px;width:min(1180px,100%);margin:0 auto clamp(48px,6vw,72px)}.article-cover img{z-index:-2;object-fit:cover;transition:transform .52s cubic-bezier(.2,.75,.25,1),filter .22s}.blog-card:hover .article-cover img,.related-article-card:hover .article-cover img{filter:saturate(1.12)contrast(1.03);transform:scale(1.045)}.article-cover-placeholder{background:radial-gradient(circle at 24% 28%,#00c8f538,#0000 28%),linear-gradient(135deg,#07101d,#0a2e56);position:absolute;inset:0}.blog-card-body{flex-direction:column;flex:1;min-height:224px;padding:22px 22px 24px;display:flex}.blog-card-meta{color:#747e8d;letter-spacing:.065em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 14px;margin-bottom:15px;font-size:10px;font-weight:720;display:flex}.blog-card-category{color:#62dbff;align-items:center;gap:7px;display:inline-flex}.blog-card-category:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px}.blog-card-title{color:var(--text);letter-spacing:-.025em;margin:0 0 11px;font-size:clamp(1.18rem,1.55vw,1.42rem);font-weight:680;line-height:1.24;transition:color .16s}.blog-card:hover .blog-card-title{color:#dff8ff}.blog-card-excerpt{color:#9ea8b7;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13px;line-height:1.58;display:-webkit-box;overflow:hidden}.related-article-card .article-cover{aspect-ratio:16/9;border-radius:14px}html[data-theme=light] .blog-card-meta{color:#68778b}html[data-theme=light] .blog-card{border-color:var(--border);background:linear-gradient(165deg,#fff,#f5f8fb)}html[data-theme=light] .blog-card:hover{border-color:#087fd480;box-shadow:0 24px 68px #1e324e26,0 0 0 1px #087fd414}html[data-theme=light] .article-cover{background:#e7f0f7}html[data-theme=light] .article-cover-hero{border-color:var(--border)}html[data-theme=light] .article-cover-placeholder{background:radial-gradient(circle at 24% 28%,#007fbd2e,#0000 28%),linear-gradient(135deg,#e7f0f7,#b8d8ee)}html[data-theme=light] .blog-card-category{color:#0075ae}html[data-theme=light] .blog-card:hover .blog-card-title{color:#075e9b}html[data-theme=light] .blog-card-excerpt{color:#5c6d82}@media (max-width:1024px){.blog-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:768px){.blog-card-grid{grid-template-columns:1fr}.blog-card{border-radius:18px}.blog-card-body{min-height:0;padding:20px 19px 23px}.article-cover-hero{aspect-ratio:16/9;border-radius:15px;margin-bottom:42px}}@media (max-width:420px){.blog-card-title{font-size:1.25rem}.article-cover-hero{margin-left:-4px;margin-right:-4px}.related-article-card .article-cover{aspect-ratio:16/9;height:auto}}
