.art-wrap{max-width:1180px;margin:0 auto;padding:0 48px}.art-hero{position:relative;background:#070d18;overflow:hidden;padding:52px 0 44px}.art-hero:after{content:"";position:absolute;top:-20%;right:-6%;width:620px;height:140%;background:radial-gradient(ellipse at 60% 45%,rgba(59,158,255,.1),transparent 62%);pointer-events:none}.art-hero .crumb{position:relative;font-size:.82rem;color:#8a9bb2;margin:0 0 20px}.art-hero .crumb a{color:#8a9bb2}.art-hero .crumb a:hover{color:#7cc0ff}.art-hero .crumb .sep{margin:0 8px;color:#3a4a60}.art-hero .eyebrow{position:relative;display:inline-block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#7cc0ff;margin:0 0 15px}.art-hero .eyebrow a{color:#7cc0ff}.art-hero h1{position:relative;font-family:Poppins,sans-serif;font-size:clamp(2rem,3.6vw,2.9rem);color:#fff;font-weight:700;margin:0;line-height:1.12;letter-spacing:-.01em;max-width:24ch}.art-hero .meta{position:relative;display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:22px;font-size:.9rem;color:#9fb0c4}.art-hero .meta .dot{color:#3a4a60}.blog-glance{position:relative;margin:22px 0 0;max-width:64ch;border-left:4px solid #3b9eff;padding:2px 0 2px 18px}.blog-glance .glance-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:#7cc0ff;margin-bottom:6px}.blog-glance p{margin:0;font-size:1.1rem;line-height:1.6;color:#d3e0fb}.cover-band{background:linear-gradient(180deg,#070d18 0 46%,#eef2f8 46% 100%);padding-bottom:0}.cover-frame{position:relative;width:100%;aspect-ratio:16 / 8;overflow:hidden;border-radius:20px;box-shadow:0 24px 60px #070d1847}.cover-frame img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.art-body{background:#fff}.body-grid{display:grid;grid-template-columns:1fr;gap:0;padding-top:46px;padding-bottom:56px}.toc-cell{display:none}@media(min-width:1024px){.body-grid{grid-template-columns:258px minmax(0,1fr);gap:56px}.toc-cell{display:block;position:sticky;top:100px;align-self:start}}.article-col{min-width:0;max-width:760px}.blog-toc .toc-title{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#8a9bb2;margin:0 0 14px}.blog-toc ol{list-style:none;margin:0;padding:0;max-height:70vh;overflow-y:auto;scrollbar-width:none}.blog-toc ol::-webkit-scrollbar{display:none}.blog-toc li.lvl3{padding-left:14px}.blog-toc a{display:block;padding:7px 0 7px 14px;border-left:2px solid #e3e9f2;font-size:.86rem;line-height:1.4;color:#5a6b80;transition:color .15s,border-color .15s}.blog-toc a:hover{color:#0e1c33}.blog-toc a.active{color:#2f80ed;border-left-color:#3b9eff;font-weight:600}.toc-share{margin-top:22px;padding-top:18px;border-top:1px solid #e7ecf4;display:flex;gap:10px}.toc-share button,.toc-share a{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #d7e0ec;border-radius:9px;color:#5a6b80;background:#fff;cursor:pointer;transition:.15s;font-size:15px}.toc-share button:hover,.toc-share a:hover{border-color:#3b9eff;color:#2f80ed}#reading-progress{position:fixed;left:0;right:0;height:3px;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#3b9eff,#2f80ed);z-index:55;pointer-events:none;transition:transform .12s linear}.blog-prose{font-size:1.0625rem;line-height:1.75;color:#3f4a52}.blog-prose>*:first-child{margin-top:0}.blog-prose h2{font-family:Poppins,sans-serif;font-size:1.6rem;font-weight:700;color:#0e1c33;margin:2.8rem 0 1rem;line-height:1.25;scroll-margin-top:96px}.blog-prose h3{font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:600;color:#1a2a44;margin:2rem 0 .8rem;scroll-margin-top:96px}.blog-prose h4{font-size:1.08rem;font-weight:600;color:#2a3a52;margin:1.6rem 0 .6rem}.blog-prose p{margin:0 0 1.3rem}.blog-prose a{color:#2f80ed;text-decoration:underline;text-underline-offset:2px;text-decoration-color:#2f80ed66}.blog-prose a:hover{color:#1b5fc7;text-decoration-color:#1b5fc7}.blog-prose strong{font-weight:600;color:#14233c}.blog-prose em{font-style:italic}.blog-prose ul{margin:1.4rem 0;padding-left:0;list-style:none}.blog-prose ul li{position:relative;padding-left:1.5rem;margin-bottom:.5rem}.blog-prose ul li:before{content:"";position:absolute;left:0;top:.72rem;width:8px;height:2px;background:#3b9eff}.blog-prose ol{margin:1.4rem 0;padding-left:1.5rem}.blog-prose ol li{margin-bottom:.5rem;padding-left:.25rem}.blog-prose ol li::marker{color:#2f80ed;font-weight:600}.blog-prose blockquote{margin:2rem 0;padding:1.2rem 1.6rem;background:#3b9eff0d;border-left:4px solid #3b9eff;font-style:italic;color:#46586e;border-radius:0 12px 12px 0}.blog-prose blockquote p{margin:0}.blog-prose hr{margin:3rem 0;border:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,158,255,.35),transparent)}.blog-prose img{width:100%;border-radius:16px;margin:2rem 0}.blog-prose table{width:100%;margin:2rem 0;border-collapse:collapse;font-size:.95rem}.blog-prose th{text-align:left;font-weight:600;color:#fff;background:#0c1b32;padding:12px 16px}.blog-prose td{padding:12px 16px;color:#3f4a52;border-bottom:1px solid #e7ecf4}.cta-card{margin-top:44px;background:linear-gradient(135deg,#0c1b32,#0a1626);color:#d3e0fb;padding:32px 34px;border-radius:20px;border-left:4px solid #3b9eff}.cta-card h3{font-family:Poppins,sans-serif;color:#fff;font-size:1.5rem;margin:0 0 8px}.cta-card p{margin:0 0 20px;color:#9fb0c4}.cta-actions{display:flex;flex-wrap:wrap;gap:12px}.cta-actions .btn-primary{display:inline-flex;align-items:center;gap:8px;padding:13px 26px;background:linear-gradient(135deg,#4aa8ff,#2563eb);color:#fff;border-radius:999px;font-weight:600;box-shadow:0 10px 24px #2b7bed59}.cta-actions .btn-outline{display:inline-flex;align-items:center;padding:13px 26px;border:1px solid rgba(255,255,255,.28);color:#fff;border-radius:999px;font-weight:600}.cta-actions .btn-outline:hover{background:#ffffff14}.blog-index-hero{background:#070d18;color:#fff;padding:66px 0 54px;position:relative;overflow:hidden}.blog-index-hero:after{content:"";position:absolute;top:-30%;right:-5%;width:620px;height:160%;background:radial-gradient(ellipse at 60% 50%,rgba(59,158,255,.12),transparent 62%)}.blog-index-hero .eyebrow{position:relative;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:#7cc0ff;margin:0 0 14px}.blog-index-hero h1{position:relative;font-size:clamp(2.2rem,4vw,3.2rem);font-weight:700;margin:0;letter-spacing:-.01em}.blog-index-hero h1 .accent{background:linear-gradient(90deg,#5ab0ff,#2f80ed);-webkit-background-clip:text;background-clip:text;color:transparent}.blog-index-hero p{position:relative;margin:16px 0 0;color:#9fb0c4;font-size:1.05rem;max-width:60ch}.cat-filter{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 0;position:relative}.cat-filter a{padding:8px 16px;border-radius:999px;font-size:.82rem;font-weight:500;border:1px solid rgba(255,255,255,.16);color:#c3cedd;transition:.15s}.cat-filter a:hover,.cat-filter a.on{background:#3b9eff24;border-color:#3b9eff;color:#fff}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding:56px 0 72px}.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid #e7ecf4;border-radius:18px;overflow:hidden;transition:transform .18s,box-shadow .18s}.post-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px #1428501a}.post-card .thumb{aspect-ratio:16 / 10;overflow:hidden;background:#0c1b32}.post-card .thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.post-card .cat{font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:#2f80ed;margin:0 0 10px}.post-card h3{font-size:1.08rem;font-weight:600;color:#0e1c33;margin:0 0 10px;line-height:1.32}.post-card p{font-size:.9rem;color:#5a6b80;line-height:1.55;margin:0 0 16px;flex:1}.post-card .pmeta{font-size:.78rem;color:#8a9bb2}.post-feature{grid-column:1 / -1;display:grid;grid-template-columns:1.15fr 1fr;gap:0;background:#fff;border:1px solid #e7ecf4;border-radius:22px;overflow:hidden}.post-feature .thumb{position:relative;min-height:340px;background:#0c1b32}.post-feature .thumb img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-feature .body{padding:40px 44px;display:flex;flex-direction:column;justify-content:center}.post-feature h2{font-size:1.9rem;font-weight:700;color:#0e1c33;margin:12px 0 14px;line-height:1.18;letter-spacing:-.01em}.post-feature p{color:#5a6b80;line-height:1.6;margin:0 0 22px}.post-feature .readmore{display:inline-flex;align-items:center;gap:8px;color:#2f80ed;font-weight:600;font-size:.95rem}@media(max-width:900px){.art-wrap{padding:0 20px}.post-grid{grid-template-columns:1fr;gap:22px}.post-feature{grid-template-columns:1fr}.post-feature .thumb{min-height:220px}.post-feature .body{padding:28px 24px}}
