.blog-post{background:var(--bg-primary);min-height:100vh}.blog-post__article{max-width:100%;padding-top:80px;padding-bottom:100px}.blog-post__hero-image{background:linear-gradient(135deg,rgba(var(--primary-rgb),.05)0%,rgba(var(--primary-rgb),.1)100%);border:1px solid rgba(var(--primary-rgb),.15);border-radius:16px;width:100%;max-width:1200px;margin:0 auto 48px;position:relative;overflow:hidden;box-shadow:0 12px 40px #0000004d}.blog-post__hero-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.blog-post__header{max-width:1100px;margin-bottom:48px;margin-left:auto;margin-right:auto;padding:0 140px}.blog-post__breadcrumb{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:24px;font-size:.9rem;display:flex}.blog-post__breadcrumb-link{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:0;transition:color .3s}.blog-post__breadcrumb-link:hover{color:var(--color-primary)}.blog-post__breadcrumb-separator{color:var(--text-muted)}.blog-post__breadcrumb-current{color:var(--text-secondary)}.blog-post__categories{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.blog-post__category{text-transform:uppercase;letter-spacing:.5px;border:1px solid;border-radius:20px;padding:6px 16px;font-size:.85rem;font-weight:500}.blog-post__title{color:var(--text-primary);margin:0 0 24px;font-size:2.5rem;font-weight:700;line-height:1.2}.blog-post__excerpt{color:var(--text-secondary);margin-bottom:32px;font-size:1.25rem;line-height:1.6}.blog-post__meta{color:var(--text-muted);align-items:center;gap:12px;margin-bottom:24px;font-size:.95rem;display:flex}.blog-post__author{align-items:center;gap:10px;display:flex}.blog-post__author-image{object-fit:cover;border:2px solid var(--color-primary);border-radius:50%;width:40px;height:40px}.blog-post__author-info{align-items:center;gap:8px;display:flex}.blog-post__author-name{color:var(--text-secondary);font-weight:500}.blog-post__author-separator,.blog-post__separator,.blog-post__date,.blog-post__reading-time{color:var(--text-muted)}.blog-post__tags{flex-wrap:wrap;gap:10px;display:flex}.blog-post__tag{color:var(--text-muted);cursor:default;font-size:.9rem;transition:color .3s}.blog-post__tag:hover{color:var(--color-primary)}.blog-post__content{background:0 0;max-width:1100px;margin:0 auto 48px;padding:0 140px}.blog-post__content p{color:#ffffffe6;letter-spacing:.015em;margin-bottom:32px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:1.2rem;font-weight:400;line-height:1.85}.blog-post__content p:first-of-type:first-letter{float:left;color:var(--color-primary);margin:0 12px 0 0;font-family:Inter,serif;font-size:4rem;font-weight:700;line-height:.9}.blog-post__heading-1{color:var(--text-primary);margin:56px 0 28px;padding-bottom:12px;font-size:2.25rem;font-weight:700;position:relative}.blog-post__heading-1:after{content:"";background:var(--color-primary);border-radius:2px;width:80px;height:4px;position:absolute;bottom:0;left:0}.blog-post__heading-2{color:var(--text-primary);letter-spacing:-.02em;border-left:none;margin:64px 0 32px;padding-left:0;font-size:2rem;font-weight:700}.blog-post__heading-3{color:#fffffff2;margin:36px 0 20px;font-size:1.5rem;font-weight:600}.blog-post__heading-4{color:#ffffffe6;margin:28px 0 16px;font-size:1.25rem;font-weight:600}.blog-post__content ul,.blog-post__content ol{color:#ffffffe6;margin:0 0 32px 24px}.blog-post__content li{margin-bottom:16px;font-size:1.15rem;font-weight:400;line-height:1.85}.blog-post__content ul li::marker{color:var(--color-primary)}.blog-post__blockquote{border-left:4px solid var(--color-primary);color:#fffffff2;background:0 0;margin:48px 0;padding:0 0 0 32px;font-size:1.35rem;font-style:italic;font-weight:300;line-height:1.7;position:relative}.blog-post__blockquote:before{content:"\"";color:var(--color-primary);opacity:.2;font-family:Georgia,serif;font-size:5rem;position:absolute;top:-20px;left:-5px}.blog-post__inline-code{color:#64b5f6;background:#ffffff0f;border:1px solid #64b5f633;border-radius:4px;padding:4px 8px;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.92em}.blog-post__link{color:var(--color-primary);text-decoration:none;transition:opacity .3s}.blog-post__link:hover{opacity:.8;text-decoration:underline}.blog-post__content pre{background:#00000080;border:1px solid #ffffff0d;border-radius:8px;margin:48px 0;padding:24px;position:relative;overflow-x:auto}.blog-post__content pre:before{content:"CODE";color:#ffffff4d;letter-spacing:.1em;font-size:.7rem;font-weight:600;position:absolute;top:12px;right:12px}.blog-post__content pre code{color:#ffffffe6;font-family:JetBrains Mono,Consolas,Monaco,monospace;font-size:.95rem;line-height:1.7}.blog-post__content-image{background:linear-gradient(135deg,#ffffff05 0%,#ffffff0d 100%);border:1px solid #ffffff1a;border-radius:12px;max-width:900px;margin:48px auto;overflow:hidden;box-shadow:0 6px 24px #0003}.blog-post__content-image img{aspect-ratio:16/9;object-fit:cover;width:100%;height:auto;display:block}.blog-post__content-image figcaption{text-align:center;color:var(--text-muted);margin-top:12px;font-size:.9rem}.blog-post__related-section{max-width:1100px;margin:48px auto;padding:0 140px}.blog-post__related-title{color:var(--text-primary);margin-bottom:20px;font-size:1.25rem;font-weight:600}.blog-post__tags-list{flex-wrap:wrap;gap:12px;display:flex}.blog-post__tag-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:20px;padding:8px 16px;font-size:.9rem;transition:all .3s}.blog-post__tag-button:hover{border-color:var(--color-primary);color:var(--color-primary);background:rgba(var(--primary-rgb),.1);transform:translateY(-2px)}.blog-post__author-bio{background:linear-gradient(135deg,rgba(var(--primary-rgb),.03)0%,rgba(var(--primary-rgb),.08)100%);border:1px solid rgba(var(--primary-rgb),.15);border-radius:16px;max-width:1100px;margin:64px auto 48px;padding:32px 140px}.blog-post__author-bio-header{align-items:flex-start;gap:32px;display:flex}.blog-post__author-bio-image{object-fit:cover;border:3px solid var(--color-primary);border-radius:50%;flex-shrink:0;width:120px;height:120px}.blog-post__author-bio-info{flex:1}.blog-post__author-bio-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);margin:0 0 8px;font-size:.9rem;font-weight:500}.blog-post__author-bio-name{color:var(--text-primary);margin:0 0 16px;font-size:1.5rem;font-weight:700}.blog-post__author-bio-text{color:var(--text-secondary);line-height:1.7}.blog-post__author-bio-text p{margin:0;font-size:1.05rem}.blog-post__actions{border-top:1px solid var(--border-color);justify-content:center;gap:24px;max-width:1100px;margin:0 auto;padding:48px 140px 0;display:flex}.blog-post__share-button,.blog-post__back-button{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;align-items:center;gap:8px;padding:12px 24px;transition:all .3s;display:inline-flex}.blog-post__share-button:hover,.blog-post__back-button:hover{border-color:var(--color-primary);color:var(--color-primary);transform:translateY(-2px)}.blog-post__loading{justify-content:center;align-items:center;padding:120px 0;display:flex}.blog-post__loading-skeleton{background:linear-gradient(90deg,var(--bg-secondary)25%,var(--bg-tertiary)50%,var(--bg-secondary)75%);background-size:200% 100%;border-radius:12px;width:100%;max-width:800px;height:600px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.blog-post__error{text-align:center;padding:200px 20px}.blog-post__error h2{color:var(--text-primary);margin-bottom:24px;font-size:2rem}.blog-post__content strong{color:var(--text-primary);font-weight:600}.blog-post__content em{color:#fffffff2}.blog-post__content hr{background:linear-gradient(90deg,#0000,#ffffff1a,#0000);border:none;height:1px;margin:48px 0}.blog-post__content pre::-webkit-scrollbar{height:8px}.blog-post__content pre::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}.blog-post__content pre::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}.blog-post__content pre::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width:1200px){.blog-post__content,.blog-post__header{padding:0 80px}.blog-post__actions{padding:48px 80px 0}.blog-post__author-bio{padding:32px 80px}.blog-post__related-section{padding:0 80px}}@media (max-width:992px){.blog-post__content,.blog-post__header{padding:0 60px}.blog-post__actions{padding:48px 60px 0}.blog-post__author-bio{padding:32px 60px}.blog-post__related-section{padding:0 60px}}@media (max-width:768px){.blog-post__hero-image{border-radius:0;max-width:100%;margin-bottom:32px}.blog-post__content-image{border-radius:8px;max-width:100%;margin:32px auto}.blog-post__title{font-size:1.75rem}.blog-post__excerpt{font-size:1.1rem}.blog-post__content{max-width:100%;padding:0 30px}.blog-post__header{padding:0 30px}.blog-post__content p{margin-bottom:24px;font-size:1.1rem;line-height:1.75}.blog-post__content p:first-of-type:first-letter{margin:0 8px 0 0;font-size:3.5rem}.blog-post__heading-1{margin:48px 0 24px;font-size:1.75rem}.blog-post__heading-2{margin:40px 0 20px;font-size:1.5rem}.blog-post__heading-3{margin:32px 0 16px;font-size:1.3rem}.blog-post__blockquote{margin:32px 0;padding-left:20px;font-size:1.15rem}.blog-post__meta{flex-wrap:wrap}.blog-post__actions{flex-direction:column;gap:12px;padding:48px 30px 0}.blog-post__share-button,.blog-post__back-button{justify-content:center;width:100%}.blog-post__author-bio{margin:48px auto 32px;padding:24px 20px}.blog-post__author-bio-header{text-align:center;flex-direction:column;align-items:center}.blog-post__author-bio-image{width:100px;height:100px}.blog-post__author-bio-name{font-size:1.25rem}.blog-post__author-bio-text{font-size:.95rem}.blog-post__related-section{margin:32px auto;padding:0 30px}.blog-post__related-title{font-size:1.1rem}}