:root{color:#173a70;background:#d8edff;font-family:Arial,sans-serif}*{box-sizing:border-box}html,body{overscroll-behavior:none;width:100%;min-width:320px;min-height:100%;margin:0;overflow:hidden}body{min-height:100dvh}#app{touch-action:none;justify-content:center;align-items:center;width:100%;height:100dvh;display:flex}canvas{border-radius:22px;max-width:100%;max-height:100dvh;display:block;box-shadow:0 20px 55px #163e7347}.login-form{flex-direction:column;gap:9px;width:276px;display:flex}.login-form label{letter-spacing:1px;color:#426487;text-align:left;font:700 10px Arial,sans-serif}.login-form input{color:#173a70;background:#f9fcff;border:2px solid #cbddeb;border-radius:11px;outline:none;height:48px;padding:0 14px;font:700 16px Arial,sans-serif}.login-form input:focus{border-color:#2769be;box-shadow:0 0 0 3px #2769be24}.login-form button{color:#fff;cursor:pointer;letter-spacing:.5px;background:#e94043;border:0;border-radius:11px;height:50px;margin-top:9px;font:800 13px Arial,sans-serif;box-shadow:0 4px #b52e35}.login-form button:active{transform:translateY(3px);box-shadow:0 1px #b52e35}.auth-tabs{background:#edf4fa;border-radius:10px;gap:4px;margin-bottom:3px;padding:4px;display:flex}.login-form .tab{height:31px;box-shadow:none;color:#68819d;background:0 0;border-radius:7px;flex:1;margin:0;font-size:10px}.login-form .tab.active{color:#2769be;background:#fff;box-shadow:0 1px 4px #1e466e29}.field{flex-direction:column;gap:5px;display:flex}.field.hidden{display:none}.login-form button:disabled{cursor:wait;opacity:.72}#auth-message{color:#58718f;text-align:center;min-height:17px;margin:-1px 0 0;font:11px Arial,sans-serif}#auth-message.error{color:#be3138}@media (width<=420px){canvas{box-shadow:none;touch-action:none;border-radius:0}}