.post-header{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;position:relative}.post-header:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#3b82f61a,#9333ea0d,#ec48991a);border-radius:inherit;z-index:-1}.post-header{padding:3rem;text-align:center;position:relative;overflow:hidden}.post-header--with-hero{padding:0;background:none;backdrop-filter:none;border:none;box-shadow:none}.post-header h1{font-size:3rem;font-weight:700;line-height:1.2}@media (max-width: 768px){.post-header h1{font-size:2rem}}.post-header .author-info{color:var(--text-secondary)}.post-header .post-meta{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;font-size:.9rem;flex-wrap:wrap;color:var(--text-secondary)}@media (max-width: 768px){.post-header .post-meta{flex-direction:column;gap:.5rem}}.post-header .post-meta .post-meta-item{display:flex;align-items:center;gap:1rem}.post-header .reading-time{background:#ffffff1a;padding:.4rem 1rem;border-radius:20px}.post-header .post-description{font-size:1.2rem;opacity:.9;line-height:1.6;margin-bottom:2rem;color:var(--text-secondary)}@media (max-width: 768px){.post-header .post-description{font-size:1rem}}.post-header .hero-section{position:relative;width:100%;height:500px;border-radius:12px 12px 0 0;overflow:hidden}@media (max-width: 400px){.post-header .hero-section{height:600px}}.post-header .hero-image{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.post-header .hero-image img{width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.post-header .hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#000c,#0009,#000000e6);z-index:2;display:flex;align-items:center;justify-content:center}.post-header .hero-content{text-align:center;max-width:800px;padding:2rem;z-index:3}@media (max-width: 768px){.post-header .hero-content{padding:1rem}}@media (max-width: 480px){.post-header .hero-content{padding:.5rem}}.post-header .hero-content h1{color:var(--white);font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem;text-shadow:0 2px 4px rgba(0,0,0,.5)}@media (max-width: 768px){.post-header .hero-content h1{font-size:2rem}}@media (max-width: 480px){.post-header .hero-content h1{font-size:1.5rem;line-height:1.3}}.post-header .hero-content .post-description{color:#ffffffe6;font-size:1.3rem;line-height:1.6;margin-bottom:2rem;text-shadow:0 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.post-header .hero-content .post-description{font-size:1rem}}@media (max-width: 480px){.post-header .hero-content .post-description{font-size:.9rem}}.post-header .hero-content .post-meta{color:#fffc;margin-bottom:2rem;font-size:.9rem}.post-header .hero-content .post-meta .reading-time{background:#fff3;color:var(--white);padding:.4rem 1rem;border-radius:20px}.post-header .hero-content .author-info{color:#fffc;font-size:.9rem}.post-header .post-header-content{background:linear-gradient(135deg,#ffffff1a,#ffffff0d,#ffffff05);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:20px;position:relative}.post-header .post-header-content:before{content:"";position:absolute;inset:0;background:linear-gradient(45deg,#3b82f61a,#9333ea0d,#ec48991a);border-radius:inherit;z-index:-1}.post-header .post-header-content{padding:3rem;text-align:center}@media (max-width: 768px){.post-header .post-header-content{padding:2rem 1rem}}.post-header .post-header-content h1{color:var(--white);margin-bottom:1rem}.post-header .post-header-content .post-description{color:var(--text-secondary)}.post-header .post-header-content .post-meta{color:var(--text-secondary);margin-bottom:2rem}.post-header .post-header-content .post-meta .reading-time{background:#ffffff1a;color:var(--dodger-blue)}.post-header .post-header-content .author-info{color:var(--text-secondary)}.blog-post-content{padding:2rem 0}.blog-post-content .content-wrapper{line-height:1.8;font-size:1.1rem}.blog-post-content .content-wrapper h1,.blog-post-content .content-wrapper h2,.blog-post-content .content-wrapper h3,.blog-post-content .content-wrapper h4,.blog-post-content .content-wrapper h5,.blog-post-content .content-wrapper h6{color:var(--white);font-weight:700;line-height:1.3;margin:2rem 0 1rem}.blog-post-content .content-wrapper h1{font-size:2.5rem;padding-bottom:.5rem}@media (max-width: 768px){.blog-post-content .content-wrapper h1{font-size:2rem}}.blog-post-content .content-wrapper h2{font-size:2rem;padding-bottom:.5rem}@media (max-width: 768px){.blog-post-content .content-wrapper h2{font-size:1.5rem}}.blog-post-content .content-wrapper h3{font-size:1.5rem}.blog-post-content .content-wrapper h4{font-size:1.3rem}.blog-post-content .content-wrapper p{margin-bottom:1.5rem;color:var(--text-secondary)}.blog-post-content .content-wrapper a{color:var(--dodger-blue);text-decoration:underline;transition:color .3s ease}.blog-post-content .content-wrapper a:hover{color:var(--royal-blue)}.blog-post-content .content-wrapper ul,.blog-post-content .content-wrapper ol{margin:1.5rem 0;padding-left:2rem}.blog-post-content .content-wrapper li{margin-bottom:.5rem;color:var(--text-secondary)}.blog-post-content .content-wrapper blockquote{border-left:4px solid var(--dodger-blue);background:var(--secondary-bg);padding:1rem 2rem;margin:2rem 0 0;font-style:italic;color:var(--text-secondary)}.blog-post-content .content-wrapper code{background:var(--dark-slate-blue);padding:.2rem .4rem;border-radius:4px;font-family:Courier New,monospace;font-size:.9rem;color:var(--white)}.blog-post-content .content-wrapper pre{background:var(--main-bg);color:var(--white);padding:1.5rem;border-radius:8px;overflow-x:auto;margin:2rem 0;font-family:Courier New,monospace;line-height:1.5;border:1px solid var(--dark-slate-blue)}.blog-post-content .content-wrapper pre code{background:none;padding:0;color:inherit}@media (max-width: 768px){.blog-post-content .content-wrapper pre{padding:1rem;font-size:.9rem}}.blog-post-content .content-wrapper img{max-width:100%;max-height:400px;width:auto;height:auto;border-radius:8px;margin:2rem auto;display:block;box-shadow:0 4px 20px #0000004d;object-fit:contain}.blog-post-content .content-wrapper table{width:100%;border-collapse:collapse;margin:2rem 0;background:var(--secondary-bg);border-radius:8px;overflow:hidden;box-shadow:0 4px 20px #0000004d}@media (max-width: 768px){.blog-post-content .content-wrapper table{font-size:.9rem}}@media (max-width: 480px){.blog-post-content .content-wrapper table{font-size:.8rem}}.blog-post-content .content-wrapper th,.blog-post-content .content-wrapper td{padding:1rem;text-align:left;border-bottom:1px solid var(--dark-slate-blue);color:var(--text-secondary)}@media (max-width: 768px){.blog-post-content .content-wrapper th,.blog-post-content .content-wrapper td{padding:.8rem}}@media (max-width: 480px){.blog-post-content .content-wrapper th,.blog-post-content .content-wrapper td{padding:.6rem}}.blog-post-content .content-wrapper th{background:var(--main-bg);font-weight:600;color:var(--white)}@media (max-width: 768px){.blog-post-content .content-wrapper table{overflow-x:auto;display:block;white-space:nowrap}}@media (max-width: 768px){.blog-post-content .content-wrapper{padding:0 1rem}}.related-articles{display:flex;flex-direction:column;gap:2rem;margin-bottom:2rem}.related-articles .articles-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}