/* Мягкий гейт подписки (js/gate.js). Без JS и при выключенном гейте статья видна целиком. */
.dz-gated{position:relative}
.dz-gated.is-locked{max-height:min(440px,62vh);overflow:hidden;filter:blur(3.5px);opacity:.85;user-select:none;-webkit-user-select:none;pointer-events:none;
  -webkit-mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.55) 45%,transparent 92%);mask-image:linear-gradient(to bottom,#000 0,rgba(0,0,0,.55) 45%,transparent 92%)}

.dz-gate{position:relative;z-index:2;margin:-150px 0 34px;padding:30px clamp(18px,3.4vw,38px) 26px;border-radius:26px;background:#fff;border:1px solid #d6e4f7;
  box-shadow:0 30px 80px rgba(20,59,116,.16),0 2px 0 rgba(255,255,255,.9) inset;scroll-margin-top:110px}
.dz-gate:before{content:"";position:absolute;inset:0 0 auto;height:5px;border-radius:26px 26px 0 0;background:linear-gradient(90deg,#229ed9,#0871f9 55%,#7748ef)}
.dz-gate-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 12px;padding:6px 12px 6px 8px;border-radius:999px;background:#eef6ff;color:#0458da;font-size:13px;font-weight:800;letter-spacing:.01em}
.dz-gate-eyebrow svg{width:18px;height:18px;flex:none}
.dz-gate h2{margin:0 0 8px;font-size:clamp(22px,2.6vw,30px);line-height:1.18;letter-spacing:-.03em;color:#071333}
.dz-gate-text{margin:0 0 20px;color:#41506b;font-size:16px;line-height:1.55;max-width:760px}

.dz-gate-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:0 0 20px;padding:0;list-style:none;counter-reset:dzs}
.dz-gate-steps li{counter-increment:dzs;display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:14px;background:#f5f9ff;color:#5d6b88;font-size:14px;font-weight:700;line-height:1.3}
.dz-gate-steps li:before{content:counter(dzs);flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#fff;border:1px solid #cfe0f6;color:#0458da;font-weight:800}
.dz-gate-steps li.is-cur{background:#e5f1ff;color:#071333}
.dz-gate-steps li.is-cur:before{background:#0871f9;border-color:#0871f9;color:#fff}
.dz-gate-steps li.is-done:before{content:"✓";background:#15bd68;border-color:#15bd68;color:#fff}

.dz-gate-nets{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:10px;margin:0 0 18px}
.dz-gate-net{display:flex;align-items:center;gap:12px;min-height:64px;padding:10px 14px;border-radius:16px;text-decoration:none;color:#fff;font-weight:800;line-height:1.2;
  transition:transform .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px rgba(10,40,90,.14)}
.dz-gate-net:hover{transform:translateY(-2px);box-shadow:0 16px 30px rgba(10,40,90,.2)}
.dz-gate-net:focus-visible{outline:3px solid #9cc8ff;outline-offset:2px}
.dz-gate-net svg{flex:none;width:28px;height:28px}
.dz-gate-net span{display:grid;gap:3px;min-width:0}
.dz-gate-net small{font-size:12px;font-weight:600;opacity:.88}
.dz-gate-net.is-tg{background:linear-gradient(135deg,#1d93d2,#2aabee)}
.dz-gate-net.is-vk{background:#0077ff}
.dz-gate-net.is-yt{background:#ff0033}
.dz-gate-net[data-st="member"]:after,.dz-gate-net[data-st="claimed"]:after{content:"✓";margin-left:auto;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.25);font-size:14px}

.dz-gate-act{display:grid;gap:12px;padding:18px;border-radius:18px;background:#f7fbff;border:1px solid #e2ecf8}
.dz-gate-act-title{margin:0;font-size:15px;font-weight:800;color:#10204a}
.dz-gate-consent{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.5;color:#24314f;cursor:pointer}
.dz-gate-consent input{flex:0 0 18px;width:18px;height:18px;margin:2px 0 0;accent-color:#0871f9;cursor:pointer}
.dz-gate-consent a{color:#0458da}
.dz-gate-consent.is-need{color:#c62828;animation:dzgneed .4s ease}
.dz-gate-consent.is-need input{outline:2px solid #e53935;outline-offset:1px}
@keyframes dzgneed{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.dz-gate-btns{display:flex;flex-wrap:wrap;gap:8px}
.dz-gate-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 18px;border-radius:14px;border:1px solid transparent;
  font:800 14px/1.2 Manrope,system-ui,sans-serif;text-decoration:none;cursor:pointer;transition:filter .15s ease,transform .15s ease}
.dz-gate-btn:hover{filter:brightness(1.07)}
.dz-gate-btn:active{transform:scale(.985)}
.dz-gate-btn:focus-visible{outline:3px solid #9cc8ff;outline-offset:2px}
.dz-gate-btn svg{width:20px;height:20px;flex:none}
.dz-gate-btn.is-tg{background:#229ed9;color:#fff}
.dz-gate-btn.is-vk{background:#0077ff;color:#fff}
.dz-gate-btn.is-ya{background:#000;color:#fff}
.dz-gate-btn.is-ya i{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#fc3f1d;font:700 13px/1 Arial,sans-serif;font-style:normal}
.dz-gate-btn.is-main{background:linear-gradient(135deg,#0560e9,#2790ff);color:#fff;box-shadow:0 12px 26px rgba(6,101,237,.22)}
.dz-gate-btn.is-ghost{background:#fff;color:#0458da;border-color:#a9cbfb}
.dz-gate-btn.is-dev{background:#fff;color:#24314f;border:1px dashed #0871f9}
.dz-gate-btn.is-locked{opacity:.5;filter:grayscale(.35)}
.dz-gate-btn[disabled]{opacity:.6;cursor:progress}
.dz-gate-btns form{margin:0;display:contents}
.dz-gate-subs{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.dz-gate-subs li{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#fff;border:1px solid #d6e4f7;font-size:13px;font-weight:700;color:#41506b}
.dz-gate-subs li.is-member{background:#e7f7ee;border-color:#b7e4c7;color:#17663a}
.dz-gate-subs li.is-claimed{background:#fff7e0;border-color:#f3d98b;color:#7a5a00}
.dz-gate-subs li.is-left{background:#fdf0f0;border-color:#f5c2c2;color:#9b1c1c}
.dz-gate-msg{margin:0;font-size:14px;font-weight:700;color:#0458da;min-height:0}
.dz-gate-msg:empty{display:none}
.dz-gate-msg.is-err{color:#b3261e}
.dz-gate-hint{margin:0;font-size:13px;line-height:1.5;color:#5d6b88}

.dz-gate-foot{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:16px;font-size:13.5px;color:#5d6b88}
.dz-gate-gift{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:#10204a}
.dz-gate-gift svg{width:20px;height:20px;color:#7748ef;flex:none}

.dz-gate-note{display:flex;align-items:center;gap:10px;margin:22px 0;padding:12px 16px;border-radius:14px;background:#eef6ff;border:1px solid #d6e4f7;font-size:14px;line-height:1.45;color:#24314f}
.dz-gate-note svg{width:20px;height:20px;flex:none;color:#0871f9}
.dz-gate-note.is-ok{background:#e7f7ee;border-color:#b7e4c7;color:#17663a}
.dz-gate-note.is-ok svg{color:#15bd68}

.dz-gate-bonus{margin:28px 0;padding:22px;border-radius:22px;background:linear-gradient(135deg,#f3f0ff,#eef6ff);border:1px solid #dcd3fb}
.dz-gate-bonus h2{display:flex;align-items:center;gap:10px;margin:0 0 4px;font-size:20px;line-height:1.25;color:#10204a}
.dz-gate-bonus h2 svg{width:24px;height:24px;color:#7748ef;flex:none}
.dz-gate-bonus p{margin:0 0 14px;font-size:14.5px;color:#41506b}
.dz-gate-bonus ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px;margin:0;padding:0;list-style:none}
.dz-gate-bonus a{display:flex;align-items:center;gap:12px;height:100%;padding:12px 14px;border-radius:14px;background:#fff;border:1px solid #e3dcfb;text-decoration:none;color:#10204a}
.dz-gate-bonus a:hover{border-color:#a993f3}
.dz-gate-bonus a b{display:block;font-size:14.5px;line-height:1.3}
.dz-gate-bonus a small{display:block;margin-top:2px;font-size:12.5px;color:#5d6b88}
.dz-gate-bonus em{flex:none;min-width:46px;padding:6px 8px;border-radius:9px;background:#7748ef;color:#fff;font:800 11px/1 Manrope,system-ui,sans-serif;font-style:normal;text-align:center}

@media(max-width:860px){
  .dz-gate-nets{grid-template-columns:1fr}
  .dz-gate-net{min-height:56px}
}
@media(max-width:640px){
  .dz-gate{margin-top:-110px;padding:24px 16px 20px;border-radius:22px}
  .dz-gate:before{border-radius:22px 22px 0 0}
  .dz-gate-steps{grid-template-columns:1fr;gap:6px}
  .dz-gate-steps li{padding:8px 10px}
  .dz-gate-act{padding:14px}
  .dz-gate-btn{width:100%}
  .dz-gated.is-locked{max-height:340px}
}
@media(prefers-reduced-motion:reduce){.dz-gate-net,.dz-gate-btn{transition:none}.dz-gate-consent.is-need{animation:none}}
@media print{.dz-gate,.dz-gate-note{display:none}.dz-gated.is-locked{max-height:none;filter:none;opacity:1;-webkit-mask-image:none;mask-image:none}}
