.articles-page{background:#f4f8fc}.articles-list{padding:55px 0 80px}.articles-grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.articles-grid article{background:#fff;border:1px solid #d7e3ed;border-radius:18px;padding:25px;position:relative;box-shadow:0 14px 38px #163a630d}.articles-grid article>span{color:#0782d3;background:#e3f4ff;border-radius:12px;place-items:center;width:47px;height:47px;display:grid}.articles-grid article>span svg{width:23px}.articles-grid small{color:#7890a4;align-items:center;gap:5px;margin:18px 0 8px;display:flex}.articles-grid small svg{width:15px}.articles-grid h2{margin:0 0 8px;font-size:1.08rem;line-height:1.7}.articles-grid p{color:#657c90;min-height:100px;font-size:.88rem;line-height:1.9}.articles-grid a{color:#087fdc;align-items:center;gap:6px;font-weight:900;display:flex}.articles-grid a svg{width:17px}.article-hero{color:#fff;background:radial-gradient(circle at 15% 20%,#108bd544,#0000 30%),linear-gradient(125deg,#03142f,#083c70);padding:55px 0 65px}.article-hero a{color:#a9d9f8;align-items:center;gap:6px;margin-bottom:28px;display:flex}.article-hero a svg{width:17px}.article-hero small{color:#73caff;align-items:center;gap:5px;display:flex}.article-hero small svg{width:16px}.article-hero h1{max-width:850px;margin:9px 0;font-size:clamp(1.9rem,4vw,3.1rem);line-height:1.55}.article-hero p{color:#c1d8e9;max-width:780px;line-height:1.9}.article-body{max-width:880px;padding-top:48px;padding-bottom:78px}.article-body>section{margin-bottom:38px}.article-body h2{margin:0 0 13px;font-size:1.4rem}.article-body p{color:#4f687e;margin:0 0 12px;font-size:1rem;line-height:2.15}.article-body ul{color:#365c78;background:#edf7fd;border-right:4px solid #128bd8;border-radius:9px;padding:17px 40px 17px 20px;line-height:2}.article-body aside{color:#fff;background:linear-gradient(110deg,#087fdc,#07518e);border-radius:16px;justify-content:space-between;align-items:center;gap:20px;margin-top:48px;padding:24px;display:flex}.article-body aside strong,.article-body aside span{display:block}.article-body aside span{color:#c6e6fa;margin-top:5px;font-size:.86rem}.article-body aside a{color:#07518e;direction:ltr;background:#fff;border-radius:9px;align-items:center;gap:6px;padding:10px 14px;font-weight:900;display:flex}.article-body aside svg{width:18px}@media (max-width:900px){.articles-grid{grid-template-columns:1fr 1fr}}@media (max-width:650px){.articles-grid{grid-template-columns:1fr}.articles-grid p{min-height:auto}.article-body aside{flex-direction:column;align-items:stretch}.article-body aside a{justify-content:center}}