.gate{min-height:100svh;padding:calc(24px * var(--ui-scale));background:var(--surface-page);place-items:center;display:grid}.gate__inner{width:100%;max-width:calc(380px * var(--ui-scale))}.gate__brand{font-size:calc(20px * var(--ui-scale));font-weight:var(--weight-display,400);letter-spacing:-.01em;color:var(--text-primary);margin:0}.gate__note{margin:calc(14px * var(--ui-scale)) 0 calc(32px * var(--ui-scale));font-size:var(--text-body);color:var(--text-secondary);max-width:34ch;line-height:1.55}.gate__form{gap:calc(12px * var(--ui-scale));border-top:1px solid var(--border);padding-top:calc(24px * var(--ui-scale));flex-direction:column;display:flex}.gate__label{font-size:calc(11px * var(--ui-scale));letter-spacing:.14em;text-transform:uppercase;color:var(--text-tertiary);font-weight:500}.gate__input{font-family:var(--font-sans);font-size:var(--text-body);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border);border-radius:var(--radius-control);padding:calc(12px * var(--ui-scale)) calc(14px * var(--ui-scale));width:100%;transition:border-color .14s var(--ease-out)}.gate__input::placeholder{color:var(--ink-3)}.gate__input:hover{border-color:var(--border-strong)}.gate__input:focus{border-color:var(--text-primary);outline:none}.gate__input:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}.gate__submit{font-family:var(--font-sans);font-size:var(--text-small);color:var(--text-inverse);background:var(--surface-inverse);border:1px solid var(--surface-inverse);border-radius:var(--radius-control);padding:calc(12px * var(--ui-scale)) calc(18px * var(--ui-scale));cursor:pointer;transition:opacity .14s var(--ease-out);font-weight:500}.gate__submit:hover{opacity:.86}.gate__submit:active{transform:scale(.985)}.gate__submit[disabled]{opacity:.5;cursor:default}@media (prefers-reduced-motion:reduce){.gate__input,.gate__submit{transition:none}.gate__submit:active{transform:none}}.gate__error{font-size:var(--text-small);color:var(--text-primary);min-height:1.4em;margin:0}.gate__foot{margin:calc(32px * var(--ui-scale)) 0 0;font-size:var(--text-caption);color:var(--text-tertiary)}.gate__foot a{color:inherit}