.blog-post-page{min-height:100vh;padding-top:var(--navbar-height);color:#fff;background:radial-gradient(circle at 18% 10%,#2d1ae838,#0000 32%),radial-gradient(circle at 82% 36%,#818cf826,#0000 34%),#05062f}.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:#fff;margin:0 0 18px;font-size:2rem}.blog-post-page__back-btn,.blog-post__back{color:#aeb5ff;font-weight:800;text-decoration:none}.blog-post-page__back-btn:hover,.blog-post__back:hover{color:#fff}.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:radial-gradient(circle at 92% 0,#3b40d829,#0000 32%),#12143edb;border:1px solid #818cf824;box-shadow:0 24px 64px #0000002e,inset 0 1px #ffffff0a}.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:#fff;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:#858aa8;font-size:.84rem}.blog-post__title{color:#fff;letter-spacing:0;margin:0 0 18px;font-size:50px;font-weight:900;line-height:1.02}.blog-post__excerpt{color:#a7abc6;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:#fff;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:#fff;font-size:.95rem;font-weight:850}.blog-post__share-btn{color:#fff;background:#ffffff09;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:#05062fb8;border:1px solid #818cf824;border-radius:26px;margin-bottom:26px;overflow:hidden}.blog-post__featured-image img{object-fit:cover;width:100%;max-height:520px;display:block}.blog-post__content-card{border-radius:26px;margin-bottom:26px;padding:clamp(26px,4vw,48px)}.blog-post__content{color:#c0c4dc;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:#fff;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:#e7e9ff;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:#d7dbff;background:#818cf81f;border-radius:6px;padding:.2rem .5rem;font-family:Monaco,Consolas,monospace;font-size:.9em}.blog-post__content pre{color:#e2e8f0;background:#05062f;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:#aeb5ff;-webkit-text-decoration:underline #818cf880;text-decoration:underline #818cf880}.blog-post__content strong{color:#fff;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 th *{background:#f1f5f9;color:#020617!important}.blog-post__content td,.blog-post__content td *{color:#fff!important}.blog-post__content tbody tr,.blog-post__content tbody tr:nth-child(2n){background:#1f2367db}.blog-post__content figure{margin:1.5rem 0}.blog-post__content figcaption{color:#858aa8;text-align:center;margin-top:.5rem;font-size:.86rem;font-style:italic}[data-theme=dark] .blog-post__content,[data-theme=dark] .blog-post__content :where(p,span,div,li,h1,h2,h3,h4,h5,h6,strong,em,u,s,blockquote){color:#fff!important}[data-theme=dark] .blog-post__content a{color:#c7ccff!important}[data-theme=dark] .blog-post__content figcaption{color:#ffffffc7!important}.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:#fff;margin:0 0 16px;font-size:1.15rem}.blog-post__tags{flex-wrap:wrap;gap:8px;display:flex}.blog-post__tag{color:#aeb5ff;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:#05062f7a;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:#121448b8;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:#fff;-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:#a7abc6;-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}}html:not([data-theme=dark]) .blog-post-page,[data-theme=light] .blog-post-page{color:var(--color-text);background:radial-gradient(circle at 18% 10%, #2d1ae814, transparent 32%), radial-gradient(circle at 82% 36%, #00d0940f, transparent 34%), var(--color-bg)}html:not([data-theme=dark]) .blog-post-page__error h1,[data-theme=light] .blog-post-page__error h1,html:not([data-theme=dark]) .blog-post__title,[data-theme=light] .blog-post__title,html:not([data-theme=dark]) .blog-post__author-name,[data-theme=light] .blog-post__author-name,html:not([data-theme=dark]) .blog-post__content h1,html:not([data-theme=dark]) .blog-post__content h2,html:not([data-theme=dark]) .blog-post__content h3,html:not([data-theme=dark]) .blog-post__content h4,[data-theme=light] .blog-post__content h1,[data-theme=light] .blog-post__content h2,[data-theme=light] .blog-post__content h3,[data-theme=light] .blog-post__content h4,html:not([data-theme=dark]) .blog-post__content strong,[data-theme=light] .blog-post__content strong,html:not([data-theme=dark]) .blog-post__tags-card h3,[data-theme=light] .blog-post__tags-card h3,html:not([data-theme=dark]) .blog-post__related-card h3,[data-theme=light] .blog-post__related-card h3,html:not([data-theme=dark]) .blog-post__related-item h4,[data-theme=light] .blog-post__related-item h4{color:var(--color-text)}html:not([data-theme=dark]) .blog-post__excerpt,[data-theme=light] .blog-post__excerpt,html:not([data-theme=dark]) .blog-post__reading,[data-theme=light] .blog-post__reading,html:not([data-theme=dark]) .blog-post__views,[data-theme=light] .blog-post__views,html:not([data-theme=dark]) .blog-post__date,[data-theme=light] .blog-post__date,html:not([data-theme=dark]) .blog-post__content,[data-theme=light] .blog-post__content,html:not([data-theme=dark]) .blog-post__related-item p,[data-theme=light] .blog-post__related-item p,html:not([data-theme=dark]) .blog-post__content figcaption,[data-theme=light] .blog-post__content figcaption{color:var(--color-text-secondary)}html:not([data-theme=dark]) .blog-post__header,[data-theme=light] .blog-post__header,html:not([data-theme=dark]) .blog-post__content-card,[data-theme=light] .blog-post__content-card,html:not([data-theme=dark]) .blog-post__tags-card,[data-theme=light] .blog-post__tags-card,html:not([data-theme=dark]) .blog-post__related-card,[data-theme=light] .blog-post__related-card,html:not([data-theme=dark]) .blog-post__related-item,[data-theme=light] .blog-post__related-item{border-color:var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-md)}html:not([data-theme=dark]) .blog-post__related-item:hover,[data-theme=light] .blog-post__related-item:hover{border-color:var(--color-border-accent);background:#fff}html:not([data-theme=dark]) .blog-post__featured-image,[data-theme=light] .blog-post__featured-image{border-color:var(--color-border);background:var(--color-bg-alt)}html:not([data-theme=dark]) .blog-post__back,[data-theme=light] .blog-post__back,html:not([data-theme=dark]) .blog-post-page__back-btn,[data-theme=light] .blog-post-page__back-btn,html:not([data-theme=dark]) .blog-post__content a,[data-theme=light] .blog-post__content a,html:not([data-theme=dark]) .blog-post__tag,[data-theme=light] .blog-post__tag{color:#3b40d8}html:not([data-theme=dark]) .blog-post__back:hover,[data-theme=light] .blog-post__back:hover,html:not([data-theme=dark]) .blog-post-page__back-btn:hover,[data-theme=light] .blog-post-page__back-btn:hover{color:#0106b4}html:not([data-theme=dark]) .blog-post__share-btn,[data-theme=light] .blog-post__share-btn{color:var(--color-text);border-color:var(--color-border);background:var(--color-bg-alt)}html:not([data-theme=dark]) .blog-post__share-btn:hover,[data-theme=light] .blog-post__share-btn:hover{color:#fff;background:linear-gradient(111.18deg,#0106b4 0%,#2d1ae8 100%);border-color:#2d1ae857}html:not([data-theme=dark]) .blog-post__content blockquote,[data-theme=light] .blog-post__content blockquote,html:not([data-theme=dark]) .blog-post__content code,[data-theme=light] .blog-post__content code,html:not([data-theme=dark]) .blog-post__tag,[data-theme=light] .blog-post__tag{background:#2d1ae814}html:not([data-theme=dark]) .blog-post__content blockquote,[data-theme=light] .blog-post__content blockquote{color:var(--color-text)}html:not([data-theme=dark]) .blog-post__content code,[data-theme=light] .blog-post__content code{color:#2d1ae8}html:not([data-theme=dark]) .blog-post__content pre,[data-theme=light] .blog-post__content pre{color:#e2e8f0;border-color:var(--color-border);background:#0a1628}html:not([data-theme=dark]) .blog-post__content hr,[data-theme=light] .blog-post__content hr,html:not([data-theme=dark]) .blog-post__content table,html:not([data-theme=dark]) .blog-post__content .editor-table,html:not([data-theme=dark]) .blog-post__content th,html:not([data-theme=dark]) .blog-post__content td,[data-theme=light] .blog-post__content table,[data-theme=light] .blog-post__content .editor-table,[data-theme=light] .blog-post__content th,[data-theme=light] .blog-post__content td{border-color:var(--color-border)}html:not([data-theme=dark]) .blog-post__content td,html:not([data-theme=dark]) .blog-post__content td *,[data-theme=light] .blog-post__content td,[data-theme=light] .blog-post__content td *{color:var(--color-text)!important}html:not([data-theme=dark]) .blog-post__content tbody tr,html:not([data-theme=dark]) .blog-post__content tbody tr:nth-child(2n),[data-theme=light] .blog-post__content tbody tr,[data-theme=light] .blog-post__content tbody tr:nth-child(2n){background:var(--color-bg-alt)}