.gate-page{min-height:100dvh}.gate{display:grid;place-items:center;min-height:100dvh;padding:var(--space-7) var(--gutter)}.gate-card{width:100%;max-width:380px;animation:rise-in var(--dur-4) var(--ease-out) both}.gate-brand{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-8)}.gate-brand .brand-mark{width:32px;height:32px}.gate-card h1{font-family:var(--font-display);font-size:48px;font-weight:400;line-height:.95;letter-spacing:.005em;text-wrap:balance}.gate-card .sub{margin:var(--space-3) 0 var(--space-6);color:var(--text-2);line-height:var(--leading-loose)}#form{display:grid}#form .field>label{font-size:var(--text-sm);font-weight:550;color:var(--text-2)}#form .field input{min-height:46px;font-size:16px}.pw{position:relative;display:block}.pw input{padding-right:76px}.peek{position:absolute;right:6px;top:6px;min-height:34px;padding:0 12px;border-radius:7px;color:var(--text-2);font-size:var(--text-sm);font-weight:600}.peek:hover{color:var(--text-1);background:var(--surface-3)}.peek:focus-visible{outline-offset:-2px}#rule{margin:calc(-1 * var(--space-2)) 0 var(--space-4)}.message{margin:0 0 var(--space-3);color:var(--danger);font-size:var(--text-sm);font-weight:600;line-height:var(--leading-loose)}.message:empty{display:none}.message:not(:empty):before{content:"!";display:inline-grid;place-items:center;width:16px;height:16px;margin-right:6px;border-radius:50%;background:var(--danger);color:var(--bg);font-size:11px;font-weight:800;vertical-align:-2px}.btn.block{width:100%}.gate-note{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--line);color:var(--text-3);font-size:var(--text-sm);line-height:var(--leading-loose)}.gate-note code{padding:1px 6px;border-radius:var(--radius-xs);background:var(--surface-2);color:var(--text-2);font:13px/1.6 ui-monospace,Consolas,monospace;white-space:nowrap}@media(max-width:640px){.gate{place-items:start center;padding-top:var(--space-9)}.gate-brand{margin-bottom:var(--space-7)}.gate-card h1{font-size:40px}}