/* ---------- заставка «в разработке» с паролем (js/devgate.js) ---------- */
#devgate{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;padding:24px 16px;overflow:hidden;
  background:radial-gradient(1200px 700px at 50% 10%,#2b1650 0,#0b0810 70%);transition:opacity .5s,transform .5s}
#devgate.dg-out{opacity:0;transform:scale(1.06);pointer-events:none}
#devgate .blobs i{position:absolute;border-radius:50%;filter:blur(70px);opacity:.55;animation:blob 14s ease-in-out infinite}
#devgate .blobs i:nth-child(1){width:520px;height:520px;left:-120px;top:-100px;background:#7b2cff}
#devgate .blobs i:nth-child(2){width:460px;height:460px;right:-100px;top:10%;background:#ff2fa3;animation-delay:-4s}
#devgate .blobs i:nth-child(3){width:520px;height:520px;left:25%;bottom:-220px;background:#16d9a0;animation-delay:-8s}
#devgate .blobs i:nth-child(4){width:340px;height:340px;right:20%;bottom:5%;background:#ffcf3d;opacity:.28;animation-delay:-11s}

/* сигнальные ленты «в разработке» по диагонали */
#devgate .dg-tape{position:absolute;left:-10%;width:120%;height:46px;display:flex;align-items:center;overflow:hidden;z-index:1;
  background:repeating-linear-gradient(-45deg,#ffcf3d 0 22px,#16101f 22px 44px);box-shadow:0 10px 30px #000a;border-block:3px solid #16101f}
#devgate .dg-tape.dg-t1{top:9%;transform:rotate(-6deg)}
#devgate .dg-tape.dg-t2{bottom:9%;transform:rotate(5deg)}
#devgate .dg-tape span{flex:none;white-space:nowrap;font-weight:900;letter-spacing:4px;font-size:18px;color:#16101f;background:#ffcf3d;padding:3px 14px;margin-right:60px;border-radius:4px;
  animation:dgtape 22s linear infinite}
#devgate .dg-tape.dg-t2 span{animation-direction:reverse}
@keyframes dgtape{to{transform:translateX(-100%)}}

#devgate .dg-card{position:relative;z-index:2;width:min(460px,100%);text-align:center;display:flex;flex-direction:column;gap:16px;align-items:center;
  background:linear-gradient(165deg,#241a3ae6,#150f22e6);backdrop-filter:blur(8px);border:2px solid #b58cff;border-radius:24px;padding:26px 22px 22px;
  box-shadow:0 0 0 6px #b58cff22,0 20px 60px #000c}
#devgate .dg-badge{display:inline-block;font-weight:900;font-size:13px;letter-spacing:3px;color:#16101f;background:#ffcf3d;border-radius:8px;padding:5px 12px;
  transform:rotate(-3deg);box-shadow:0 4px 14px #ffcf3d55;animation:dgwobble 2.4s ease-in-out infinite}
@keyframes dgwobble{50%{transform:rotate(3deg) scale(1.05)}}
#devgate .glitch{font-size:clamp(40px,12vw,70px);letter-spacing:4px}
#devgate .dg-msg{color:#d8c9ff;font-size:15px;line-height:1.45;margin:0}
#devgate .dg-msg b{color:var(--neon)}
#devgate form{display:flex;gap:10px;width:100%}
#devgate input{flex:1;min-width:0;text-align:center;font-size:24px;font-weight:900;letter-spacing:8px;padding:10px 8px;border-radius:14px;
  border:2px solid #4a3d66;background:#0b0816;color:var(--txt);outline:none;transition:border-color .15s,box-shadow .15s}
#devgate input:focus{border-color:#7cff6b;box-shadow:0 0 0 4px #7cff6b22}
#devgate input::placeholder{letter-spacing:2px;font-size:15px;font-weight:600;color:#6d6287}
#devgate button{font-size:18px;font-weight:900;letter-spacing:1px;padding:10px 20px;border-radius:14px;background:linear-gradient(135deg,#7cff6b,#16d9a0);color:#052;
  box-shadow:0 0 0 3px #7cff6b44,0 10px 30px #16d9a077}
#devgate .dg-err{min-height:20px;font-size:14px;font-weight:700;color:#ff6b9d;margin-top:-6px}
#devgate .dg-card.dg-shake{animation:dgshake .45s}
@keyframes dgshake{20%{transform:translateX(-12px)}40%{transform:translateX(10px)}60%{transform:translateX(-7px)}80%{transform:translateX(4px)}}
#devgate .dg-foot{font-size:12px;color:#9a8fb0;letter-spacing:1px}
@media(max-width:420px){#devgate form{flex-direction:column}#devgate .dg-tape{height:38px}#devgate .dg-tape span{font-size:14px}}
@media(prefers-reduced-motion:reduce){#devgate *,#devgate{animation:none!important;transition:none!important}}