#gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:24px 16px;overflow:auto;
  background:radial-gradient(80% 60% at 50% 0%,rgba(227,38,46,.25),transparent 60%),#0A0A0B;color:#F4F4F5;font-family:"Barlow",system-ui,sans-serif}
#gate .gbox{width:100%;max-width:400px;display:grid;gap:14px}
#gate .glogo{font:800 italic 40px/0.9 "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.01em}
#gate .glogo span{color:#E3262E;display:block}
#gate h1{font:800 italic 28px "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;margin:8px 0 0}
#gate .gform{display:grid;gap:12px}
#gate label{display:grid;gap:6px;font-size:13px;color:#A6A6AE;font-weight:600}
#gate input{font:500 16px "Barlow",system-ui,sans-serif;padding:12px 14px;border-radius:12px;border:1px solid #2A2A30;background:#141416;color:#F4F4F5}
#gate input:focus{outline:2px solid #E3262E;outline-offset:1px}
#gate .gbtn{font:800 17px "Barlow Condensed","Arial Narrow",sans-serif;text-transform:uppercase;letter-spacing:.06em;padding:14px;border:0;border-radius:12px;background:#E3262E;color:#fff;cursor:pointer}
#gate .gbtn:disabled{opacity:.6}
#gate .gerr{color:#FF6A4D;margin:0;font-size:14px}
#gate .ghint{color:#A6A6AE;font-size:14px;margin:0}
#gate .gmotto{font:700 italic 15px "Barlow Condensed","Arial Narrow",sans-serif;color:#A6A6AE;margin-top:18px}
#gate .gmotto span{color:#E3262E}
.pw{font:800 26px "Barlow Condensed","Arial Narrow",sans-serif;letter-spacing:.04em;color:var(--gold2,#FFDF7A);user-select:all}