.gate{background:var(--hx-111111,#111);color:var(--hx-ffffff,#fff);font:500 13px/1.4 var(--font);place-items:center;padding:32px 16px;display:grid;position:fixed;inset:0;overflow-y:auto}.gate-card{text-align:center;flex-direction:column;align-items:center;width:100%;max-width:340px;display:flex}.gate-mark{width:30px;height:30px;margin-bottom:18px}.gate h1{font:600 22px/1.2 var(--font);font-variation-settings:"opsz" 32;letter-spacing:-.01em;margin:0}.gate p{color:var(--hx-999999,#999);margin:8px 0 26px}.gate-btn{background:var(--hx-1f1f1f,#1f1f1f);width:100%;height:40px;color:var(--hx-ffffff,#fff);font:500 13px/1 var(--font);cursor:pointer;border:0;border-radius:10px;justify-content:center;align-items:center;margin-bottom:10px;text-decoration:none;display:flex}.gate-btn:hover:not(:disabled){background:var(--hx-262626,#262626)}.gate-btn.primary{color:#000;background:#fff}.gate-btn.primary:hover:not(:disabled){background:#eaeaea}.gate-btn:disabled{opacity:.6}.gate-link{color:var(--hx-888888,#888);font:500 12px/1 var(--font);cursor:pointer;background:0 0;border:0;margin-top:8px;text-decoration:none}.gate-link:hover{color:var(--hx-ffffff,#fff)}.gate-error{color:var(--hx-ff6b6b,#ff6b6b);margin:2px 0 10px;font-size:12px}.gate-code{gap:10px;margin-bottom:16px;display:flex}.gate-code input{border:1px solid var(--hx-262626,#262626);background:var(--hx-1a1a1a,#1a1a1a);width:52px;height:60px;color:var(--hx-ffffff,#fff);text-align:center;font:600 24px/1 var(--font);border-radius:10px;outline:0}.gate-code input:focus{border-color:var(--hx-0099ff,#09f);box-shadow:0 0 0 3px rgba(var(--rgb-0-153-255,0, 153, 255), .2)}.gate-form{text-align:left;align-items:stretch}.gate-form .gate-mark,.gate-form h1,.gate-form p{text-align:center;align-self:center}.gate-form label{color:var(--hx-999999,#999);flex-direction:column;gap:6px;margin-bottom:12px;font-size:12px;display:flex}.gate-form input,.gate-form textarea{background:var(--hx-1a1a1a,#1a1a1a);width:100%;color:var(--hx-ffffff,#fff);font:500 13px/1.4 var(--font);resize:vertical;border:1px solid #0000;border-radius:8px;outline:0;padding:8px 10px}.gate-form input{height:34px}.gate-form input:focus,.gate-form textarea:focus{border-color:var(--hx-0099ff,#09f)}.gate-form .gate-btn{margin-top:6px}.gate-form .gate-link{align-self:center}.signin{max-width:340px}.signin .gate-btn,.signin .gate-email,.signin .gate-or{max-width:312px}.signin h1{font:600 26px/1.25 var(--font);letter-spacing:-.015em;flex-direction:column;align-items:center;gap:2px;margin-bottom:30px;display:flex}.signin h1 span{color:var(--hx-8a8a8a,#8a8a8a);font-weight:500}.signin>p{margin:-14px 0 22px}.gate-btn{gap:8px}.gate-btn.light{color:#111;background:#fff}.gate-btn.light:hover:not(:disabled){background:#ececec}.gate-or{text-align:center;width:100%;color:var(--hx-777777,#777);font:500 11px/1 var(--font);letter-spacing:.04em;margin:6px 0 16px;position:relative}.gate-or:before{content:"";border-top:1px solid var(--hx-2a2a2a,#2a2a2a);position:absolute;top:50%;left:6px;right:6px}.gate-or span{background:var(--hx-111111,#111);padding:0 12px;position:relative}.gate-email{flex-direction:column;width:100%;display:flex}.gate-email input{border:1px solid var(--hx-2a2a2a,#2a2a2a);background:var(--hx-1a1a1a,#1a1a1a);width:100%;height:40px;color:var(--hx-ffffff,#fff);font:500 13px/1 var(--font);border-radius:10px;outline:0;margin-bottom:10px;padding:0 12px}.gate-email input::placeholder{color:var(--hx-777777,#777)}.gate-email input:focus{border-color:var(--hx-0099ff,#09f);box-shadow:0 0 0 3px rgba(var(--rgb-0-153-255,0, 153, 255), .2)}.gate-foot{color:var(--hx-555555,#555);align-items:center;gap:8px;margin-top:14px;display:flex}.gate-foot .gate-link{margin-top:0}