.blog-inner{max-width:1200px;margin:0 auto;padding:0 24px}.blog-hero{text-align:center;background:#120f17;padding:140px 0 80px;position:relative;overflow:hidden}.blog-hero-bg{pointer-events:none;background:radial-gradient(#7c5cfc0f 0%,#0000 70%);width:800px;height:500px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blog-hero-content{z-index:1;max-width:700px;margin:0 auto;padding:0 24px;position:relative}.blog-hero-title{font-family:var(--font-display);letter-spacing:-.03em;color:#fff;margin:0 0 16px;font-size:clamp(36px,5vw,56px);font-weight:500;line-height:1.08}.blog-hero-sub{color:#fff6;margin:0;font-family:Geist,sans-serif;font-size:15px;line-height:1.6}.blog-section{background:#120f17;padding:40px 0 120px}.blog-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.blog-card{-webkit-backdrop-filter:blur(32px)saturate(1.3);background:#120f1773;border:1px solid #ffffff14;border-radius:16px;transition:border-color .3s,translate .3s;position:relative;overflow:hidden;box-shadow:0 4px 32px #00000040}.blog-card:hover{border-color:#ffffff26;translate:0 -2px}.blog-card-link{flex-direction:column;height:100%;text-decoration:none;display:flex}.blog-card-img-wrap{aspect-ratio:16/9;background:#ffffff05;width:100%;overflow:hidden}.blog-card-img{object-fit:cover;width:100%;height:100%;transition:transform .4s}.blog-card:hover .blog-card-img{transform:scale(1.03)}.blog-card-body{flex-direction:column;flex:1;gap:8px;padding:18px 20px 12px;display:flex}.blog-card-meta{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.blog-card-date,.blog-card-tag{color:#ffffff4d;text-transform:uppercase;letter-spacing:.03em;align-items:center;gap:5px;font-family:Geist Mono,monospace;font-size:10px;display:inline-flex}.blog-card-tag{color:#7c5cfc99}.blog-card-title{color:#fff;letter-spacing:-.01em;margin:0;font-family:Geist,sans-serif;font-size:17px;font-weight:600;line-height:1.3}.blog-card-excerpt{color:#ffffff73;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:Geist,sans-serif;font-size:13px;line-height:1.55;display:-webkit-box;overflow:hidden}.blog-card-foot{border-top:1px solid #ffffff0a;justify-content:space-between;align-items:center;padding:12px 20px 18px;display:flex}.blog-card-read{color:#ffffff80;align-items:center;gap:6px;font-family:Geist Mono,monospace;font-size:11px;transition:color .2s;display:inline-flex}.blog-card:hover .blog-card-read{color:#ffffffd9}.blog-card-readtime{color:#ffffff40;align-items:center;gap:4px;font-family:Geist,sans-serif;font-size:11px;display:inline-flex}.blog-loading{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.blog-skeleton{background:#ffffff08;border:1px solid #ffffff0d;border-radius:16px;height:380px;animation:1.5s ease-in-out infinite blogSkeleton}@keyframes blogSkeleton{0%,to{opacity:.3}50%{opacity:.6}}.blog-empty{text-align:center;color:#ffffff4d;grid-column:1/-1;padding:80px 0;font-family:Geist,sans-serif}.blog-skeleton-block{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:16px;animation:1.5s ease-in-out infinite blogSkeleton}.blog-post-section{background:#120f17;padding:60px 0 100px}.blog-post-inner{max-width:720px}.blog-post-back{color:#ffffff59;align-items:center;gap:6px;margin-bottom:32px;font-family:Geist Mono,monospace;font-size:12px;text-decoration:none;transition:color .2s;display:inline-flex}.blog-post-back:hover{color:#ffffffb3}.blog-post-header{margin-bottom:32px}.blog-post-tags{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.blog-post-tag{color:#7c5cfcb3;text-transform:uppercase;letter-spacing:.03em;background:#7c5cfc14;border:1px solid #7c5cfc26;border-radius:6px;align-items:center;gap:5px;padding:4px 10px;font-family:Geist Mono,monospace;font-size:10px;display:inline-flex}.blog-post-title{font-family:var(--font-display);letter-spacing:-.02em;color:#fff;margin:0 0 16px;font-size:clamp(28px,3.5vw,40px);font-weight:500;line-height:1.12}.blog-post-meta{color:#ffffff4d;flex-wrap:wrap;align-items:center;gap:16px;font-family:Geist,sans-serif;font-size:13px;display:flex}.blog-post-meta span{align-items:center;gap:6px;display:inline-flex}.blog-post-author strong{color:#ffffff80;font-weight:600}.blog-post-img-wrap{border:1px solid #ffffff0f;border-radius:14px;margin-bottom:40px;overflow:hidden}.blog-post-img{width:100%;height:auto;display:block}.blog-post-content{color:#ffffffbf;font-family:Geist,sans-serif;font-size:16px;line-height:1.75}.blog-post-content h2{color:#fff;letter-spacing:-.01em;margin:1.8em 0 .5em;font-family:Geist,sans-serif;font-size:24px;font-weight:600}.blog-post-content h3{color:#fff;margin:1.5em 0 .4em;font-size:19px;font-weight:600}.blog-post-content p{margin-bottom:1.2em}.blog-post-content a{color:#7c5cfccc;text-underline-offset:2px;text-decoration:underline;transition:color .2s}.blog-post-content a:hover{color:#7c5cfc}.blog-post-content ul,.blog-post-content ol{margin:0 0 1.2em 1.4em;padding:0}.blog-post-content li{margin-bottom:.4em}.blog-post-content blockquote{color:#ffffff80;border-left:2px solid #7c5cfc4d;margin:1.5em 0;padding:.5em 1em;font-style:italic}.blog-post-content img{border:1px solid #ffffff0f;border-radius:10px;max-width:100%;height:auto;margin:1.5em 0}.blog-post-content pre{color:#ffffffb3;background:#120f17cc;border:1px solid #ffffff0f;border-radius:10px;margin:1.2em 0;padding:16px 20px;font-family:Geist Mono,monospace;font-size:13px;line-height:1.6;overflow-x:auto}.blog-post-content code{background:#ffffff0d;border-radius:4px;padding:2px 6px;font-family:Geist Mono,monospace;font-size:.9em}.blog-post-content pre code{background:0 0;padding:0}.blog-post-related{border-top:1px solid #ffffff0f;margin-top:64px;padding-top:40px}.blog-post-related-title{font-family:var(--font-display);color:#fff;letter-spacing:-.01em;margin:0 0 20px;font-size:22px;font-weight:500}.blog-post-related-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.blog-related-card{background:#ffffff05;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;padding:20px;text-decoration:none;transition:border-color .2s,background .2s;display:flex}.blog-related-card:hover{background:#ffffff08;border-color:#ffffff1f}.blog-related-card h3{color:#fff;letter-spacing:-.01em;margin:0 0 8px;font-family:Geist,sans-serif;font-size:15px;font-weight:600}.blog-related-card p{color:#fff6;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 auto;font-family:Geist,sans-serif;font-size:12px;line-height:1.5;display:-webkit-box;overflow:hidden}.blog-related-link{color:#ffffff59;align-items:center;gap:5px;margin-top:12px;font-family:Geist Mono,monospace;font-size:11px;transition:color .2s;display:inline-flex}.blog-related-card:hover .blog-related-link{color:#ffffffb3}.blog-post-cta{border-top:1px solid #ffffff0f;margin-top:64px;padding-top:40px}.blog-post-cta-inner{text-align:center;background:#7c5cfc0a;border:1px solid #7c5cfc26;border-radius:16px;padding:36px 32px}.blog-post-cta-inner h3{color:#fff;margin:0 0 10px;font-family:Geist,sans-serif;font-size:20px;font-weight:600}.blog-post-cta-inner p{color:#fff6;max-width:42ch;margin:0 auto 24px;font-family:Geist,sans-serif;font-size:14px;line-height:1.6}.blog-post-cta-btn{color:#fff;background:#7c5cfc;border:1px solid #7c5cfc;border-radius:10px;align-items:center;gap:8px;padding:11px 22px;font-family:Geist Mono,monospace;font-size:13px;font-weight:500;text-decoration:none;transition:filter .2s,transform .2s;display:inline-flex}.blog-post-cta-btn:hover{filter:brightness(1.12);transform:translateY(-1px)}@media (max-width:768px){.blog-hero{padding:100px 0 60px}.blog-grid,.blog-loading{grid-template-columns:1fr}.blog-section{padding:24px 0 80px}.blog-post-inner{padding:0 16px}.blog-post-related-grid{grid-template-columns:1fr}.blog-post-cta-inner{padding:28px 20px}}.blog-card-meta-dot{color:#fff3;margin:0 6px}.blog-card-reading{color:#ffffff59;text-transform:uppercase;letter-spacing:.04em;font-size:11px}.blog-card-cats{flex-wrap:wrap;gap:6px;margin-bottom:8px;display:flex}.blog-card-cat{text-transform:uppercase;letter-spacing:.04em;color:#7c5cfc;background:#7c5cfc1a;border-radius:4px;padding:2px 8px;font-size:10px;font-weight:600;text-decoration:none;transition:background .2s;display:inline-flex}.blog-card-cat:hover{background:#7c5cfc33}.blog-post-taxo{flex-wrap:wrap;align-items:center;gap:12px;margin-top:12px;display:flex}.blog-post-cats,.blog-post-tags{flex-wrap:wrap;gap:6px;display:flex}.blog-post-cat{text-transform:uppercase;letter-spacing:.04em;color:#7c5cfc;background:#7c5cfc1a;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:600;display:inline-flex}.blog-post-tag{color:#ffffff80;background:#ffffff0f;border-radius:6px;padding:3px 10px;font-size:11px;font-weight:500;display:inline-flex}@media (max-width:480px){.blog-hero{padding:80px 0 48px}.blog-inner{padding:0 16px}.blog-card-title{font-size:15px}}