.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)}.gate-button--ghost{color:var(--ink);border:1px solid var(--line);box-shadow:none;background:0 0}.gate-google{background:var(--signal);color:#161616;border-radius:999px;justify-content:center;align-items:center;gap:10px;margin-top:4px;padding:12px 20px;font-size:15px;font-weight:600;text-decoration:none;display:flex;box-shadow:0 10px 24px -10px #b48c008c}.gate-google:hover{filter:brightness(1.04)}.gate-divider{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin:10px 0 2px;font-size:11px;font-weight:700;display:flex}.gate-divider:before,.gate-divider:after{content:"";background:var(--line);flex:1;height:1px}.gate-form{flex-direction:column;gap:10px;display:flex}