.auth-gate{
  min-height:100svh;
  display:grid;
  place-items:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 35%,rgba(255,255,255,.045),transparent 32%),
    repeating-linear-gradient(135deg,transparent 0,transparent 78px,rgba(255,255,255,.018) 79px,transparent 80px),
    #070707;
}
.auth-gate[hidden],#admin-app[hidden]{display:none!important}
.auth-card{width:min(100%,390px);padding:42px;border:1px solid #2a2a2a;background:rgba(12,12,12,.94)}
.auth-card img{display:block;width:58px;height:58px;object-fit:contain;margin-bottom:38px}
.auth-card p{margin:0 0 32px;color:#777;font-size:9px;letter-spacing:.2em}
.auth-card label{display:block;margin-bottom:10px;color:#888;font-size:9px;letter-spacing:.16em}
.auth-card input{width:100%;padding:15px;border:1px solid #333;background:#090909;color:#fff;font-size:18px;letter-spacing:.12em;outline:none}
.auth-card input:focus{border-color:#aaa}
.auth-card button{margin-top:20px;padding:14px 18px;border:0;background:#eee;color:#080808;font-size:9px;font-weight:800;letter-spacing:.16em;cursor:pointer}
.auth-card button span{margin-left:20px;font-size:14px}
.auth-card output{display:block;min-height:13px;margin-top:16px;color:#c87878;font-size:8px;letter-spacing:.14em}
@media(max-width:520px){.auth-card{padding:30px}}