@font-face{font-family:Manrope;src:url('/fonts/manrope-cyrillic.woff2') format('woff2');unicode-range:U+0400-04FF;font-weight:100 900;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin.woff2') format('woff2');font-weight:100 900;font-display:swap}
*{margin:0;padding:0;box-sizing:border-box}
body{font-family:Manrope,-apple-system,'Segoe UI',Roboto,sans-serif;background:#f6f6fc;color:#16172b;line-height:1.65;font-size:16.5px}
.nav{position:sticky;top:0;z-index:50;background:rgba(246,246,252,.85);backdrop-filter:blur(10px);border-bottom:1px solid #e7e7f3}
.nav .in{max-width:860px;margin:0 auto;padding:0 20px;height:62px;display:flex;align-items:center;gap:10px}
.mk{width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,#5657ff,#8b6bff);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:800;font-size:15px;flex:none}
.bn{font-weight:800;font-size:17px;color:#16172b;text-decoration:none}
.bn span{color:#e974a2;font-weight:800}
.nav .cta{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;background:#5657ff;color:#fff;text-decoration:none;font-weight:800;font-size:14.5px;padding:10px 18px;border-radius:11px;white-space:nowrap}
.wrap{max-width:860px;margin:0 auto;padding:36px 20px 60px}
.crumbs{font-size:13.5px;color:#8a8fb0;margin-bottom:18px}
.crumbs a{color:#5657ff;text-decoration:none}
article h1{font-size:clamp(26px,4.6vw,38px);font-weight:800;letter-spacing:-.02em;line-height:1.15;margin-bottom:14px}
.meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:#5d6388;font-size:13.5px;margin-bottom:26px}
.meta .av{width:34px;height:34px;border-radius:50%;background:#5657ff;color:#fff;font-weight:800;font-size:13px;display:inline-flex;align-items:center;justify-content:center}
.meta b{color:#16172b}
article h2{font-size:clamp(20px,3vw,26px);font-weight:800;letter-spacing:-.015em;margin:38px 0 12px}
article h3{font-size:18px;font-weight:800;margin:26px 0 8px}
article p{margin:0 0 14px}
article ul,article ol{margin:0 0 16px;padding-left:24px}
article li{margin-bottom:7px}
article a{color:#5657ff}
.lead{font-size:18px;background:#fff;border:1px solid #e7e7f3;border-radius:16px;padding:20px 24px;margin-bottom:10px}
.tip{background:#eeefff;border-radius:14px;padding:15px 19px;margin:18px 0;font-size:15.5px;color:#3f3fd6}
.dl{display:flex;align-items:center;gap:16px;background:#fff;border:2px dashed #b9baff;border-radius:16px;padding:18px 22px;margin:22px 0}
.dl .ic{font-size:30px}
.dl a{font-weight:800}
.dl small{display:block;color:#5d6388}
.tblwrap{overflow-x:auto;margin:14px 0 20px;border-radius:14px;border:1px solid #e7e7f3}
table.cmp{width:100%;min-width:560px;border-collapse:collapse;background:#fff;font-size:15px}
table.cmp th{background:#5657ff;color:#fff;text-align:left;padding:10px 14px;font-size:14px}
table.cmp td{border-top:1px solid #eef0f6;padding:10px 14px;vertical-align:top}
.msg{background:#fff;border:1px solid #e7e7f3;border-left:4px solid #5657ff;border-radius:12px;padding:15px 19px;margin:14px 0;font-size:15.5px}
.msg b{display:block;margin-bottom:6px;font-size:13.5px;color:#5d6388;text-transform:uppercase;letter-spacing:.04em}
.faq{margin:16px 0}
.faq details{background:#fff;border:1px solid #e7e7f3;border-radius:13px;padding:15px 20px;margin-bottom:10px}
.faq summary{font-weight:700;cursor:pointer}
.faq p{margin:10px 0 0;color:#3d3f55}
.ctabox{background:linear-gradient(135deg,#5657ff,#8b6bff);border-radius:20px;padding:30px;color:#fff;margin:36px 0 8px}
.ctabox h2{margin:0 0 8px;font-size:23px}
.ctabox p{color:rgba(255,255,255,.92);margin-bottom:18px}
.ctabox .btn{display:inline-block;background:#fff;color:#4530c7;font-weight:800;text-decoration:none;padding:13px 24px;border-radius:12px}
.ctabox .alt{margin-left:14px;color:#fff;font-weight:600}
.author{display:flex;gap:15px;background:#fff;border:1px solid #e7e7f3;border-radius:16px;padding:19px 22px;margin:30px 0;font-size:15px}
.author .av{width:46px;height:46px;border-radius:50%;background:#5657ff;color:#fff;font-weight:800;display:flex;align-items:center;justify-content:center;flex:none}
.author b{display:block}
.author span{color:#5d6388}
.more{margin:34px 0 0}
.more h2{font-size:20px;margin-bottom:12px}
.mcard{display:block;background:#fff;border:1px solid #e7e7f3;border-radius:14px;padding:16px 20px;margin-bottom:10px;text-decoration:none;color:#16172b}
.mcard b{color:#5657ff}
.mcard small{color:#5d6388;display:block;margin-top:3px}
footer{border-top:1px solid #e7e7f3;padding:22px 20px;text-align:center;color:#8a8fb0;font-size:13.5px}
footer a{color:#5657ff;text-decoration:none}
.cards .mcard{padding:20px 22px}
.cards .mcard b{font-size:17.5px}
.cards .mcard p{color:#3d3f55;margin:6px 0 0;font-size:14.5px}