.blog-post-page{background-color:var(--color-bg-primary);width:100%;min-height:100vh;color:var(--color-text-primary)}.blog-post-loading{justify-content:center;align-items:center;gap:var(--spacing-md);height:60vh;color:var(--color-accent);flex-direction:column;display:flex}.loader{border:3px solid #00e5ff33;border-top-color:#00e5ff;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.blog-post-hero{width:100%;min-height:60vh;padding:var(--spacing-4xl) 0;background-position:50%;background-size:cover;background-attachment:fixed;align-items:center;transition:min-height .3s;display:flex;position:relative}@media (max-width:768px){.blog-post-hero{min-height:40vh;padding:var(--spacing-2xl) 0;background-attachment:scroll}}.blog-post-hero-overlay{background:radial-gradient(circle at center, #0a0a1a66 0%, var(--color-bg-primary) 100%);z-index:1;position:absolute;inset:0}.blog-post-hero-content{z-index:2;text-align:left;flex-direction:column;align-items:flex-start;width:100%;max-width:1200px;margin:0 auto;display:flex;position:relative}.back-link{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;z-index:10;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50px;align-items:center;gap:.8rem;margin-bottom:2rem;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;position:relative}.back-link:hover{background:#a855f733;border-color:#a855f7;transform:translate(-5px);box-shadow:0 10px 20px #a855f733}.blog-post-meta{justify-content:flex-start;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-text-secondary);display:flex}.meta-item{align-items:center;gap:6px;display:flex}.meta-category{color:var(--color-accent);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:1px;background:#4f8cff1a;border:1px solid #4f8cff33;padding:4px 16px;font-weight:600}.blog-post-title{font-size:var(--font-size-4xl);text-transform:uppercase;letter-spacing:2px;background:linear-gradient(#fff 0%,#a0a5ba 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 15px #00000080);-webkit-background-clip:text;margin:0;font-weight:800;line-height:1.1}@media (min-width:768px){.blog-post-title{font-size:var(--font-size-6xl)}}.blog-post-container{max-width:1200px;padding:var(--spacing-3xl) var(--spacing-xl);gap:var(--spacing-3xl);grid-template-columns:1fr;margin:0 auto;display:grid}@media (min-width:992px){.blog-post-container{grid-template-columns:2.4fr 1.1fr;align-items:start}}.blog-post-main{word-break:break-word;overflow-wrap:break-word;background:0 0;min-width:0;max-width:100%}.blog-post-actions{padding-bottom:var(--spacing-md);margin-bottom:var(--spacing-2xl);border-bottom:1px solid #ffffff0d;display:flex}.action-btn{color:var(--color-text-secondary);font-size:var(--font-size-sm);border-radius:var(--radius-full);transition:all var(--transition-base);background:#ffffff08;border:1px solid #ffffff14;align-items:center;gap:8px;padding:10px 20px;font-weight:500;display:inline-flex}.action-btn:hover{color:#fff;border-color:var(--color-accent);box-shadow:0 0 15px var(--color-accent-glow);background:#ffffff14}.blog-post-body{color:var(--color-text-secondary);font-size:1.15rem;line-height:1.85}.blog-post-body p{margin-bottom:var(--spacing-xl)}.blog-post-body h2,.blog-post-body h3{color:#fff;margin-top:var(--spacing-3xl);margin-bottom:var(--spacing-lg);text-transform:uppercase;letter-spacing:1.5px;background:linear-gradient(90deg,#fff,#a0a5ba);-webkit-text-fill-color:transparent;-webkit-background-clip:text;font-weight:700}.blog-post-body h2{font-size:var(--font-size-2xl)}.blog-post-body h3{font-size:var(--font-size-xl)}.blog-post-body ul{margin-bottom:var(--spacing-xl);padding-left:var(--spacing-xl)}.blog-post-body li{margin-bottom:var(--spacing-md);position:relative}.blog-post-body li:before{content:"→";color:var(--color-accent);font-weight:700;position:absolute;left:-25px}.lead-paragraph{color:var(--color-text-primary);opacity:.9;text-align:center;max-width:800px;margin:0 auto var(--spacing-2xl) auto;font-size:1.3rem;font-weight:300;line-height:1.7}.content-inline-image{border-radius:var(--radius-xl);width:100%;margin:var(--spacing-2xl) 0;box-shadow:var(--shadow-elevated);border:1px solid #ffffff1a}.rich-text-content{max-width:100%;overflow:hidden}.rich-text-content img{border-radius:var(--radius-md);max-width:100%;height:auto}.rich-text-content pre,.rich-text-content code{white-space:pre-wrap;word-wrap:break-word}.blog-post-sidebar{min-width:0}.glass-panel{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);padding:var(--spacing-xl);border-radius:var(--radius-lg);background:#ffffff05;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0000004d}.sidebar-title{font-size:var(--font-size-lg);text-transform:uppercase;letter-spacing:1px;color:#fff;margin-bottom:var(--spacing-lg);border-bottom:1px solid #ffffff0d;padding-bottom:10px;font-weight:700}.popular-posts-list{gap:var(--spacing-md);flex-direction:column;display:flex}.popular-post-item{gap:var(--spacing-md);padding:var(--spacing-md);border-radius:var(--radius-md);transition:all var(--transition-base);align-items:flex-start;display:flex}.popular-post-item:hover{background:#ffffff0a;transform:translate(5px)}.popular-post-number{color:var(--color-accent);opacity:.4;font-size:1.5rem;font-weight:900;line-height:1}.popular-post-title{color:var(--color-text-primary);margin:0;font-size:.95rem;font-weight:600;line-height:1.4}