body { display: grid; place-items: center; min-height: 100vh; padding: 16px; }
.gate { position: relative; z-index: 1; width: min(400px, 100%); padding: 34px 30px 28px; }
.name { margin: 0; font-family: var(--font-head); font-size: 36px; line-height: 1; color: var(--accent); text-shadow: var(--glow); letter-spacing: .04em; }
.sub { margin: 10px 0 26px; color: var(--ink-dim); }
label { display: block; font-size: .85em; color: var(--ink-dim); margin-bottom: 6px; }
input { width: 100%; padding: 11px 12px; background: rgba(0,0,0,.4); border: 1px solid var(--line); border-radius: var(--radius); outline: none; }
input:focus { border-color: var(--line-strong); }
.btn { width: 100%; justify-content: center; margin-top: 14px; padding: .75em; }
.err { min-height: 1.4em; margin: 12px 0 0; color: var(--bad); font-size: .9em; }
[data-theme="hacker"] .fx { background: #000; }