.blog-details-hero{background-position:50%;background-size:cover;align-items:center;min-height:420px;display:flex;position:relative}.blog-details-overlay{background:linear-gradient(90deg,#051120f2,#05112066);position:absolute;inset:0}.blog-details-hero-content{z-index:2;color:#fff;max-width:550px;position:relative}.blog-details-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;background:#ffffff1a;border:1px solid #ffffff1a;border-radius:999px;margin-bottom:20px;padding:10px 18px;font-size:12px;font-weight:600;display:inline-flex}.blog-details-hero h1{margin-bottom:18px;font-size:clamp(24px,5vw,32px);line-height:1.1}.blog-details-hero p{color:#fffc;line-height:1.7}.blog-article{color:#fff;background-color:#051120;padding:80px 0}.article-container{max-width:900px;margin:0 auto}.article-title{color:#fff;margin-bottom:24px;font-size:clamp(28px,4vw,42px);line-height:1.3}.article-meta{color:#fff9;align-items:center;gap:40px;margin-bottom:40px;font-size:14px;display:flex}.article-author{align-items:center;gap:10px;display:flex}.author-dot{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;display:flex}.author-dot:after{content:"M";color:#fff;font-size:10px}.article-image{border:1px solid #ffffff0d;border-radius:20px;width:100%;height:500px;margin-bottom:50px;position:relative;overflow:hidden}.article-img{object-fit:cover}.article-content{color:#ffffffb3;max-width:70ch;margin:0 auto;font-size:18px;line-height:1.9}.article-content p{margin-bottom:28px}.article-content h3{color:#fff;letter-spacing:-.02em;margin-top:60px;margin-bottom:24px;font-size:34px;font-weight:600}.article-content .article-list{margin-bottom:28px;padding-left:24px;list-style:outside}.article-content .article-list li{color:#fffc;margin-bottom:12px}.article-content strong{color:#fff;font-weight:600}.article-content blockquote{color:#ffffffe6;background:#ffffff05;border-left:4px solid #3b82f6;border-radius:0 12px 12px 0;margin:32px 0;padding:20px;font-style:italic}.reading-progress-bar{transform-origin:0%;z-index:999999;background:#3b82f6;height:4px;position:fixed;top:0;left:0;right:0}@media (max-width:768px){.article-image{height:300px}.article-content{font-size:16px}.article-content h3{font-size:28px}}@media (max-width:480px){.article-image{height:220px}.article-title,.article-content h3{font-size:24px}}