.blog-post-page{min-height:100vh;padding-top:var(--navbar-height);color:#0a1628;background:radial-gradient(circle at 12% 8%,#eef3ff,#0000 38%),radial-gradient(circle at 95% 38%,#f4edff,#0000 40%),#f8fafc}.blog-post-page__loading{justify-content:center;padding:160px 0;display:flex}.blog-post-page__spinner{border:3px solid #818cf838;border-top-color:#818cf8;border-radius:50%;width:44px;height:44px;animation:.8s linear infinite blog-spin}@keyframes blog-spin{to{transform:rotate(360deg)}}.blog-post-page__error{min-height:60vh;padding:120px var(--space-xl);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.blog-post-page__error h1{color:#0a1628;margin:0 0 18px;font-size:2rem}.blog-post-page__back-btn,.blog-post__back{color:#315bf5;font-weight:800;text-decoration:none}.blog-post-page__back-btn:hover,.blog-post__back:hover{color:#0a1628}.blog-post{max-width:980px;padding:58px var(--space-xl) 96px}.blog-post__back{align-items:center;gap:8px;margin-bottom:26px;font-size:.9rem;display:inline-flex}.blog-post__back svg{width:17px;height:17px}.blog-post__header,.blog-post__content-card,.blog-post__tags-card,.blog-post__related-card{background:#fff;border:1px solid #818cf824;box-shadow:0 8px 30px #1e325a0d}.blog-post__header{border-radius:30px;margin-bottom:26px;padding:clamp(28px,5vw,56px)}.blog-post__meta{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:22px;display:flex}.blog-card__badge{color:#0a1628;text-transform:capitalize;border-radius:999px;align-items:center;min-height:24px;padding:0 11px;font-size:.68rem;font-weight:900;display:inline-flex}.blog-post__reading,.blog-post__views,.blog-post__date{color:#64748b;font-size:.84rem}.blog-post__title{color:#0a1628;letter-spacing:0;margin:0 0 18px;font-size:clamp(2.2rem,5.3vw,4.8rem);font-weight:900;line-height:1.02}.blog-post__excerpt{color:#52627a;max-width:820px;margin:0 0 30px;font-size:1.1rem;line-height:1.75}.blog-post__author-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;display:flex}.blog-post__author-info,.blog-card__author-row{align-items:center;gap:12px;display:flex}.blog-card__avatar{color:#0a1628;background:linear-gradient(135deg,#0106b4 0%,#4f52d4 100%);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.82rem;font-weight:900;display:flex}.blog-card__avatar--lg{width:44px;height:44px;font-size:1rem}.blog-post__author-name{color:#0a1628;font-size:.95rem;font-weight:850}.blog-post__share-btn{color:#0a1628;background:#f1f5ff;border:1px solid #818cf838;border-radius:999px;align-items:center;gap:8px;min-height:42px;padding:0 18px;font-size:.86rem;font-weight:850;transition:transform .18s,background .18s,border-color .18s;display:inline-flex}.blog-post__share-btn:hover{background:linear-gradient(111.18deg,#0106b4 0%,#2d1ae8 100%);border-color:#818cf86b;transform:translateY(-2px)}.blog-post__share-btn svg{width:16px;height:16px}.blog-post__featured-image{background:#f1f5f9;border:1px solid #818cf824;border-radius:26px;margin-bottom:26px;overflow:hidden}.blog-post__featured-image img{object-fit:contain;width:100%;height:auto;max-height:520px;display:block}.blog-post__content-card{border-radius:26px;margin-bottom:26px;padding:clamp(26px,4vw,48px)}.blog-post__content{color:#334155;font-size:1.02rem;line-height:1.85}.blog-post__content h1,.blog-post__content h2,.blog-post__content h3,.blog-post__content h4{color:#0a1628;letter-spacing:0}.blog-post__content h1{margin:1.6rem 0 1rem;font-size:2rem}.blog-post__content h2{margin:1.55rem 0 .9rem;font-size:1.62rem}.blog-post__content h3{margin:1.35rem 0 .75rem;font-size:1.32rem}.blog-post__content h4{margin:1.1rem 0 .6rem;font-size:1.12rem}.blog-post__content p{margin:0 0 1.08rem}.blog-post__content ul,.blog-post__content ol{margin:0 0 1.1rem;padding-left:1.35rem}.blog-post__content ul{list-style-type:disc}.blog-post__content ol{list-style-type:decimal}.blog-post__content li{margin:.3rem 0}.blog-post__content blockquote{color:#334155;background:#818cf81a;border-left:4px solid #3b40d8;border-radius:0 16px 16px 0;margin:1.4rem 0;padding:1rem 1.2rem;font-style:italic}.blog-post__content code{color:#315bf5;background:#818cf81f;border-radius:6px;padding:.2rem .5rem;font-family:Monaco,Consolas,monospace;font-size:.9em}.blog-post__content pre{color:#334155;background:#f1f5f9;border:1px solid #818cf81f;border-radius:16px;margin:1.2rem 0;padding:1rem;overflow-x:auto}.blog-post__content pre code{color:inherit;background:0 0;padding:0}.blog-post__content img,.blog-post__content figure img{border-radius:18px;max-width:100%;height:auto;margin:1rem 0}.blog-post__content a{color:#315bf5;-webkit-text-decoration:underline #818cf880;text-decoration:underline #818cf880}.blog-post__content strong{color:#0a1628;font-weight:850}.blog-post__content hr{background:#818cf824;border:none;height:1px;margin:1.6rem 0}.blog-post__content table,.blog-post__content .editor-table{border-collapse:collapse;border:1px solid #818cf824;border-radius:16px;width:100%;margin:1.5rem 0;overflow:hidden}.blog-post__content th,.blog-post__content td{text-align:left;border:1px solid #818cf824;padding:.78rem 1rem}.blog-post__content th,.blog-post__content tr:first-child td{color:#0a1628;background:#818cf81a}.blog-post__content tbody tr:nth-child(2n){background:#f8fafc}.blog-post__content figure{margin:1.5rem 0}.blog-post__content figcaption{color:#64748b;text-align:center;margin-top:.5rem;font-size:.86rem;font-style:italic}.blog-post__tags-card,.blog-post__related-card{border-radius:24px;margin-bottom:26px;padding:26px}.blog-post__tags-card h3,.blog-post__related-card h3{color:#0a1628;margin:0 0 16px;font-size:1.15rem}.blog-post__tags{flex-wrap:wrap;gap:8px;display:flex}.blog-post__tag{color:#315bf5;background:#818cf81a;border-radius:999px;padding:6px 13px;font-size:.82rem;font-weight:750}.blog-post__related-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:18px;display:grid}.blog-post__related-item{color:inherit;background:#f8fafc;border:1px solid #818cf81f;border-radius:18px;padding:20px;text-decoration:none;transition:transform .18s,border-color .18s,background .18s}.blog-post__related-item:hover{background:#eef3ff;border-color:#818cf847;transform:translateY(-3px)}.blog-post__related-meta{align-items:center;gap:8px;margin-bottom:10px;display:flex}.blog-post__related-item h4{color:#0a1628;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 8px;font-size:.95rem;font-weight:850;line-height:1.35;display:-webkit-box;overflow:hidden}.blog-post__related-item p{color:#52627a;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.82rem;line-height:1.55;display:-webkit-box;overflow:hidden}@media (max-width:768px){.blog-post{padding:42px var(--space-md) 72px}.blog-post__author-bar{flex-direction:column;align-items:flex-start}.blog-post__related-grid{grid-template-columns:1fr}}.blog-post-page{--color-text-tertiary:#64748b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}.blog-post-page .blog-card__badge,.blog-post-page .blog-card__avatar,.blog-post__share-btn:hover{color:#fff}.blog-post__back:hover,.blog-post-page__back-btn:hover{color:#243bc1}.blog-post__content{overflow-wrap:anywhere}.blog-post__header{border-radius:22px}.blog-post__title{letter-spacing:-.025em;overflow-wrap:anywhere;font-size:clamp(28px,3.2vw,42px);font-weight:750;line-height:1.2}.blog-post__share-btn:focus-visible,.blog-post__back:focus-visible,.blog-post__related-item:focus-visible{outline-offset:4px;outline:2px solid #315bf5}