.blog-post{animation:blogCardIn .25s ease both;max-width:800px;margin:0 auto;padding:0 24px}@keyframes blogCardIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.blog-post-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:#94a3b8;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;transition:color .2s}.blog-post-back:hover{color:#f8fafc}.blog-post-header{margin-bottom:28px;padding-bottom:24px;border-bottom:1px solid hsla(0,0%,100%,.07)}.blog-post-tag{display:inline-flex;padding:3px 10px;border-radius:999px;background:rgba(56,189,248,.1);color:#38bdf8;font-size:12px;font-weight:500;margin-bottom:12px}.blog-post-title{font-family:"DM Serif Display",serif;font-size:32px;color:#f8fafc;margin:0 0 12px;line-height:1.2}.blog-post-meta{display:flex;align-items:center;gap:10px;font-size:13px;color:#64748b;flex-wrap:wrap}.blog-meta-dot{width:3px;height:3px;border-radius:50%;background:#334155;flex-shrink:0}.blog-meta-stat{color:#94a3b8}.blog-meta-btn,.blog-meta-stat{display:flex;align-items:center;gap:5px}.blog-meta-btn{background:none;border:none;padding:2px 6px;border-radius:4px;color:#64748b;cursor:pointer;transition:all .2s;font-family:inherit;font-size:13px}.blog-meta-btn:hover{color:#f8fafc;background:hsla(0,0%,100%,.05)}.blog-meta-btn.liked{color:#ef4444}.blog-meta-btn.liked:hover{color:#f87171}.blog-share-group{display:flex;align-items:center;gap:4px}.blog-share-group .blog-meta-btn{padding:4px;border-radius:50%}.blog-post-body{background:linear-gradient(160deg,#0d1526,#111e36);border:1px solid hsla(0,0%,100%,.07);border-radius:16px;padding:32px 40px;margin:24px 0;color:#cbd5e1;line-height:1.7}.blog-post-thumbnail{margin-bottom:32px;border-radius:12px;overflow:hidden;border:1px solid hsla(0,0%,100%,.05)}.blog-post-thumbnail img{width:100%;height:auto;display:block}@media (max-width:560px){.blog-post{padding:0 16px}.blog-post-title{font-size:24px}.blog-post-body{padding:24px 20px}.blog-post-meta{gap:8px}}