@keyframes snRun{0%{left:0;opacity:0}6%{opacity:1}94%{opacity:1}100%{left:100%;opacity:0}}@keyframes snNd{0%,100%{transform:scale(1);box-shadow:0 0 0 0 rgba(237,22,125,0)}10%{transform:scale(1.25);box-shadow:0 0 0 8px rgba(237,22,125,.18)}22%{transform:scale(1);box-shadow:0 0 0 0 rgba(237,22,125,0)}}@keyframes snBar1{0%,8%{width:0}22%,88%{width:4%}100%{width:0}}@keyframes snBar2{0%,14%{width:0}36%,88%{width:100%}100%{width:0}}@keyframes snHide{0%,30%{opacity:1;transform:none}38%,86%{opacity:0;transform:translateY(-6px)}94%,100%{opacity:1;transform:none}}@keyframes snShow{0%,30%{opacity:0;transform:translateY(6px)}38%,86%{opacity:1;transform:none}94%,100%{opacity:0;transform:translateY(6px)}}@keyframes snRow{0%,30%{background:#fff}38%,86%{background:#fff4f9}94%,100%{background:#fff}}@keyframes snDash{to{stroke-dashoffset:-48}}@keyframes snFl{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes snSh{0%{background-position:0% 50%}100%{background-position:200% 50%}}@media (max-width:767px){body .bl-content .sn-lead{font-size:18px}body .bl-content .sn-kurz{padding:22px 20px 16px}body .bl-content .sn-toc ol{columns:1}body .bl-content .sn-tl{padding:24px 20px 16px}body .bl-content .sn-tl-track{left:30px;right:auto;top:30px;bottom:52px;width:3px;height:auto;background:linear-gradient(180deg,#1661ab,#ed167d)}body .bl-content .sn-tl-run{display:none}body .bl-content .sn-tl ol{grid-template-columns:1fr;gap:16px}body .bl-content .sn-tl-i{display:grid;grid-template-columns:22px minmax(0,1fr);grid-template-rows:auto auto auto;column-gap:16px;row-gap:2px;align-items:start;text-align:left}body .bl-content .sn-tl-i i{grid-row:1/4;margin:0}body .bl-content .sn-stats{grid-template-columns:1fr}body .bl-content .sn-bar{grid-template-columns:108px minmax(0,1fr) 58px;gap:8px}body .bl-content .sn-bar-l{font-size:13px}body .bl-content .sn-bar b{font-size:16px}body .bl-content .sn-geo{padding:20px}body .bl-content .sn-geo-g{grid-template-columns:1fr}body .bl-content .sn-gsc-h,body .bl-content .sn-gsc-r{grid-template-columns:minmax(0,1fr) 48px 58px;gap:6px;padding:10px 12px;font-size:13.5px}body .bl-content .sn-gsc-h{font-size:10.5px;letter-spacing:.04em}body .bl-content .sn-cl{padding:10px}body .bl-content .sn-faq summary{font-size:16px}}@media (prefers-reduced-motion:reduce){body .bl-content [class*="sn-"],body .bl-content [class*="sn-"] *{animation:none}body .bl-content .sn-bar-f1{width:4%}body .bl-content .sn-bar-f2{width:100%}body .bl-content .sn-gsc-x em{opacity:0}body .bl-content .sn-gsc-x strong{opacity:1}} .bl-content .sn-lead { font-size: 20px; line-height: 1.75; color: #33415a;} .bl-content .sn-kurz { margin: 8px auto 30px; padding: 28px 30px 20px; border-radius: 24px; background: linear-gradient(135deg,#0b1d38,#1b1f5e); color: #dfe5f2; box-shadow: 0 30px 60px -36px rgba(13,25,48,.8);} .bl-content .sn-kurz-t { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; font-size: 13px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #45c5ff;} .bl-content .sn-kurz ol { margin: 0; padding: 0; list-style: none; counter-reset: snk;} .bl-content .sn-kurz li { position: relative; margin: 0 0 12px; padding-left: 40px; font-size: 16.5px; line-height: 1.6; counter-increment: snk; color: #dfe5f2;} .bl-content .sn-kurz li::before { content: counter(snk); position: absolute; left: 0; top: 1px; width: 26px; height: 26px; border-radius: 8px; background: #ed167d; color: #fff; font-size: 13px; font-weight: 900; line-height: 26px; text-align: center; transform: none;} .bl-content .sn-kurz b { color: #fff;} .bl-content .sn-stand { margin: 6px 0 0; font-size: 12px; font-weight: 700; color: #8f9bb0;} .bl-content .sn-toc { margin: 0 auto 10px; padding: 22px 26px; border: 1px solid #e3e8f0; border-radius: 20px; background: #f8fafd;} .bl-content .sn-toc p { margin: 0 0 10px; font-size: 13px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #1661ab;} .bl-content .sn-toc ol { margin: 0; padding: 0; list-style: none; columns: 2; column-gap: 28px;} .bl-content .sn-toc li { margin: 0 0 6px; padding: 0; break-inside: avoid; font-size: 15.5px;} .bl-content .sn-toc li::before { content: none;} .bl-content .sn-toc a { color: #0d1930; font-weight: 700; text-decoration: none; border-bottom: 2px solid rgba(237,22,125,.25);} .bl-content .sn-toc a:hover { color: #ed167d; border-color: #ed167d;} .bl-content :is(h2,h3)[id] { scroll-margin-top: 130px;} .bl-content .sn-cap { margin: 12px 0 0; font-size: 12px; font-weight: 700; color: #7a8699; text-align: center;} .bl-content .sn-tl { width: 100%; max-width: 1040px; margin: 34px auto 30px; padding: 34px 30px 22px; border-radius: 28px; background: #f2f5fa;} .bl-content .sn-tl { position: relative;} .bl-content .sn-tl-track { position: absolute; left: calc(30px + 10%); right: calc(30px + 10%); top: 52px; height: 3px; border-radius: 3px; background: linear-gradient(90deg,#1661ab,#ed167d);} .bl-content .sn-tl-run { position: absolute; top: -5px; left: 0; width: 13px; height: 13px; margin-left: -6px; border-radius: 50%; background: #fff; box-shadow: 0 0 0 3px #ed167d,0 0 18px 4px rgba(237,22,125,.6); animation: snRun 6s linear infinite;} .bl-content .sn-tl ol { position: relative; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 12px; margin: 0; padding: 0; list-style: none;} .bl-content .sn-tl-i { display: flex; flex-direction: column; align-items: center; gap: 4px; margin: 0; padding: 0; text-align: center;} .bl-content .sn-tl-i::before { content: none;} .bl-content .sn-tl-i i { display: block; width: 22px; height: 22px; margin: 7px 0 14px; border-radius: 50%; background: #fff; border: 5px solid #ed167d; animation: snNd 6s ease infinite;} .bl-content .sn-tl-i:nth-child(1) i { border-color: #1661ab;} .bl-content .sn-tl-i:nth-child(2) i { animation-delay: 1.2s; border-color: #3f4fb8;} .bl-content .sn-tl-i:nth-child(3) i { animation-delay: 2.4s; border-color: #7b2cbf;} .bl-content .sn-tl-i:nth-child(4) i { animation-delay: 3.6s; border-color: #b0208f;} .bl-content .sn-tl-i:nth-child(5) i { animation-delay: 4.8s; border-style: dashed;} .bl-content .sn-tl-i small { font-size: 11.5px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; line-height: 1.35; color: #1661ab;} .bl-content .sn-tl-i b { font-size: 15.5px; font-weight: 900; line-height: 1.3; color: #0d1930;} .bl-content .sn-tl-i span { font-size: 13px; color: #4d5a70;} .bl-content .sn-tl-i--spam small { color: #ed167d;} .bl-content .sn-stats { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin: 26px auto 16px;} .bl-content .sn-st { position: relative; display: flex; flex-direction: column; gap: 8px; padding: 24px 20px 18px; border-radius: 22px; background: #fff; border: 1px solid #e3e8f0; box-shadow: 0 20px 40px -32px rgba(13,25,48,.6); overflow: hidden;} .bl-content .sn-st::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg,#ed167d,#7b2cbf,#45c5ff,#ed167d); background-size: 200% 100%; animation: snSh 4s linear infinite;} .bl-content .sn-st b { font-size: clamp(2rem,4vw,2.6rem); font-weight: 900; line-height: 1; letter-spacing: -.04em; color: #0d1930;} .bl-content .sn-st span { font-size: 15px; line-height: 1.5; color: #33415a;} .bl-content .sn-st small { margin-top: auto; font-size: 11.5px; font-weight: 700; color: #7a8699;} .bl-content .sn-conv { margin: 18px auto 28px; padding: 24px 26px 16px; border-radius: 22px; background: #0b1d38; color: #fff;} .bl-content .sn-conv-t { margin: 0 0 16px; font-size: 14px; font-weight: 800; color: #c9d1de;} .bl-content .sn-bar { display: grid; grid-template-columns: 130px minmax(0,1fr) 70px; gap: 14px; align-items: center; margin: 0 0 12px;} .bl-content .sn-bar-l { font-size: 14px; font-weight: 800; color: #fff;} .bl-content .sn-bar-t { position: relative; height: 16px; border-radius: 999px; background: rgba(255,255,255,.1); overflow: hidden;} .bl-content .sn-bar-f { position: absolute; left: 0; top: 0; bottom: 0; width: 0; border-radius: 999px;} .bl-content .sn-bar-f1 { background: #45c5ff; animation: snBar1 8s ease infinite;} .bl-content .sn-bar-f2 { background: linear-gradient(90deg,#ed167d,#ffb82e); animation: snBar2 8s ease infinite;} .bl-content .sn-bar b { white-space: nowrap; font-size: 20px; font-weight: 900; text-align: right; color: #fff;} .bl-content .sn-conv .sn-cap { color: #8f9bb0;} .bl-content .sn-geo { margin: 26px auto 10px; padding: 26px; border-radius: 24px; background: linear-gradient(135deg,#fff5fa,#f2f5fa);} .bl-content .sn-geo-t { margin: 0 0 16px; font-size: 19px; font-weight: 900; color: #0d1930;} .bl-content .sn-geo-g { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px;} .bl-content .sn-geo-g>div { padding: 18px; border-radius: 18px; background: #fff; border: 1px solid #ebe3ef; transition: transform .3s ease,box-shadow .3s ease;} .bl-content .sn-geo-g>div:hover { transform: translateY(-4px); box-shadow: 0 20px 34px -24px rgba(123,44,191,.5);} .bl-content .sn-geo-g b { display: inline-block; margin-bottom: 6px; font-size: 13px; font-weight: 900; color: #ed167d;} .bl-content .sn-geo-g h4 { margin: 0 0 6px; font-size: 17px; font-weight: 900; color: #0d1930;} .bl-content .sn-geo-g p { margin: 0; font-size: 15px; line-height: 1.6; color: #4d5a70;} .bl-content .sn-gsc { margin: 22px auto 20px; padding: 18px 18px 12px; border-radius: 22px; background: #f2f5fa;} .bl-content .sn-gsc-h { display: grid; grid-template-columns: minmax(0,1fr) 70px 80px; gap: 10px; align-items: center; padding: 12px 16px;} .bl-content .sn-gsc-r { display: grid; grid-template-columns: minmax(0,1fr) 70px 80px; gap: 10px; align-items: center; padding: 12px 16px;} .bl-content .sn-gsc-h { font-size: 12px; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; color: #7a8699;} .bl-content .sn-gsc-r { margin-bottom: 8px; border-radius: 14px; background: #fff; font-size: 15px; color: #0d1930;} .bl-content .sn-gsc-r>span:not(:first-child) { text-align: right; font-weight: 800;} .bl-content .sn-gsc-x>span:first-child { position: relative; display: block; height: 24px;} .bl-content .sn-gsc-x em { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; line-height: 24px;} .bl-content .sn-gsc-x strong { position: absolute; left: 0; top: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; line-height: 24px;} .bl-content .sn-gsc-x em { font-style: italic; color: #7a8699; animation: snHide 7s ease infinite;} .bl-content .sn-gsc-x strong { color: #ed167d; opacity: 0; animation: snShow 7s ease infinite;} .bl-content .sn-gsc-x { animation: snRow 7s ease infinite;} .bl-content .sn-gsc-x2 { animation-delay: .6s;} .bl-content .sn-gsc-x2 em { animation-delay: .6s;} .bl-content .sn-gsc-x2 strong { animation-delay: .6s;} .bl-content .sn-cl { margin: 24px auto 22px; padding: 20px; border-radius: 24px; background: #0b1d38;} .bl-content .sn-cl svg { display: block; width: 100%; height: auto;} .bl-content .sn-cl-ln path { fill: none; stroke: #45c5ff; stroke-width: 2.5; stroke-dasharray: 8 8; animation: snDash 2.4s linear infinite; opacity: .8;} .bl-content .sn-cl-n rect { fill: #13284a; stroke: rgba(255,255,255,.18); stroke-width: 1.5;} .bl-content .sn-cl-n text { fill: #fff; font-size: 17px; font-weight: 800; text-anchor: middle;} .bl-content .sn-cl-c text { fill: #fff; font-size: 17px; font-weight: 800; text-anchor: middle;} .bl-content .sn-cl-n { animation: snFl 5s ease-in-out infinite;} .bl-content .sn-cl-n2 { animation-delay: 1s;} .bl-content .sn-cl-n3 { animation-delay: 2s;} .bl-content .sn-cl-n4 { animation-delay: 3s;} .bl-content .sn-cl-n5 { animation-delay: 4s;} .bl-content .sn-cl-c circle { fill: #ed167d;} .bl-content .sn-cl-c::before { content: none;} .bl-content .sn-cl-c .sn-cl-s { font-size: 13px; font-weight: 700; fill: #ffd6ea;} .bl-content .sn-cl .sn-cap { color: #8f9bb0;} .bl-content .sn-faq { margin: 18px auto 24px; display: flex; flex-direction: column; gap: 10px;} .bl-content .sn-faq details { border: 1px solid #e3e8f0; border-radius: 18px; background: #fff; transition: border-color .25s ease,box-shadow .25s ease;} .bl-content .sn-faq details[open] { border-color: rgba(237,22,125,.35); box-shadow: 0 18px 34px -26px rgba(237,22,125,.5);} .bl-content .sn-faq summary { position: relative; display: block; padding: 18px 54px 18px 22px; font-size: 17px; font-weight: 800; line-height: 1.4; color: #0d1930; cursor: pointer; list-style: none;} .bl-content .sn-faq summary::-webkit-details-marker { display: none;} .bl-content .sn-faq summary i { position: absolute; right: 20px; top: 50%; width: 22px; height: 22px; margin-top: -11px; border-radius: 50%; background: rgba(237,22,125,.1);} .bl-content .sn-faq summary i::before { content: ""; position: absolute; left: 6px; top: 10px; width: 10px; height: 2px; border-radius: 2px; background: #ed167d; transition: transform .25s ease;} .bl-content .sn-faq summary i::after { content: ""; position: absolute; left: 6px; top: 10px; width: 10px; height: 2px; border-radius: 2px; background: #ed167d; transition: transform .25s ease;} .bl-content .sn-faq summary i::after { transform: rotate(90deg);} .bl-content .sn-faq details[open] summary i::after { transform: rotate(0);} .bl-content .sn-faq details p { margin: 0; padding: 0 22px 20px; font-size: 16.5px; line-height: 1.7; color: #33415a;} .bl-content .sn-src { margin: 20px auto 0; padding: 18px 22px; border-radius: 18px; background: #f8fafd; border: 1px dashed #d6dde8;} .bl-content .sn-src p { margin: 0 0 8px; font-size: 13px; font-weight: 900; letter-spacing: .14em; text-transform: uppercase; color: #7a8699;} .bl-content .sn-src ul { margin: 0;} .bl-content .sn-src li { margin: 0 0 4px; font-size: 14px; line-height: 1.5;} .bl-content .sn-src a { font-weight: 700;}