:root{--bg:#07111f;--panel:#0d1a2b;--text:#edf5ff;--muted:#9badc3;--cyan:#72e6ff;--violet:#9f75ff;--stroke:rgba(255,255,255,.11);--container:min(1180px,calc(100% - 32px))}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body.blog-page{margin:0;color:var(--text);font-family:"DM Sans",system-ui,sans-serif;background:radial-gradient(circle at 75% 0,rgba(60,123,255,.14),transparent 30%),#07111f}.blog-page a{color:inherit;text-decoration:none}.blog-container{width:var(--container);margin-inline:auto}.blog-header{position:sticky;top:0;z-index:50;padding:18px 0;background:rgba(7,17,31,.76);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06)}.blog-nav{display:flex;align-items:center;justify-content:space-between;gap:20px}.blog-brand{display:flex;align-items:center;gap:12px;font:700 18px Manrope}.blog-brand img{width:42px;height:42px;border-radius:12px}.blog-links{display:flex;align-items:center;gap:18px;color:#b9c7d9;font-size:14px}.blog-links a:hover{color:#fff}.blog-cta{padding:12px 16px;border-radius:14px;background:#edf5ff;color:#07111f!important;font-weight:700}.blog-hero{padding:100px 0 64px}.blog-kicker{display:inline-flex;padding:8px 12px;border-radius:999px;border:1px solid var(--stroke);color:#bfd0e3;font-size:11px;text-transform:uppercase;letter-spacing:.15em;background:rgba(255,255,255,.04)}.blog-hero h1,.article-head h1{font:600 clamp(46px,7vw,88px)/.96 Manrope;letter-spacing:-.06em;margin:24px 0 20px}.blog-hero p{max-width:700px;color:var(--muted);font-size:18px;line-height:1.7}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:100px}.post-card{overflow:hidden;border:1px solid var(--stroke);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));transition:.3s}.post-card:hover{transform:translateY(-6px);border-color:rgba(114,230,255,.35);box-shadow:0 24px 70px rgba(0,0,0,.28)}.post-card__image{aspect-ratio:16/9;background:linear-gradient(135deg,#163b5a,#27295f);overflow:hidden}.post-card__image img{width:100%;height:100%;object-fit:cover;display:block;transition:.45s}.post-card:hover img{transform:scale(1.04)}.post-card__body{padding:24px}.post-card__meta{display:flex;gap:10px;flex-wrap:wrap;color:#8fa4bc;font-size:11px;text-transform:uppercase;letter-spacing:.09em}.post-card h2{font:600 25px/1.16 Manrope;letter-spacing:-.04em;margin:14px 0 12px}.post-card p{color:var(--muted);line-height:1.65;margin:0 0 18px}.post-card__read{display:inline-flex;align-items:center;gap:8px;color:#d9f7ff;font-weight:700;font-size:13px}.empty-blog{padding:48px;border:1px solid var(--stroke);border-radius:28px;color:var(--muted);margin-bottom:100px}.pagination{display:flex;justify-content:center;gap:10px;margin:-60px 0 100px}.pagination a,.pagination span{display:grid;place-items:center;min-width:42px;height:42px;padding:0 12px;border-radius:12px;border:1px solid var(--stroke)}.pagination .active{background:rgba(114,230,255,.12);border-color:rgba(114,230,255,.35)}.breadcrumbs{padding-top:38px;color:#8fa4bc;font-size:13px}.breadcrumbs ol{display:flex;gap:9px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.breadcrumbs li:not(:last-child):after{content:"/";margin-left:9px;color:#536981}.article-head{padding:44px 0 48px}.article-head h1{max-width:970px;font-size:clamp(44px,6vw,78px)}.article-summary{max-width:780px;color:#aec0d5;font-size:19px;line-height:1.7}.article-meta{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap;color:#8399b3;font-size:12px}.article-cover{width:var(--container);margin:0 auto 60px;overflow:hidden;border-radius:30px;border:1px solid var(--stroke)}.article-cover img{display:block;width:100%;max-height:650px;object-fit:cover}.article-layout{width:min(860px,calc(100% - 32px));margin:0 auto 110px}.article-content{font-size:18px;line-height:1.82;color:#d4deeb}.article-content p{margin:0 0 1.45em}.article-content h2{font:600 clamp(29px,4vw,42px)/1.16 Manrope;letter-spacing:-.045em;color:#fff;margin:1.65em 0 .55em}.article-content h3{font:600 27px/1.2 Manrope;color:#fff;margin:1.55em 0 .5em}.article-content a{color:var(--cyan);text-decoration:underline;text-underline-offset:3px}.article-content ul,.article-content ol{padding-left:1.25em}.article-content blockquote{margin:2em 0;padding:22px 25px;border-left:3px solid var(--cyan);background:rgba(114,230,255,.05);border-radius:0 18px 18px 0;color:#c5d5e7}.article-content img{max-width:100%;height:auto;border-radius:20px}.article-content figure{margin:2em 0}.article-content figcaption{font-size:13px;color:#8399b3;margin-top:8px}.article-content pre{overflow:auto;padding:18px;border-radius:18px;background:#040b14}.article-share{border-top:1px solid var(--stroke);margin-top:55px;padding-top:28px;display:flex;justify-content:space-between;gap:20px;align-items:center}.article-share a{padding:12px 15px;border-radius:13px;background:rgba(255,255,255,.05);border:1px solid var(--stroke);text-decoration:none}.related{width:var(--container);margin:0 auto 100px}.related h2{font:600 34px Manrope;letter-spacing:-.04em}.related .post-grid{padding-bottom:0}.blog-footer{border-top:1px solid rgba(255,255,255,.07);padding:38px 0;color:#7890aa;font-size:12px}.blog-footer>div{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.blog-footer a{color:#b9cadb}@media(max-width:900px){.post-grid{grid-template-columns:repeat(2,1fr)}.blog-links a:not(.blog-cta){display:none}}@media(max-width:620px){.blog-hero{padding-top:72px}.post-grid{grid-template-columns:1fr}.blog-cta{font-size:12px}.article-share{align-items:flex-start;flex-direction:column}.article-content{font-size:17px}}