.login-page{background:#f4f6f9;place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{background:#fff;border:1px solid #e4e8ee;border-radius:8px;width:min(100%,420px);padding:34px;box-shadow:0 18px 50px #121f3114}.login-panel header{align-items:center;gap:10px;font-size:15px;display:flex}.login-logo{width:auto;height:26px}.login-copy{margin:48px 0 28px}.login-copy>span,.login-demo>span{color:#617083;font-size:12px;font-weight:700}.login-copy h1{color:#121c2a;letter-spacing:0;margin:10px 0;font-size:28px}.login-copy p,.login-demo p{color:#657386;margin:0;font-size:14px;line-height:1.65}.login-panel form{gap:10px;display:grid}.login-panel form label{color:#334155;font-size:13px;font-weight:700}.login-input{border:1px solid #dce2e9;border-radius:6px;align-items:center;gap:10px;min-height:46px;padding:0 13px;display:flex}.login-input:focus-within{border-color:#315e8a;box-shadow:0 0 0 3px #315e8a1a}.login-input svg{color:#8190a3}.login-input input{min-width:0;font:inherit;border:0;outline:0;flex:1}.login-panel form>button,.login-demo a{color:#fff;min-height:46px;font:inherit;background:#13263d;border:0;border-radius:6px;justify-content:center;align-items:center;gap:8px;margin-top:6px;font-size:14px;font-weight:700;text-decoration:none;display:flex}.login-panel form>button:disabled{cursor:wait;opacity:.65}.login-alternatives{gap:6px;margin-top:4px;display:grid}.login-alternatives a{color:#5d6b7d;font:inherit;text-underline-offset:3px;background:0 0;border:0;justify-self:start;padding:2px 0;font-size:12px;text-decoration:underline}.login-alternatives a:hover,.login-alternatives a:focus-visible{color:#13263d}.login-demo{background:#f6f8fb;border-radius:6px;gap:10px;padding:18px;display:grid}.login-notice,.login-error{margin:16px 0 0;font-size:13px;line-height:1.5}.login-notice{color:#14775b}.login-error{color:#b44747}