body.gate-modal-open{overflow:hidden}
.gate-modal{position:fixed;inset:0;z-index:20;display:none}
.gate-modal.is-open{display:block}
.gate-modal__backdrop{position:absolute;inset:0;background:rgba(3,7,18,.64);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.gate-modal.is-open .gate-modal__backdrop{animation:gateFade .22s ease both}
.gate-modal__dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(92vw,390px);overflow:hidden;border-radius:30px;background:#fff;color:#0b0f18;box-shadow:0 34px 90px rgba(0,0,0,.52),0 1px 0 rgba(255,255,255,.85) inset}
.gate-modal.is-open .gate-modal__dialog{animation:gateIn .3s cubic-bezier(.22,1.1,.35,1) both}
.gate-modal__close{position:absolute;right:16px;top:16px;z-index:2;width:36px;height:36px;border:0;background:transparent;color:#a3a3a3;font-size:34px;line-height:1;text-decoration:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s,transform .1s}
.gate-modal__close:hover{color:#525252}
.gate-modal__close:active{transform:scale(.92)}
.gate-modal__body{padding:34px 28px 28px;text-align:left}
.gate-modal__top{display:grid;grid-template-columns:78px 1fr;gap:16px;align-items:center;padding-right:30px}
.gate-modal__headline{min-width:0}
.gate-modal__badge{display:inline-flex;align-items:center;justify-content:center;min-height:25px;padding:3px 12px;margin-bottom:8px;border-radius:999px;background:linear-gradient(180deg,#eff6ff,#e0f2fe);color:#2563eb;font-size:12px;line-height:1;font-weight:800;letter-spacing:.03em}
.gate-modal__title{margin:0;color:#05070b;font-size:23px;line-height:1.12;font-weight:700;letter-spacing:0;white-space:nowrap}
.gate-modal__text{margin:20px 0;color:#686f7b;font-size:12.5px;line-height:1.7;font-weight:600}
.gate-modal__features{border-top:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;margin:0 0 24px}
.gate-modal__feature{display:grid;grid-template-columns:38px 1fr;gap:14px;align-items:center;min-height:66px}
.gate-modal__feature+.gate-modal__feature{border-top:1px solid #ececec}
.gate-modal__feature-icon{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#eef5ff;color:#2563eb;font-size:20px;font-weight:800}
.gate-modal__feature-icon--lock{font-size:16px}
.gate-modal__feature strong{display:block;color:#05070b;font-size:18px;line-height:1.15;font-weight:700;letter-spacing:0}
.gate-modal__feature small{display:block;margin-top:4px;color:#777;font-size:12.5px;line-height:1.3;font-weight:600}
.gate-modal__cta{display:flex;align-items:center;justify-content:center;width:100%;min-height:58px;border-radius:999px;background:linear-gradient(180deg,#222 0%,#080808 100%);color:#fff;text-decoration:none;font-size:19px;font-weight:800;letter-spacing:0;box-shadow:0 20px 34px rgba(0,0,0,.2);transition:transform .12s,filter .15s}
.gate-modal__cta:hover{filter:brightness(1.08)}
.gate-modal__cta:active{transform:scale(.97)}
.gate-modal__note{margin:16px 0 0;text-align:center;color:#8b8b8b;font-size:12.5px;line-height:1.5;font-weight:600}
.gate-modal__hero{display:none}
.gate-modal__phone{position:relative;width:78px;height:78px;border:0;border-radius:23px;background:linear-gradient(180deg,#85d7ff 0%,#1689ff 58%,#066bea 100%);box-shadow:inset 0 2px 0 rgba(255,255,255,.45),0 15px 26px rgba(37,99,235,.24)}
.gate-modal__phone:before{content:"";position:absolute;left:22px;top:39px;width:33px;height:8px;border-radius:999px;background:#fff;transform:rotate(-55deg);transform-origin:left center}
.gate-modal__phone:after{content:"";position:absolute;right:15px;bottom:22px;width:22px;height:7px;border-radius:999px;background:#fff}
.gate-modal__phone-notch,.gate-modal__phone-screen,.gate-modal__phone-home{display:none}
@keyframes gateFade{from{opacity:0}to{opacity:1}}
@keyframes gateIn{from{opacity:0;transform:translate(-50%,-46%) scale(.96)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@media (max-width:480px){
  .gate-modal__dialog{width:min(92vw,390px);border-radius:28px}
  .gate-modal__body{padding:30px 24px 26px}
  .gate-modal__top{grid-template-columns:74px 1fr;gap:14px}
  .gate-modal__phone{width:74px;height:74px;border-radius:22px}
  .gate-modal__title{font-size:22px}
  .gate-modal__text{font-size:12.5px;margin:18px 0}
  .gate-modal__feature{min-height:62px;grid-template-columns:36px 1fr;gap:13px}
  .gate-modal__feature strong{font-size:16px}
  .gate-modal__cta{min-height:54px;font-size:17px}
}
@media (max-width:360px){
  .gate-modal__body{padding:28px 20px 24px}
  .gate-modal__top{grid-template-columns:64px 1fr;gap:12px;padding-right:22px}
  .gate-modal__phone{width:64px;height:64px;border-radius:19px}
  .gate-modal__phone:before{left:18px;top:32px;width:27px;height:7px}
  .gate-modal__phone:after{right:12px;bottom:18px;width:19px;height:6px}
  .gate-modal__badge{min-height:24px;padding:2px 10px;font-size:11px}
  .gate-modal__title{font-size:19px}
  .gate-modal__feature strong{font-size:16px}
  .gate-modal__cta{font-size:16px}
}