.demo-gate{background-color:#000;justify-content:center;align-items:center;min-height:100vh;padding:24px;font-family:Figtree,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;display:flex;position:relative;overflow:hidden}.demo-gate__network{z-index:0;opacity:.7;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.demo-gate__card{z-index:1;background-color:#000;border:1px solid #232a33;border-radius:16px;width:100%;max-width:470px;padding:32px;position:relative;box-shadow:0 24px 60px #0009}.demo-gate__logo{width:auto;height:24px;margin:0 auto 20px;display:block}.demo-gate__title{color:#fff;text-align:center;margin:0 0 4px;font-size:20px;font-weight:600;line-height:28px}.demo-gate__sub{color:#9ba1ac;text-align:center;margin:0 0 22px;font-size:15px;line-height:20px}.demo-gate__label{color:#c7ccd3;margin:14px 0 6px;font-size:14px;font-weight:600;display:block}.demo-gate__input{color:#fff;background-color:#1b2028;border:1px solid #2a2f37;border-radius:8px;outline:none;width:100%;height:44px;padding:0 14px;font-size:15px;transition:border-color .15s}.demo-gate__input::placeholder{color:#6f7583}.demo-gate__input:focus{border-color:#fff}.demo-gate__field{position:relative}.demo-gate__input--pass{padding-right:44px}.demo-gate__eye{color:#9ba1ac;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.demo-gate__eye:hover{color:#fff}.demo-gate__btn{color:#0b0f14;cursor:pointer;background-color:#fff;border:0;border-radius:8px;justify-content:center;align-items:center;width:100%;height:44px;margin-top:24px;font-size:15px;font-weight:600;transition:filter .15s;display:flex}.demo-gate__btn:hover{filter:brightness(.94)}.demo-gate__btn:disabled{cursor:default;filter:none}.demo-gate__spinner{border:2px solid #0b0f14;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite demo-gate-spin;display:inline-block}@keyframes demo-gate-spin{to{transform:rotate(360deg)}}.demo-gate__err{color:#ff8f8f;text-align:center;background:#ec00001f;border:1px solid #ff6b6b59;border-radius:8px;margin:0 0 16px;padding:10px 12px;font-size:13px}