.ms-1{margin-left:.25rem!important}.blog-container{max-width:1180px;margin:0 auto;padding:0 24px}.blog-wrap{padding:110px 0 80px}.blog-header{text-align:center;margin-bottom:48px}.blog-eyebrow{display:inline-block;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.6px;color:var(--electric, #4d8dff);margin-bottom:12px}.blog-title{font-size:clamp(30px,5vw,46px);font-weight:800;color:var(--text-primary, #f1f5f9);line-height:1.15}.blog-sub{margin:14px auto 0;max-width:640px;color:var(--text-muted, #94a3b8);font-size:1.05rem}.blog-author-header{display:flex;align-items:center;gap:24px;margin-bottom:40px}.blog-author-header .blog-title,.blog-author-header .blog-sub{text-align:left;margin-left:0;margin-right:0}.blog-author-header__avatar{border-radius:50%;object-fit:cover;flex-shrink:0}.blog-author-header__social{margin-top:12px;display:flex;gap:16px;flex-wrap:wrap}.blog-author-header__social a{font-size:.85rem;color:var(--electric, #4d8dff)}.blog-author-posts-title{font-size:1.25rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin-bottom:20px}@media (max-width: 600px){.blog-author-header{flex-direction:column;align-items:center;text-align:center}.blog-author-header .blog-title,.blog-author-header .blog-sub{text-align:center}}.blog-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 44px;max-width:820px}.blog-cat-pill{padding:7px 16px;border-radius:50px;font-size:.85rem;font-weight:600;color:var(--text-muted, #94a3b8);background:var(--glass-bg, rgba(13, 27, 62, .45));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));transition:color .2s,border-color .2s,background-color .2s}.blog-cat-pill:hover{color:#fff;border-color:#4d8dff66}.blog-cat-pill.is-active{color:#fff;background:#4d8dff2e;border-color:#4d8dff80}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}@media (max-width: 900px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background:var(--glass-bg, rgba(13, 27, 62, .45));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px;overflow:hidden;transition:transform .2s var(--spring-bezier, cubic-bezier(.4, 0, .2, 1)),border-color .2s}.blog-card:hover{transform:translateY(-3px);border-color:#4d8dff59}.blog-card__media{aspect-ratio:16/9;overflow:hidden;background:#ffffff08}.blog-card__media img{width:100%;height:100%;object-fit:cover}.blog-card__media--empty{display:flex;align-items:center;justify-content:center;color:#94a3b866;font-size:2rem}.blog-card__body{display:flex;flex-direction:column;gap:10px;padding:20px;flex:1}.blog-card__cat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--cyan, #38d1ff)}.blog-card__title{font-size:1.12rem;font-weight:700;color:var(--text-primary, #f1f5f9);line-height:1.35}.blog-card__excerpt{font-size:.92rem;color:var(--text-muted, #94a3b8);line-height:1.6;flex:1}.blog-card__meta{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--text-muted, #94a3b8);margin-top:4px}.blog-featured{display:grid;grid-template-columns:1.2fr 1fr;gap:0;background:var(--glass-bg, rgba(13, 27, 62, .45));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:20px;overflow:hidden;margin-bottom:40px}.blog-featured__media{min-height:280px;background:#ffffff08}.blog-featured__media img{width:100%;height:100%;object-fit:cover}.blog-featured__body{padding:36px;display:flex;flex-direction:column;justify-content:center;gap:14px}.blog-featured__badge{align-self:flex-start;padding:4px 12px;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--electric, #4d8dff);background:#4d8dff24;border-radius:10px}.blog-featured__title{font-size:clamp(22px,3vw,30px);font-weight:800;color:var(--text-primary, #f1f5f9);line-height:1.2}@media (max-width: 768px){.blog-featured{grid-template-columns:1fr}.blog-featured__body{padding:24px}}.blog-detail{display:grid;grid-template-columns:260px minmax(0,1fr);gap:48px;align-items:start;max-width:1080px;margin:0 auto}@media (max-width: 900px){.blog-detail{grid-template-columns:1fr;gap:24px}.blog-toc{display:none}}.blog-article-header{margin-bottom:28px}.blog-article-title{font-size:clamp(28px,4.4vw,42px);font-weight:800;color:var(--text-primary, #f1f5f9);line-height:1.18;margin-bottom:14px}.blog-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:14px;color:var(--text-muted, #94a3b8);font-size:.9rem}.blog-article-cover{width:100%;border-radius:16px;margin:24px 0 8px;aspect-ratio:16/8;object-fit:cover}.blog-toc{position:sticky;top:96px;align-self:start;max-height:calc(100vh - 120px);overflow:auto;padding:20px;background:var(--glass-bg, rgba(13, 27, 62, .45));border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:16px}.blog-toc__title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted, #94a3b8);margin-bottom:12px}.blog-toc__list{display:flex;flex-direction:column;gap:2px}.blog-toc__link{display:block;padding:6px 10px;border-left:2px solid transparent;border-radius:0 6px 6px 0;font-size:.88rem;color:var(--text-muted, #94a3b8);transition:color .15s,border-color .15s,background-color .15s}.blog-toc__link:hover{color:#fff}.blog-toc__link.is-active{color:#fff;border-left-color:var(--electric, #4d8dff);background:#4d8dff1a}.blog-toc__link--h3{padding-left:22px;font-size:.83rem}.blog-prose{color:var(--text-secondary, #cbd5e1);font-size:1.04rem;line-height:1.78;word-wrap:break-word}.blog-prose h2{font-size:1.6rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin:40px 0 14px;scroll-margin-top:90px}.blog-prose h3{font-size:1.28rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin:30px 0 12px;scroll-margin-top:90px}.blog-prose p{margin:0 0 18px}.blog-prose a{color:var(--electric, #4d8dff);text-decoration:underline;text-underline-offset:2px}.blog-prose a:hover{color:var(--cyan, #38d1ff)}.blog-prose ul,.blog-prose ol{margin:0 0 18px;padding-left:24px}.blog-prose ul{list-style:disc}.blog-prose ol{list-style:decimal}.blog-prose li{margin:6px 0}.blog-prose blockquote{margin:22px 0;padding:12px 20px;border-left:3px solid var(--electric, #4d8dff);background:#4d8dff0f;border-radius:0 8px 8px 0;color:var(--text-muted, #94a3b8)}.blog-prose code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em;padding:2px 6px;background:#ffffff0f;border-radius:6px}.blog-prose pre{position:relative;margin:22px 0;padding:18px;background:#0000004d;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:12px;overflow-x:auto}.blog-prose pre code{padding:0;background:none}.blog-prose img{border-radius:12px;margin:18px 0}.blog-prose table{width:100%;border-collapse:collapse;margin:22px 0}.blog-prose table th,.blog-prose table td{padding:10px 14px;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));text-align:left}.blog-prose table th{background:#ffffff08;color:var(--text-primary, #f1f5f9)}.blog-faq{margin:48px 0 8px}.blog-faq__title{font-size:1.5rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin-bottom:18px}.blog-faq__item{border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:12px;margin-bottom:12px;background:var(--glass-bg, rgba(13, 27, 62, .45));overflow:hidden}.blog-faq__item summary{list-style:none;cursor:pointer;padding:16px 20px;font-weight:600;color:var(--text-primary, #f1f5f9);display:flex;justify-content:space-between;align-items:center;gap:12px}.blog-faq__item summary::-webkit-details-marker{display:none}.blog-faq__item summary:after{content:"";font-family:"Font Awesome 6 Free";font-weight:900;font-size:.8rem;color:var(--text-muted, #94a3b8);transition:transform .2s}.blog-faq__item[open] summary:after{transform:rotate(180deg)}.blog-faq__item__answer{padding:0 20px 18px;color:var(--text-muted, #94a3b8);line-height:1.7}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.blog-tag{padding:4px 12px;font-size:.8rem;color:var(--text-muted, #94a3b8);background:#ffffff0a;border:1px solid var(--glass-border, rgba(255, 255, 255, .08));border-radius:50px}.blog-cta{margin:44px 0;padding:30px;text-align:center;background:linear-gradient(135deg,#4d8dff24,#38d1ff14);border:1px solid rgba(77,141,255,.25);border-radius:18px}.blog-cta__title{font-size:1.3rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin-bottom:8px}.blog-cta__text{color:var(--text-muted, #94a3b8);margin-bottom:18px}.blog-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}.blog-related{margin-top:56px}.blog-related__title{font-size:1.4rem;font-weight:700;color:var(--text-primary, #f1f5f9);margin-bottom:20px}.blog-related__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}@media (max-width: 600px){.blog-related__grid{grid-template-columns:1fr}}.blog-empty{text-align:center;padding:60px 20px;color:var(--text-muted, #94a3b8)}.blog-empty i{font-size:2.4rem;opacity:.5;margin-bottom:14px;display:block}.blog-pagination{display:flex;justify-content:center;gap:8px;margin-top:44px}.blog-pagination a,.blog-pagination span{min-width:38px;padding:8px 12px;text-align:center;border-radius:8px;font-size:.88rem;color:var(--text-muted, #94a3b8);border:1px solid var(--glass-border, rgba(255, 255, 255, .08))}.blog-pagination a:hover{color:#fff;border-color:#4d8dff66}.blog-pagination .is-active{color:#fff;background:#4d8dff2e;border-color:#4d8dff80}.blog-pagination .is-disabled{opacity:.4;pointer-events:none}.blog-breadcrumb{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;font-size:.85rem}.blog-breadcrumb a{color:var(--text-muted, #94a3b8);text-decoration:none;transition:color .15s}.blog-breadcrumb a:hover{color:var(--electric, #4d8dff)}.blog-breadcrumb__sep{color:var(--text-muted, #94a3b8);opacity:.5}.blog-breadcrumb__current{color:var(--text-primary, #f1f5f9);font-weight:600}.blog-copy-btn{position:absolute;top:10px;right:10px;padding:5px 12px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.4px;color:var(--text-muted, #94a3b8);background:#ffffff0f;border:1px solid var(--glass-border, rgba(255, 255, 255, .12));border-radius:8px;cursor:pointer;transition:color .15s,background .15s,border-color .15s}.blog-copy-btn:hover{color:#fff;background:#4d8dff2e;border-color:#4d8dff73}.blog-copy-btn.is-done{color:#fff;background:#22c55e38;border-color:#22c55e80}[data-theme=light] .blog-copy-btn{color:#475569;background:#0f172a0a;border-color:#0f172a1f}
