:where(.gate) button,:where(.gate) input{font:inherit;color:inherit}.gate .i{flex:none;width:20px;height:20px}.gate form{text-align:left;gap:14px;width:100%;display:grid}.gate .lbl{color:var(--ink);margin-bottom:7px;font-size:14px;font-weight:600;display:block}.gate .inp{border:1px solid var(--line);background:var(--bg);width:100%;min-height:48px;color:var(--ink);font:400 16px/1.4 var(--f-ui);border-radius:12px;padding:11px 14px;transition:border-color .2s,box-shadow .2s;display:block}.gate .inp:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft);outline:none}.gate .inp[aria-invalid=true]{border-color:var(--bad)}.gate .hint{color:var(--ink-soft);margin-top:6px;font-size:13px}.gate .err{color:var(--bad);font-size:14px;font-weight:600}.gate .err:empty,.gate .note:empty{display:none}.gate .note{color:var(--ok);font-size:14px;font-weight:600}.gate .pw{position:relative}.gate .pw .inp{padding-right:82px}.gate .pw .show{min-height:40px;color:var(--ink-soft);font:600 14px/1 var(--f-ui);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:0 13px;position:absolute;top:4px;right:6px}.gate .pw .show:hover{color:var(--ink)}.gate .fl{justify-self:end;margin-top:-4px}.gate .btn.wide{width:100%}.gate .or{width:100%;color:var(--ink-faint);align-items:center;gap:12px;font-size:13px;display:flex}.gate .or:before,.gate .or:after{content:"";background:var(--line);flex:1;height:1px}.gate .ok{background:var(--ok-soft);width:54px;height:54px;color:var(--ok);border-radius:50%;place-items:center;display:grid}.gate .ok .i{width:24px;height:24px}.gate p.pnote{color:var(--ink-soft);font-size:13px}.gate .pnote a{color:var(--ink);text-underline-offset:2px;font-weight:600;text-decoration:underline}.gate b{color:var(--ink);overflow-wrap:anywhere}@media (prefers-reduced-motion:reduce){.gate .inp{transition:none}}.gate .sec{border-top:1px solid var(--line);text-align:left;justify-items:start;gap:12px;width:100%;padding-top:18px;display:grid}.gate .sec form,.gate .sec .panel{justify-self:stretch}.gate .sec .panel{gap:14px;display:grid}.gate .sec .row{justify-content:flex-start}.gate h2{font:400 22px/1.2 var(--f-display);color:var(--ink)}.gate .btn.danger{color:var(--bad)}.gate .btn.danger.strong{border-color:var(--bad)}.gate .gbtn.wide{justify-content:center;width:100%}.gate .btn[aria-disabled=true]{opacity:.55}.gate .btn[aria-disabled=true]:not([aria-busy=true]){cursor:default}.gate .btn[aria-disabled=true]:hover{box-shadow:none;border-color:var(--line);transform:none}.gate .btn.pri[aria-disabled=true]:hover{border-color:var(--accent)}.gate .ok.mail{background:var(--accent-soft);color:var(--accent)}.gate .ok.warn{background:var(--bad-soft);color:var(--bad)}.gate .spin{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite gate-spin;display:inline-block}.gate .spin.big{width:30px;height:30px;color:var(--accent);border-width:3px}@keyframes gate-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.gate .spin{animation:none}}