/* HorizonNode Blog */
.hn-blog,.hn-blog-article{background:#030316;color:#fff;min-height:100vh}
.hn-blog-shell,.hn-blog-article-shell{width:min(1400px,calc(100% - 56px));margin:0 auto}
.hn-blog-hero{padding:28px 0 68px;background:
 radial-gradient(circle at 50% 20%,rgba(0,145,255,.08),transparent 30%),
 radial-gradient(circle at 18% 48%,rgba(94,43,255,.09),transparent 27%),
 #030316}
.hn-blog-breadcrumb{display:flex;gap:12px;align-items:center;color:#aeb6d6;font-size:15px}
.hn-blog-breadcrumb a{color:#9eb8df;text-decoration:none}
.hn-blog-hero-copy{text-align:center;padding:66px 0 54px}
.hn-blog-pill{display:inline-flex;padding:8px 15px;border-radius:999px;background:rgba(0,145,255,.14);color:#09a5ff;font-weight:800;font-size:14px}
.hn-blog-hero h1{font-size:58px;line-height:1.05;margin:25px 0 18px;letter-spacing:-1.5px}
.hn-blog-hero p{font-size:18px;color:#aeb7dc}
.hn-blog-search{height:56px;border:1px solid #383651;background:rgba(13,12,37,.84);border-radius:999px;display:flex;align-items:center;padding:0 20px;gap:14px}
.hn-blog-search-icon{width:17px;height:17px;border:2px solid #aab2cf;border-radius:50%;position:relative}
.hn-blog-search-icon:after{content:"";position:absolute;width:7px;height:2px;background:#aab2cf;right:-5px;bottom:-2px;transform:rotate(45deg)}
.hn-blog-search input{flex:1;background:none;border:0;outline:0;color:#fff;font-size:14px}
.hn-blog-list{padding:0 0 80px}
.hn-blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.hn-blog-card{border:1px solid #2f2c4a;border-radius:14px;overflow:hidden;background:#0d0a2a;transition:.2s transform,.2s border-color}
.hn-blog-card:hover{transform:translateY(-4px);border-color:#0b78c4}
.hn-blog-card-image{display:block;aspect-ratio:16/9;background:#11122d;overflow:hidden}
.hn-blog-card-image img{width:100%;height:100%;object-fit:cover;display:block}
.hn-blog-card-body{padding:22px}
.hn-blog-card h2{font-size:17px;line-height:1.35;margin:0 0 14px}
.hn-blog-card h2 a{color:#fff;text-decoration:none}
.hn-blog-card p{color:#aeb6d6;line-height:1.65;font-size:14px;margin:0 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hn-blog-card-meta{display:flex;align-items:center;gap:9px;color:#9aa4c4;font-size:12px}
.hn-blog-arrow{margin-left:auto;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#6759ef;color:#fff;text-decoration:none;font-size:18px}
.hn-blog-pagination{display:flex;justify-content:center;align-items:center;gap:8px;margin:70px 0 10px}
.hn-blog-pagination a{min-width:38px;height:38px;padding:0 12px;display:grid;place-items:center;border:1px solid #24233f;border-radius:9px;color:#c7ccea;text-decoration:none;font-size:12px}
.hn-blog-pagination a.active{background:#049df5;border-color:#049df5;color:#02111c;font-weight:900}
.hn-blog-empty{text-align:center;padding:70px 0;color:#aeb6d6}
.hn-blog-cta{width:min(1400px,calc(100% - 56px));margin:40px auto 90px;position:relative}
.hn-blog-cta img{width:100%;height:auto;display:block;border-radius:22px}
.hn-blog-cta .hot{position:absolute;z-index:2;bottom:12%;height:17%}
.hn-blog-cta .launch{left:4%;width:18%}
.hn-blog-cta .explore{left:23.5%;width:16%}

/* Article */
.hn-blog-article{padding-top:55px}
.hn-blog-article-shell{width:min(1000px,calc(100% - 48px))}
.hn-blog-article-meta-top{display:flex;justify-content:center;gap:10px;color:#aeb6d6;font-size:13px}
.hn-blog-article-meta-top a{color:#09a5ff;text-decoration:none;font-weight:800}
.hn-blog-article h1{font-size:52px;line-height:1.12;letter-spacing:-1.4px;text-align:center;margin:26px auto 20px;max-width:900px}
.hn-blog-article-lead{text-align:center;color:#aeb7dc;font-size:19px;line-height:1.55;max-width:820px;margin:0 auto}
.hn-blog-author{display:flex;align-items:center;justify-content:center;gap:13px;margin:34px 0 58px}
.hn-blog-author-logo{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#0d203b;border:1px solid #254564;color:#09a5ff;font-weight:900}
.hn-blog-author strong,.hn-blog-author span{display:block}
.hn-blog-author span{color:#929bb9;font-size:12px;margin-top:4px}
.hn-blog-feature{margin:0 0 50px;border:1px solid #302e4b;border-radius:14px;overflow:hidden}
.hn-blog-feature img{display:block;width:100%;height:auto}
.hn-blog-prose{font-size:18px;line-height:1.8;color:#edf0fa}
.hn-blog-prose h2{font-size:31px;margin:48px 0 18px;color:#fff}
.hn-blog-prose h3{font-size:23px;margin:36px 0 15px}
.hn-blog-prose p{margin:0 0 24px}
.hn-blog-prose ol,.hn-blog-prose ul{padding-left:30px;margin:20px 0 32px}
.hn-blog-prose li{margin:14px 0;padding-left:8px}
.hn-blog-prose a{color:#09a5ff}
.hn-blog-end{margin-top:60px;border-top:1px solid #282641;padding-top:30px;color:#b6bdd6}

@media(max-width:1000px){.hn-blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){
 .hn-blog-shell,.hn-blog-article-shell,.hn-blog-cta{width:min(100% - 28px,1400px)}
 .hn-blog-grid{grid-template-columns:1fr}
 .hn-blog-hero h1{font-size:42px}
 .hn-blog-article h1{font-size:38px}
 .hn-blog-prose{font-size:16px}
}