.gate{background:radial-gradient(120% 120% at 20% -10%, #6e5db81f, transparent 55%), radial-gradient(80% 80% at 80% 110%, #e0544c14, transparent 55%), var(--paper);place-items:center;min-height:100vh;padding:24px;display:grid}.gate__card{text-align:center;width:100%;max-width:400px}.gate__logo{justify-content:center;margin-bottom:40px;font-size:18px;display:flex}.gate__h{font-family:var(--hl);letter-spacing:-.02em;margin-bottom:10px;font-size:clamp(28px,5vw,40px);font-weight:500}.gate__sub{color:var(--ink-2);margin-bottom:32px;font-size:15px}.gate__form{flex-direction:column;gap:12px;display:flex}.gate__input{border:1.5px solid var(--line-2);height:54px;font-family:var(--sans);color:var(--ink);background:var(--card);text-align:center;letter-spacing:.12em;border-radius:12px;outline:none;padding:0 18px;font-size:16px;transition:border-color .2s,box-shadow .2s}.gate__input:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 18%, transparent)}.gate__input--err{border-color:#e04c6e;box-shadow:0 0 0 3px #e04c6e24}.gate__err{color:#c0334e;margin:0;font-size:13.5px}.gate__btn{margin-top:4px}