.blog-post-container{min-height:100vh;background:var(--surface-bg)}.blog-post-header{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);padding:6rem 0 3rem;margin-bottom:3rem;color:#fff}.blog-post-back{display:inline-flex;align-items:center;gap:.5rem;color:#fff;text-decoration:none;margin-bottom:2rem;font-weight:500;opacity:.9;transition:opacity .3s ease}.blog-post-back:hover{opacity:1}.blog-post-category{display:inline-block;background:hsla(0,0%,100%,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;margin-top:4rem;margin-bottom:1.5rem}.blog-post-title{font-size:3rem;font-weight:700;line-height:1.2;margin-bottom:2rem;text-shadow:0 2px 20px rgba(0,0,0,.2)}.blog-post-meta{justify-content:space-between;flex-wrap:wrap}.blog-post-author-info,.blog-post-meta{display:flex;align-items:center;gap:1rem}.blog-post-author-info img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid hsla(0,0%,100%,.3)}.blog-post-author-info .author-name{font-size:1.125rem;font-weight:600}.blog-post-author-info .author-role{font-size:.875rem;opacity:.9}.blog-post-info{display:flex;align-items:center;gap:1.5rem;font-size:1rem;opacity:.9}.blog-post-content-wrapper{padding-bottom:4rem}.blog-post-content{max-width:800px;margin:0 auto;background:#fff;padding:3rem;border-radius:var(--radius-lg);box-shadow:var(--surface-shadow-raised);line-height:1.8;font-size:1.125rem;color:var(--text-primary)}.blog-post-content h1{font-size:2.5rem;font-weight:700;margin:2rem 0 1.5rem;line-height:1.2;color:#1a1a1a}.blog-post-content h2{font-size:2rem;font-weight:700;margin:2.5rem 0 1rem;line-height:1.3;color:#1a1a1a;padding-bottom:.5rem;border-bottom:2px solid var(--surface-border)}.blog-post-content h3{font-size:1.5rem;font-weight:600;margin:2rem 0 1rem;color:#2a2a2a}.blog-post-content h4{font-size:1.25rem;font-weight:600;margin:1.5rem 0 .75rem;color:#2a2a2a}.blog-post-content p{margin-bottom:1.25rem;color:#4a4a4a}.blog-post-content strong{color:#1a1a1a;font-weight:600}.blog-post-content ol,.blog-post-content ul{margin:1.5rem 0;padding-left:2rem}.blog-post-content li{margin-bottom:.75rem;color:#4a4a4a}.blog-post-content li.check-item{list-style:none;position:relative;padding-left:1.5rem}.blog-post-content li.check-item:before{content:"✓";position:absolute;left:0;color:var(--success);font-weight:700}.blog-post-content li.checkbox-item{list-style:none;display:flex;align-items:flex-start;gap:.5rem}.blog-post-content table{width:100%;border-collapse:collapse;margin:2rem 0;font-size:1rem;box-shadow:0 2px 8px rgba(0,0,0,.1);border-radius:var(--radius-md);overflow:hidden}.blog-post-content tr:first-child{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff;font-weight:600}.blog-post-content tr:nth-child(2n){background:rgba(99,102,241,.05)}.blog-post-content td{padding:1rem;border:1px solid var(--surface-border)}.blog-post-content tr:first-child td{border-color:hsla(0,0%,100%,.2)}.blog-post-content code{background:#f5f5f5;padding:.25rem .5rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9em;color:#e83e8c}.blog-post-content pre{background:#2d2d2d;color:#f8f8f2;padding:1.5rem;border-radius:var(--radius-md);overflow-x:auto;margin:1.5rem 0;line-height:1.6}.blog-post-content pre code{background:none;padding:0;color:inherit}.blog-post-content blockquote{border-left:4px solid var(--primary);padding-left:1.5rem;margin:2rem 0;font-style:italic;color:#4a4a4a}.blog-post-tags{max-width:800px;margin:2rem auto;padding:1.5rem 3rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--surface-shadow-raised);display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.blog-post-tags strong{color:#1a1a1a;font-size:1rem;font-weight:700}.blog-post-tags .tag{background:linear-gradient(135deg,#6366f1,#a855f7);color:#fff;padding:.4rem 1rem;border-radius:16px;font-size:.8rem;font-weight:600;box-shadow:0 2px 8px rgba(99,102,241,.3);transition:all .3s ease;cursor:default;display:inline-block}.blog-post-tags .tag:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(99,102,241,.4);background:linear-gradient(135deg,#4f46e5,#9333ea)}.blog-post-cta{max-width:800px;margin:2rem auto;padding:2.5rem 3rem;background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(168,85,247,.1));border-radius:var(--radius-lg);text-align:center}.blog-post-cta h3{font-size:1.75rem;font-weight:700;margin-bottom:1rem;color:var(--primary)}.blog-post-cta p{font-size:1.125rem;color:var(--text-secondary);margin-bottom:2rem;line-height:1.6}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:1rem 2rem;border-radius:var(--radius-md);font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:var(--surface-shadow-raised)}.btn-primary{background:linear-gradient(135deg,var(--primary) 0,var(--secondary) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(99,102,241,.4)}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff;transform:translateY(-2px)}.blog-post-share{max-width:800px;margin:2rem auto;padding:1.5rem 3rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--surface-shadow-raised);display:flex;align-items:center;gap:1rem}.blog-post-share strong{color:var(--text-primary)}.share-buttons{display:flex;gap:.75rem}.share-btn{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.share-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.share-btn.telegram{background:linear-gradient(135deg,#2aabee,#229ed9);color:#fff}.share-btn.vk{background:#07f;color:#fff}.share-btn.twitter{background:#000;color:#fff}.breadcrumbs{background:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1rem 0;font-size:.9rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.breadcrumbs a{color:hsla(0,0%,100%,.8);text-decoration:none;transition:color .3s}.breadcrumbs a:hover{color:#fff}.breadcrumbs span{color:hsla(0,0%,100%,.5)}.related-posts{max-width:800px;margin:3rem auto 2rem;padding:3rem;background:#fff;border-radius:var(--radius-lg);box-shadow:var(--surface-shadow-raised)}.related-posts h3{font-size:2rem;font-weight:700;margin-bottom:2rem;text-align:center;color:var(--text-primary)}.related-posts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:1.5rem;gap:1.5rem}.related-post-card{display:block;text-decoration:none;color:inherit;transition:transform .3s,box-shadow .3s;padding:1.5rem;border-radius:var(--radius-md);background:rgba(99,102,241,.03);border:1px solid var(--surface-border)}.related-post-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(99,102,241,.15);border-color:var(--primary)}.related-post-card img{width:100%;height:140px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:1rem}.related-post-card h4{font-size:1.125rem;font-weight:600;margin-bottom:.75rem;line-height:1.4;color:var(--text-primary)}.related-post-card p{font-size:.875rem;color:var(--text-secondary);margin-bottom:1rem;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.related-post-card .read-more{color:var(--primary);font-weight:600;font-size:.875rem;display:inline-flex;align-items:center;gap:.25rem}@media (max-width:768px){.blog-post-header{padding:4rem 0 2rem}.blog-post-title{font-size:2rem}.blog-post-meta{flex-direction:column;align-items:flex-start}.blog-post-content{padding:2rem 1.5rem;font-size:1rem}.blog-post-content h1{font-size:1.75rem}.blog-post-content h2{font-size:1.5rem}.blog-post-content h3{font-size:1.25rem}.blog-post-content table{font-size:.875rem}.blog-post-content td{padding:.75rem .5rem}.blog-post-cta,.blog-post-share,.blog-post-tags{padding:1.5rem;margin:1.5rem auto}.cta-buttons{flex-direction:column}.btn-primary,.btn-secondary{width:100%}.blog-post-share{flex-direction:column;align-items:flex-start}.related-posts{padding:2rem 1.5rem;margin:2rem auto 1.5rem}.related-posts h3{font-size:1.5rem}.related-posts-grid{grid-template-columns:1fr}}