.blog-main{min-height:70vh;background:var(--bg);color:var(--text)}
.blog-hero{position:relative;overflow:hidden;padding:clamp(76px,10vw,140px) 24px 70px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 15%,rgba(47,128,255,.22),transparent 34%),linear-gradient(145deg,#070a10 35%,#0b1421)}
.blog-hero::after{content:"INSIGHTS";position:absolute;right:-.02em;bottom:-.22em;color:rgba(255,255,255,.025);font-size:clamp(100px,20vw,310px);font-weight:950;letter-spacing:-.08em;pointer-events:none}
.blog-shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.blog-kicker{display:inline-flex;align-items:center;gap:10px;color:var(--blue-2);font-size:12px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.blog-kicker::before{content:"";width:34px;height:2px;background:currentColor}
.blog-hero h1{position:relative;z-index:1;max-width:850px;margin:18px 0 12px;font-size:clamp(54px,8vw,112px);line-height:.9;letter-spacing:-.065em}.blog-hero p{position:relative;z-index:1;max-width:650px;margin:0;color:var(--muted);font-size:18px;line-height:1.7}
.posts-section{padding:70px 0 110px}.posts-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:28px}.post-card{grid-column:span 4;display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);background:linear-gradient(160deg,var(--surface),rgba(12,16,24,.8));transition:transform .25s ease,border-color .25s ease}.post-card:first-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(320px,1.05fr) minmax(0,.95fr)}.post-card:hover{transform:translateY(-6px);border-color:rgba(101,167,255,.55)}
.post-card-media{display:block;aspect-ratio:16/10;overflow:hidden;background:linear-gradient(135deg,#102a50,#0b111b)}.post-card-media img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.post-card:hover .post-card-media img{transform:scale(1.035)}.post-card-placeholder{height:100%;display:grid;place-items:center;color:rgba(255,255,255,.18);font-size:64px;font-weight:950}
.post-card-body{display:flex;flex:1;flex-direction:column;padding:26px}.post-meta{display:flex;flex-wrap:wrap;gap:9px 18px;color:var(--blue-2);font-size:11px;font-weight:850;letter-spacing:.09em;text-transform:uppercase}.post-card h2{margin:15px 0 12px;font-size:clamp(24px,2.5vw,36px);line-height:1.08;letter-spacing:-.035em}.post-card h2 a{color:inherit;text-decoration:none}.post-card p{margin:0 0 24px;color:var(--muted);line-height:1.75}.read-more{display:inline-flex;align-items:center;gap:10px;margin-top:auto;color:#fff;font-size:12px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.read-more::after{content:"→";color:var(--blue-2);font-size:18px;transition:transform .2s}.read-more:hover::after{transform:translateX(5px)}
.pagination{margin-top:55px}.pagination .nav-links{display:flex;flex-wrap:wrap;gap:8px}.pagination a,.pagination span{display:grid;min-width:44px;height:44px;padding:0 12px;place-items:center;border:1px solid var(--line);color:var(--text);text-decoration:none}.pagination .current,.pagination a:hover{border-color:var(--blue);background:var(--blue)}
.empty-state{grid-column:1/-1;padding:70px 30px;border:1px solid var(--line);text-align:center;background:var(--surface)}
.article-hero{padding:80px 0 56px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 75% 15%,rgba(47,128,255,.18),transparent 35%)}.article-hero h1{max-width:980px;margin:20px 0;font-size:clamp(46px,7vw,90px);line-height:.98;letter-spacing:-.055em}.article-meta{display:flex;flex-wrap:wrap;gap:12px 24px;color:var(--muted);font-size:13px}.article-featured{width:min(1180px,calc(100% - 40px));margin:50px auto 0}.article-featured img{width:100%;max-height:680px;object-fit:cover}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 270px;gap:80px;align-items:start;padding:70px 0 110px}.article-content{font-size:18px;line-height:1.85;color:#d9e1eb}.article-content>*:first-child{margin-top:0}.article-content h2,.article-content h3{color:#fff;line-height:1.15;letter-spacing:-.03em}.article-content h2{margin:2em 0 .7em;font-size:38px}.article-content h3{margin:1.8em 0 .6em;font-size:28px}.article-content a{color:var(--blue-2)}.article-content blockquote{margin:2em 0;padding:24px 28px;border-left:3px solid var(--blue);background:var(--surface);color:#fff;font-size:23px}.article-content img{height:auto}.article-sidebar{position:sticky;top:105px;padding:24px;border:1px solid var(--line);background:var(--surface)}.article-sidebar h2{margin:0 0 16px;font-size:17px;text-transform:uppercase;letter-spacing:.08em}.article-sidebar ul{margin:0;padding:0;list-style:none}.article-sidebar li+li{margin-top:12px}.article-sidebar a{color:var(--muted);text-decoration:none}.article-sidebar a:hover{color:#fff}.post-navigation{border-top:1px solid var(--line);padding-top:28px;margin-top:50px}.post-navigation .nav-links{display:grid;grid-template-columns:1fr 1fr;gap:20px}.post-navigation a{display:block;padding:18px;border:1px solid var(--line);color:#fff;text-decoration:none}
.page-content-shell{width:min(900px,calc(100% - 40px));margin:0 auto;padding:80px 0 110px}.page-content-shell h1{font-size:clamp(44px,7vw,82px);letter-spacing:-.05em}
.comments-area{margin-top:60px;padding-top:35px;border-top:1px solid var(--line)}.comment-list{padding:0;list-style:none}.comment-list .comment-body{margin:18px 0;padding:22px;border:1px solid var(--line);background:var(--surface)}.comment-meta{font-size:13px}.comment-content{margin-top:14px}.comment-respond{margin-top:45px}.comment-form label{display:block;margin:15px 0 7px;color:var(--muted);font-size:13px}.comment-form input,.comment-form textarea,.search-form input{width:100%;padding:14px;border:1px solid var(--line);background:#080d14;color:#fff}.comment-form .submit,.search-form .search-submit{width:auto;margin-top:10px;padding:13px 20px;border:0;background:var(--blue);color:#fff;font-weight:800;cursor:pointer}
@media(max-width:900px){.post-card{grid-column:span 6}.post-card:first-child{grid-column:1/-1}.article-layout{grid-template-columns:1fr}.article-sidebar{position:static}}
@media(max-width:640px){.blog-shell{width:min(100% - 28px,1180px)}.blog-hero{padding:64px 14px 50px}.posts-section{padding:42px 0 75px}.post-card,.post-card:first-child{grid-column:1/-1}.post-card:first-child{display:flex}.post-card-body{padding:21px}.article-layout{padding-top:45px;gap:45px}.article-content{font-size:17px}.article-content h2{font-size:31px}.post-navigation .nav-links{grid-template-columns:1fr}}