/* ═══════════════════════════════════════════════════════════════
   ЭКРАН ВХОДА
   ═══════════════════════════════════════════════════════════════ */
.gate{position:fixed;inset:0;z-index:200;background:var(--page);
  display:flex;align-items:center;justify-content:center;padding:24px;overflow:hidden}
.gate-bg{position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(900px 520px at 50% -12%, var(--acc-a12), transparent 68%),
    radial-gradient(700px 460px at 96% 108%, rgba(253,45,42,.07), transparent 70%);
  animation:fade 1s var(--e-out) both}
.gate-c{position:relative;z-index:2;width:100%;max-width:392px;text-align:center;animation:rise .55s var(--e-out) both}
.gate-l{margin:0 auto 14px;display:flex;align-items:center;justify-content:center;animation:logopop .6s var(--e-out) both}
.gate-l svg.mm-gate{width:72px;height:72px;display:block;margin:0 auto;overflow:visible}
.gate-l .mm-glow{opacity:.11}
.gate-t{display:flex;align-items:baseline;justify-content:center;gap:8px;margin:0 0 22px;animation:up .5s .1s var(--e-out) both}
.gate-t b{font:800 22px/1 var(--ui);letter-spacing:-.03em;color:var(--ink)}
.gate-t span{font:400 22px/1 var(--ui);letter-spacing:-.03em;color:var(--ink-3)}
.gate-card{position:relative;overflow:hidden;text-align:center;background:var(--surface);border:1px solid var(--hair);
  border-radius:18px;padding:26px 26px 22px;
  box-shadow:0 30px 60px -34px rgba(12,30,45,.40), 0 2px 8px -4px rgba(12,30,45,.14);
  animation:up .55s .16s var(--e-out) both}
.gate-card::before{content:'';position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,#11415D 0%,#1B5A80 45%,#FD2D2A 100%)}
.gate-card p{margin:2px 0 20px;font-size:13.5px;line-height:1.65;color:var(--ink-2)}
.gate-card .btn{width:100%;height:44px;font-size:14px}
.gate-n{margin-top:16px;padding-top:14px;border-top:1px solid var(--hair);font-size:11.5px;line-height:1.55;color:var(--ink-3)}
.gate-f{margin-top:18px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);animation:up .5s .26s var(--e-out) both}
.gate.go .gate-l{animation:gBloom .55s var(--e-out) forwards}
@keyframes gBloom{0%{transform:none}55%{transform:scale(1.1)}100%{transform:scale(1.04)}}
.gate.go .mm-glow{animation:gHalo .6s ease forwards}
@keyframes gHalo{0%{opacity:.11}45%{opacity:.42}100%{opacity:0}}
.gate.go .gate-c{animation:gUp .5s .06s cubic-bezier(.4,0,.2,1) forwards}
@keyframes gUp{to{opacity:0;transform:translateY(-12px) scale(.985)}}
.gate.go{animation:gClear .45s .1s ease forwards}
@keyframes gClear{to{opacity:0;visibility:hidden}}
:root[data-th="night"] .mm-p,:root[data-th="violet"] .mm-p,:root[data-th="crimson"] .mm-p{stroke:url(#mmGd)}
:root[data-th="night"] .mm-glow,:root[data-th="violet"] .mm-glow,:root[data-th="crimson"] .mm-glow{fill:url(#mmGd);opacity:.34}
@media (max-width:420px){.gate-card{padding:22px 18px 18px}}