:root{--container:1180px;--text:#46516f}body{color:var(--ink)}.header{-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);background:#ffffffe6}.nav-wrap{gap:26px}.mega-inner{gap:34px;padding:22px 32px 26px}.crumbs{color:#69748e;align-items:center;gap:10px;margin-bottom:34px;font-size:13px;display:flex}.crumbs a{text-decoration:none}.tag{color:var(--blue);letter-spacing:.08em;text-transform:uppercase;background:#e7ecff;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:800;display:inline-flex}.article-hero h1{letter-spacing:-.05em;max-width:980px;margin:22px 0 24px;font-size:clamp(39px,5.2vw,68px);line-height:1.04}.article-hero .lead{color:var(--text);max-width:820px;font-size:20px;line-height:1.7}.article-hero .meta{color:#65708b;flex-wrap:wrap;gap:18px;margin-top:28px;font-size:14px;font-weight:600;display:flex}.article-hero{border-bottom:1px solid var(--line);background:linear-gradient(135deg,#eef1ff 0%,#fff 62%);padding:92px 0 80px}.article-wrap{grid-template-columns:minmax(0,760px) 280px;align-items:start;gap:72px;padding:74px 0 104px;display:grid}.article-cover{aspect-ratio:16/9;object-fit:cover;border-radius:26px;margin-bottom:44px;box-shadow:0 24px 64px #040b2b24}.article-body{color:var(--text);font-size:17px;line-height:1.85}.article-body h2{color:var(--ink);letter-spacing:-.035em;margin:48px 0 16px;font-size:31px;line-height:1.2}.article-body p{margin:0 0 22px}.article-body ul{padding-left:22px}.article-body li{margin:10px 0}.quote{border-left:5px solid var(--blue);background:var(--soft);color:var(--ink);border-radius:0 18px 18px 0;margin:38px 0;padding:30px 32px;font-size:20px;font-weight:700;line-height:1.55}.article-side{border:1px solid var(--line);background:#fff;border-radius:20px;padding:25px;position:sticky;top:110px;box-shadow:0 12px 34px #040b2b12}.article-side h2{margin:0 0 12px;font-size:18px}.article-side p{color:var(--text);font-size:14px;line-height:1.65}.side-btn{background:var(--blue);color:#fff;border-radius:12px;justify-content:center;margin-top:20px;padding:14px 18px;font-size:14px;font-weight:800;text-decoration:none;display:flex}@media (max-width:900px){.article-wrap{grid-template-columns:1fr;gap:36px}.article-side{position:static}.article-hero{padding:70px 0 62px}}@media (max-width:560px){.container{width:min(100% - 28px,var(--container))}.article-hero{padding:54px 0}.lead{font-size:17px}.article-wrap{padding:48px 0 72px}.article-body{font-size:16px}.article-body h2{font-size:27px}.quote{padding:24px;font-size:18px}}