.blog-page{min-height:100vh;background:#0a0a0f}.blog-nav{position:sticky;top:0;z-index:1000;backdrop-filter:blur(20px);background:rgba(10,10,15,.9);border-bottom:1px solid hsla(0,0%,100%,.08);padding:16px 0}.blog-nav-inner{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.blog-brand{font-size:20px;font-weight:900;color:#f8fafc;text-decoration:none;letter-spacing:-.5px}.blog-nav-links{display:flex;gap:24px;align-items:center}.blog-nav-links a{color:#94a3b8;text-decoration:none;font-size:14px;font-weight:600;transition:color .2s}.blog-nav-links a:hover{color:#f8fafc}.blog-header{max-width:900px;margin:0 auto;padding:80px 20px 40px}.blog-header-inner{position:relative;z-index:10}.blog-category{display:inline-block;font-size:12px;font-weight:700;color:#a78bfa;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px;padding:6px 12px;background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.3);border-radius:6px}.blog-title{font-size:clamp(32px,6vw,56px);font-weight:900;line-height:1.15;margin-bottom:24px;color:#f8fafc}.blog-meta{display:flex;align-items:center;gap:12px;margin-bottom:24px;font-size:14px;color:#94a3b8}.blog-date,.blog-reading-time{font-weight:500}.blog-separator{color:#475569}.blog-excerpt{font-size:18px;line-height:1.7;color:#cbd5e1;margin-bottom:24px}.blog-tags{display:flex;flex-wrap:wrap;gap:8px}.blog-tag{font-size:12px;padding:6px 12px;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:999px;color:#94a3b8;transition:all .2s}.blog-tag:hover{background:hsla(0,0%,100%,.08);border-color:#a78bfa;color:#a78bfa}.blog-post-content{max-width:900px;margin:0 auto;padding:40px 20px 80px;position:relative;z-index:10}.blog-content-wrapper{font-size:16px;line-height:1.8;color:#e2e8f0}.blog-content-wrapper .code-block-wrapper{margin:2rem 0;overflow:hidden;border:1px solid rgba(96,165,250,.2);border-radius:8px}.blog-content-wrapper .code-block-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;background:rgba(30,41,59,.8);border-bottom:1px solid rgba(96,165,250,.2)}.blog-content-wrapper .code-block-lang{color:#60a5fa;font-size:.875rem;font-weight:600}.blog-content-wrapper .code-block-copy{display:flex;gap:.5rem;padding:.4rem .8rem;color:#60a5fa;cursor:pointer;background:rgba(96,165,250,.1);border:1px solid rgba(96,165,250,.3);border-radius:4px}.blog-content-wrapper .code-block{margin:0;border:0;border-radius:0}.blog-content-wrapper .callout{display:grid;grid-template-columns:auto 1fr;gap:1rem;align-items:start;padding:1.5rem;margin:2rem 0;border-left:4px solid;border-radius:8px}.blog-content-wrapper .callout--info{background:rgba(96,165,250,.1);border-color:#60a5fa}.blog-content-wrapper .callout--warning{background:rgba(251,191,36,.1);border-color:#fbbf24}.blog-content-wrapper .callout--success{background:rgba(16,185,129,.1);border-color:#10b981}.blog-content-wrapper .callout--critical{background:rgba(239,68,68,.1);border-color:#ef4444}.blog-content-wrapper .callout__icon{font-size:1.5rem;line-height:1}.blog-content-wrapper .callout__title{margin-bottom:.5rem;font-size:1.1rem;font-weight:700}.blog-content-wrapper .callout__content{opacity:.9}.blog-content-wrapper .comparison-card,.blog-content-wrapper .progress-bar-wrapper{margin:2rem 0}.blog-content-wrapper .comparison-card__title,.blog-content-wrapper .progress-label{margin-bottom:.75rem;font-weight:700}.blog-content-wrapper .comparison-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.blog-content-wrapper .comparison-item{padding:1.5rem;border:2px solid;border-radius:8px}.blog-content-wrapper .comparison-item--good{background:rgba(16,185,129,.05);border-color:#10b981}.blog-content-wrapper .comparison-item--bad{background:rgba(239,68,68,.05);border-color:#ef4444}.blog-content-wrapper .comparison-icon{margin-bottom:.5rem;font-size:2rem}.blog-content-wrapper .comparison-label{margin-bottom:.5rem;font-size:.875rem;font-weight:700;text-transform:uppercase}.blog-content-wrapper .progress-bar{width:100%;height:2rem;overflow:hidden;background:rgba(30,41,59,.8);border:1px solid rgba(96,165,250,.2);border-radius:8px}.blog-content-wrapper .progress-fill{display:flex;align-items:center;justify-content:center;height:100%;background:linear-gradient(90deg,#60a5fa,#10b981)}.blog-content-wrapper .progress-text{color:#fff;font-size:.875rem;font-weight:700}.blog-content-wrapper .accordion-item{margin:1rem 0;overflow:hidden;border:1px solid rgba(96,165,250,.2);border-radius:8px}.blog-content-wrapper .accordion-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;color:#e2e8f0;cursor:pointer;background:rgba(30,41,59,.5);border:0}.blog-content-wrapper .accordion-content{border-top:1px solid rgba(96,165,250,.2)}.blog-content-wrapper .accordion-body{padding:1.5rem}@media (max-width:640px){.blog-content-wrapper .comparison-grid{grid-template-columns:1fr}}.blog-content-wrapper h1,.blog-content-wrapper h2,.blog-content-wrapper h3,.blog-content-wrapper h4,.blog-content-wrapper h5,.blog-content-wrapper h6{margin:2em 0 1em;font-weight:700;line-height:1.3;color:#f8fafc}.blog-content-wrapper h1{font-size:2.5rem}.blog-content-wrapper h2{font-size:2rem;border-bottom:2px solid rgba(167,139,250,.2);padding-bottom:.5rem}.blog-content-wrapper h3{font-size:1.5rem}.blog-content-wrapper p{margin:1.5em 0}.blog-content-wrapper a{color:#a78bfa;text-decoration:underline;transition:color .2s}.blog-content-wrapper a:hover{color:#c4b5fd}.blog-content-wrapper ol,.blog-content-wrapper ul{margin:1.5em 0;padding-left:2em}.blog-content-wrapper li{margin:.5em 0}.blog-content-wrapper code{background:rgba(167,139,250,.1);border:1px solid rgba(167,139,250,.2);border-radius:4px;padding:2px 6px;font-family:Courier New,monospace;font-size:.9em;color:#e9d5ff}.blog-content-wrapper pre{background:#1e293b;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px;overflow-x:auto;margin:1.5em 0}.blog-content-wrapper pre code{background:none;border:none;padding:0;color:#e2e8f0}.blog-content-wrapper blockquote{border-left:4px solid #a78bfa;background:rgba(167,139,250,.05);padding:16px 24px;margin:1.5em 0;font-style:italic;color:#cbd5e1}.blog-content-wrapper img{max-width:100%;height:auto;border-radius:8px;margin:2em 0}.blog-content-wrapper table{width:100%;border-collapse:collapse;margin:2em 0;font-size:14px}.blog-content-wrapper td,.blog-content-wrapper th{border:1px solid hsla(0,0%,100%,.1);padding:12px;text-align:left}.blog-content-wrapper th{background:rgba(167,139,250,.1);font-weight:700;color:#f8fafc}.blog-content-wrapper td{color:#e2e8f0}.blog-content-wrapper hr{border:none;border-top:2px solid hsla(0,0%,100%,.1);margin:3em 0}.blog-footer{border-top:1px solid hsla(0,0%,100%,.08);padding:40px 0}.blog-footer-inner{max-width:900px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.blog-back-link{color:#a78bfa;text-decoration:none;font-weight:600;font-size:14px;transition:all .2s}.blog-back-link:hover{color:#c4b5fd;transform:translateX(-4px)}.blog-copyright{font-size:14px;color:#64748b}@media (max-width:768px){.blog-nav-inner{padding:0 16px}.blog-nav-links{gap:16px}.blog-nav-links a{font-size:13px}.blog-header{padding:60px 16px 32px}.blog-post-content{padding:32px 16px 60px}.blog-content-wrapper{font-size:15px}.blog-content-wrapper h1{font-size:2rem}.blog-content-wrapper h2{font-size:1.5rem}.blog-content-wrapper h3{font-size:1.25rem}.blog-footer-inner{padding:0 16px;flex-direction:column;text-align:center}}.related-posts-section{background:linear-gradient(135deg,rgba(59,130,246,.05),rgba(16,185,129,.05));border-top:1px solid hsla(0,0%,100%,.1);padding:60px 0;margin-top:60px}.related-posts-container{max-width:900px;margin:0 auto;padding:0 20px}.related-posts-title{font-size:1.75rem;font-weight:700;margin-bottom:32px;color:#f8fafc;text-align:center}.related-posts-title:before{content:"📚 ";margin-right:8px}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px}.related-post-card{background:rgba(15,23,42,.6);border:1px solid hsla(0,0%,100%,.1);border-radius:12px;padding:24px;text-decoration:none;transition:all .3s ease;display:flex;flex-direction:column;gap:12px;cursor:pointer}.related-post-card:hover{background:rgba(15,23,42,.8);border-color:rgba(167,139,250,.5);transform:translateY(-4px);box-shadow:0 8px 24px rgba(167,139,250,.2)}.related-post-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.related-post-category{background:rgba(167,139,250,.15);border:1px solid rgba(167,139,250,.3);color:#c4b5fd;padding:4px 10px;border-radius:4px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;font-size:11px}.related-post-date{color:#94a3b8;font-size:13px}.related-post-title{font-size:1.15rem;font-weight:700;color:#f8fafc;line-height:1.4;-webkit-line-clamp:2}.related-post-excerpt,.related-post-title{margin:0;display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.related-post-excerpt{color:#cbd5e1;font-size:14px;line-height:1.6;-webkit-line-clamp:3;flex-grow:1}.related-post-footer{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px;border-top:1px solid hsla(0,0%,100%,.05)}.related-post-read-time{color:#64748b;font-size:13px}.related-post-arrow{color:#a78bfa;font-size:18px;font-weight:700;transition:transform .2s ease}.related-post-card:hover .related-post-arrow{transform:translateX(4px)}@media (max-width:768px){.related-posts-section{padding:40px 0;margin-top:40px}.related-posts-container{padding:0 16px}.related-posts-title{font-size:1.5rem;margin-bottom:24px}.related-posts-grid{grid-template-columns:1fr;gap:16px}.related-post-card{padding:20px}.related-post-title{font-size:1.05rem}.related-post-excerpt{font-size:13px}}