.login-screen{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:20px;background:linear-gradient(135deg,#edf3ff,#f7f9fc 50%,#e9faf6)}.login-screen.hidden{display:none}.login-card{width:min(400px,100%);background:#fff;border:1px solid #e7ebf2;border-radius:14px;padding:34px;box-shadow:0 25px 70px #1f315029}.login-brand{padding:0 0 22px}.login-brand .brand-mark{width:42px;height:42px;border-radius:10px}.login-card h1{font-size:22px;margin:0 0 8px}.login-card>p{margin-bottom:23px}.login-card label{display:grid;gap:7px;margin-top:15px;color:#58657a;font-size:12px}.login-card input{height:40px;border:1px solid #dce3ed;border-radius:7px;padding:0 10px;font:14px 'Noto Sans SC';outline-color:#2e6cf6}.login-submit{width:100%;margin-top:22px;height:42px}.login-card small{display:block;color:#9aa3b1;margin-top:14px;text-align:center;font-size:11px}.login-error{min-height:17px;margin-top:10px;color:#dc5b5b;font-size:12px}.demo-login-panel{display:grid;gap:12px;margin-top:22px;text-align:center}.demo-login-panel[hidden],#manualLoginFields[hidden]{display:none}.demo-enter-button{width:100%;height:44px;font-size:14px}.demo-login-panel small{margin:0;color:#7d8796;line-height:1.7}.demo-manual-toggle{justify-self:center;padding:5px 8px}.demo-enter-button:focus-visible,.demo-manual-toggle:focus-visible,.login-submit:focus-visible{outline:3px solid #9cb8ff;outline-offset:2px}.demo-enter-button:disabled{cursor:wait;opacity:.72}@media(max-width:480px){.login-card{padding:28px 22px}.demo-enter-button{height:46px}}