.gate{justify-content:center;align-items:center;min-height:100vh;padding:24px;display:flex}.gate-card{background:var(--card);border:1px solid var(--line);border-radius:22px;flex-direction:column;gap:12px;width:100%;max-width:380px;padding:34px 32px 30px;display:flex;box-shadow:0 24px 60px -30px #0d0d0d59}.gate-brand{align-items:center;gap:11px;margin-bottom:8px;display:flex}.gate-card h1{color:var(--ink-strong);margin:0;font-size:21px;font-weight:700}.gate-note{color:var(--muted);margin:0 0 6px;font-size:14px;line-height:1.55}.gate-error{color:var(--pill-broken-text);margin:0;font-size:13px;font-weight:500}.gate-input{border:1px solid var(--line);background:var(--paper);width:100%;color:var(--ink);font-family:var(--font-body);border-radius:12px;padding:12px 14px;font-size:15px}.gate-input:focus{outline:2px solid var(--signal);outline-offset:1px;border-color:#0000}.gate-button{background:var(--signal);color:#161616;font-family:var(--font-body);cursor:pointer;border:none;border-radius:999px;margin-top:4px;padding:12px 24px;font-size:15px;font-weight:600;box-shadow:0 10px 24px -10px #b48c008c}.gate-button:hover{filter:brightness(1.04)}