.gate{--bg:#071116;--card:#101a1e;--line:hsla(0,0%,100%,.12);--ink:#f5f4ec;--dim:#a8b0ae;--lime:#c9e62b;--bad:#e8654a;position:fixed;inset:0;background:var(--bg);color:var(--ink);display:flex;align-items:center;justify-content:center;padding:24px;overflow:auto;font:16px/1.5 Onest,system-ui,-apple-system,Segoe UI,sans-serif}.gate__box{width:100%;max-width:340px;text-align:center}.gate__mark{width:64px;height:64px;margin:0 auto 22px;display:block;border-radius:18px}.gate h1{margin:0 0 8px;font-size:23px;letter-spacing:-.02em;font-weight:700}.gate p{margin:0 0 26px;color:var(--dim);font-size:14.5px}.gate input{width:100%;height:68px;text-align:center;font-size:30px;font-weight:600;letter-spacing:.4em;text-indent:.4em;font-variant-numeric:tabular-nums;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:18px;outline:none;-webkit-appearance:none}.gate input:focus{border-color:var(--lime)}.gate input::-moz-placeholder{color:#4a5654;letter-spacing:.3em}.gate input::placeholder{color:#4a5654;letter-spacing:.3em}.gate button{width:100%;height:56px;margin-top:12px;font:inherit;font-size:16px;font-weight:700;color:#0b1206;background:var(--lime);border:0;border-radius:16px;cursor:pointer}.gate button:active{transform:translateY(1px)}.gate__err{margin:14px 0 0;color:var(--bad);font-size:14px}