.page-hero{padding:8rem 0 4rem;background:#0a0f1f;position:relative;overflow:clip}.page-hero .container{max-width:min(1400px,100%)}.page-hero .badge{display:inline-block;padding:.4rem 1.2rem;background:#4dabf71a;border:1px solid rgba(77,171,247,.2);color:#4dabf7;font-size:.85rem;font-weight:600;border-radius:50px;letter-spacing:.5px}.page-hero h1{font-size:3.2rem;font-weight:800;color:#f0f4ff;line-height:1.15;margin-top:.5rem;margin-bottom:1.25rem;letter-spacing:-.03em}.page-hero h1 .gradient-text{background:linear-gradient(135deg,#4dabf7,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.page-hero .page-hero-top{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem}.page-hero .page-hero-back{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1.2rem;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:50px;color:#9ca3b8;font-size:.85rem;font-weight:600;text-decoration:none;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}.page-hero .page-hero-back svg{transition:transform .3s ease}.page-hero .page-hero-back:hover{color:#f0f4ff;background:#ffffff14;border-color:#4dabf740}.page-hero .page-hero-back:hover svg{transform:translate(-3px)}.page-hero .page-hero-subtitle{font-size:1.15rem;color:#9ca3b8;line-height:1.75;max-width:600px}.page-hero--centered{text-align:center}.page-hero--centered .page-hero-subtitle{margin-left:auto;margin-right:auto}@media (max-width: 991.98px){.page-hero{padding:7rem 0 3.5rem}.page-hero h1{font-size:2.5rem}}@media (max-width: 575.98px){.page-hero{padding:6rem 0 3rem}.page-hero h1{font-size:2rem;letter-spacing:-.02em}.page-hero .page-hero-subtitle{font-size:1rem}}.detail-layout{padding:4.5rem 0;background:#0a0f1f}.detail-layout .container{max-width:min(1100px,100%)}.detail-layout .detail-header{margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.06)}.detail-layout .detail-header .badge{display:inline-block;padding:.35rem 1rem;background:#4dabf71a;border:1px solid rgba(77,171,247,.2);color:#4dabf7;font-size:.8rem;font-weight:600;border-radius:50px;letter-spacing:.5px;margin-bottom:1rem}.detail-layout .detail-header h1{font-size:2.5rem;font-weight:800;color:#f0f4ff;line-height:1.2;margin-bottom:1rem;letter-spacing:-.02em}.detail-layout .detail-header h1 .gradient-text{background:linear-gradient(135deg,#4dabf7,#a5b4fc);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.detail-layout .detail-header .detail-meta{display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.detail-layout .detail-header .detail-meta .meta-item{display:flex;align-items:center;gap:.5rem;color:#9ca3b8;font-size:.9rem}.detail-layout .detail-header .detail-meta .meta-item svg{flex-shrink:0;opacity:.7}.detail-layout .detail-content h2,.detail-layout .detail-content h3,.detail-layout .detail-content h4{color:#f0f4ff;font-weight:700;margin-top:2rem;margin-bottom:1rem}.detail-layout .detail-content h2{font-size:1.6rem;letter-spacing:-.01em}.detail-layout .detail-content h3{font-size:1.3rem}.detail-layout .detail-content p{color:#9ca3b8;font-size:1.05rem;line-height:1.8;margin-bottom:1.25rem}.detail-layout .detail-content ul,.detail-layout .detail-content ol{padding-left:1.5rem;margin-bottom:1.25rem}.detail-layout .detail-content ul li,.detail-layout .detail-content ol li{color:#9ca3b8;font-size:1.05rem;line-height:1.8;margin-bottom:.5rem}.detail-layout .detail-content ul{list-style:none;padding-left:0}.detail-layout .detail-content ul li{position:relative;padding-left:1.5rem}.detail-layout .detail-content ul li:before{content:"";position:absolute;left:0;top:.6rem;width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#4dabf7,#6c63ff)}.detail-layout .detail-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5rem 0;border:1px solid rgba(255,255,255,.06)}.detail-layout .detail-content a{color:#4dabf7;text-decoration:none;transition:color .3s ease}.detail-layout .detail-content a:hover{color:#a5b4fc}.detail-layout .detail-content blockquote{border-left:3px solid #4dabf7;padding:1rem 1.5rem;margin:1.5rem 0;background:#4dabf70d;border-radius:0 12px 12px 0;color:#9ca3b8;font-style:italic}.detail-layout .detail-cta{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06)}.detail-layout .detail-cta .btn{padding:.9rem 2rem}@media (max-width: 991.98px){.detail-layout{padding:3.5rem 0}.detail-layout .detail-header h1{font-size:2rem}}@media (max-width: 575.98px){.detail-layout{padding:3rem 0}.detail-layout .detail-header h1{font-size:1.7rem}.detail-layout .detail-content p,.detail-layout .detail-content ul li,.detail-layout .detail-content ol li{font-size:1rem}}.page-hero .page-hero-meta{display:flex;gap:1.5rem;margin-top:1rem}.page-hero .page-hero-meta .meta-item{display:flex;align-items:center;gap:.4rem;color:#9ca3b8;font-size:.9rem}.page-hero .page-hero-meta .meta-item svg{opacity:.7}.article-hero-image{padding:0 0 2rem;background:#0a0f1f}.article-hero-image .article-image-wrapper{max-width:min(900px,100%);margin:0 auto;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.06)}.article-hero-image .article-image-wrapper img{width:100%;height:auto;display:block;object-fit:cover}.article-detail-layout{padding:3rem 0 5rem;background:#0a0f1f}.article-detail-layout .container{max-width:min(800px,100%)}.article-detail-layout .detail-cta{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.06)}.article-detail-layout .detail-cta .btn svg{margin-left:.5rem;transition:transform .3s ease}.article-detail-layout .detail-cta .btn:hover svg{transform:translate(4px)}